- 博客(14)
- 收藏
- 关注
原创 使用GIT管理文件的步骤(有基础版)
这篇文章对应的是已经有点git基础,即已经完成git安装和配置,但是对使用git完成对本地文件管理的步骤不太熟悉的人观看。如果需要零基础版本我有空会发布另一篇文章。
2023-12-28 11:49:48
2631
1
原创 报错 - node.js - 使用全局软件包-nodemon报错
明显的缺少了 node_modules 文件,而node_modules是安装node后用来存放用包管理工具下载安装的包的文件夹,我在使用其他项目的时候忘记导入这个了。解决办法也很简单,右击选择07项目文件夹选择在集成终端中打开,然后输入 npm i 自动导入项目所需的依赖即可,之后可以正常使用nodemon命令。提示说是版本不对,我上网找了半天怎么提升nodemon版本,但是后来我发现原来是我没有导入文件所需要是依赖。今天在使用node.js全局软件包-nodemon命令时发生错误,错误提升如下。
2023-09-12 11:36:53
401
1
原创 隐藏一个元素的三种方式附加他们的区别
在HTML中隐藏一个元素主要分为三种方式,分别为display:none; 这个属性用于定义建立布局时元素生成的显示框类型,而none属性可以让元素隐藏visibility:hidden;这个属性是能见度的意思,使用hidden属性值后可以让元素“隐藏”opacity:0; 这个属性是透明度的意思,为零即透明度为0,也可以做到隐藏元素的作用虽然上面三个属性都可以让元素实现“隐藏”的效果但是有的是真的让元素隐藏起来了,但有的只是假的让元素元素“隐藏”起来了,display:none;
2021-11-07 23:45:51
434
原创 jquery实现返回顶部功能
先来看看效果,当滚动的距离超过蓝色方块的时候,就会显示返回顶部的文字,这时候点击返回顶部就会自动返回顶部<style> body { height: 2000px; } .back { position: fixed; width: 100px; height: 50px; right: 30px; .
2021-10-31 23:25:52
2414
原创 锅打灰太狼/打地鼠项目
先看看效果游戏的时间和难度可以自己调整接下来就是代码部分,图片我不知道怎么给,其实图片无所谓了,换成其他图片也是可以的,我提供的不过是一种思路,给你一个思路过程罢了<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <met.
2021-10-24 18:41:50
2428
1
原创 数组扁平化/函数柯理化
要知道如果数组是二维或者三维甚至是多维数组,如果想直接取里面一个两个还好, 如果想一次性取很多个或者取出全部那么就很麻烦了,所以这时候就有了数组扁平化或者说函数柯理化,其意思就是将多维数组里面的每一个取出然后组成一维数组var arr = [1, 2, 3, [4, 3, [2, 7], 2], 5, [5, 9, 10], 7];function flatten(arr) { var rets = []; for(var i = 0; i < arr.length; i.
2021-10-17 21:04:29
187
原创 函数节流是什么?怎么用?
什么是函数节流?函数节流是指一定时间内js方法只执行一次,以点击事件为例,在一定时间内不管触发多少次点击事件都只会执行一次为什么需要函数防抖?为了减少一些时间的频繁调用,例如scroll(懒加载要记录滚动条的位置)、mousemove(鼠标移动)等等看效果下面是简单的样式便于观察 .div{ width: 200px; height: 200px; color: red; font-size: 40px; .
2021-10-07 21:21:35
327
原创 函数防抖是什么?怎么用?
什么是函数防抖?函数防抖,就是指触发事件后,在 n 秒内函数只能执行一次, 如果触发事件后在 n秒内又触发了事件,则会重新计算函数延执行时间为什么需要防抖?前端开发过程中,有一些事件,常见的例如,点击事件,鼠标经过和离开事件等,会被频繁触发(短时间内多次触发),不做限制的话,有可能一秒之内执行几十次、几百次,如果在这些函数内部执行了其他函数,尤其是执行了操作DOM 的函数(浏览器操作 DOM,是很耗费性能的),那不仅会浪费计算机资源,还会降低程序运行速度,甚至造成浏览器卡死、崩溃。.
2021-10-07 20:59:01
682
原创 阻止冒泡事件
<div class="div">我是div <p class="p1">我是P1 <p class="p2">我是p2</p> </p> </div> <script> div=document.getElementsByClassName("div")[0]; p1=document.getElementsByClassName.
2021-09-26 21:11:12
145
原创 使用html jquery css制作简易计算机
先看看效果制作这样一个简单的计算机首先要先设计一个计算机的模型,下面是标签和css样式 <div class="ke"><!--外壳--> <!-- <h2>简易版计算器</h2> --> <div class="ke2"> <input type="text" id="input"><!--显示屏--> <.
2021-09-26 20:45:44
1761
原创 利用循环打印菱形
利用循环打印固定菱形或者能调整的菱形想要在html中使用循环打印出这种图形或者更多行的菱形的代码该怎么写?最简单的办法在文章最底部首先先分析一下,可以不难看出这个菱形是分成了三部分首先是上面部分,每层星星个数比上一层都增加两个然后是 下面部分,每一层都比上一层小两个最后的部分就是菱形左边的空格了知道目标后就好办了首先完成第一部分,打印上面部分的菱形 //先定义一个变量用来存储需要打印菱形的长度 var s=3; //第一个for循环用来控
2021-09-20 17:59:19
1655
3
原创 使用 html js css 制作简单彩虹效果
怎么样使用HTML和css或者结合js做一个简单的彩虹?先看看效果这里是主体HTML代码 <div> <div id="g" class="s"> <div id="f" class="s"> <div id="e" class="s"> <div id="d" class="s">
2021-05-26 17:31:25
3441
2
原创 伪类选择器 :hover 的用法和注意
:hover 一般用于链接中,当把鼠标悬浮在带有该选择器的元素或者链接上时触发特定效果当用在连接上时 :hover 必须位于 :link 和 :visited 之后,这样样式才能生效一般写法为 a:hover {color:blue;} **这是默认链接的样式****这是没有加 :hover 的超链接,当鼠标移动到上面的时候没有什么变化****这是加了 :hover 的超链接,当鼠标移动至链接上的时候颜色变为了淡紫色**a:hover{ c
2021-04-27 23:21:48
4078
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅