- 博客(46)
- 收藏
- 关注
RSS订阅原创 本地存储/
本地存储特性：数据存储在用户浏览器中；设置、读取方便，页面刷新不丢失数据；容量大，sessionStorage约5M、localStorage约20M；只能存储字符串，可以将对象JSON.stringify()编码后存储。 window.sessionStorage： （1）生命周期为关闭浏览器窗口
2023-05-14 16:42:00
119
原创 PC端网页特效
页面滚动的距离通过window.pageYOffset获得。如果有多个立即执行函数，需要用分号隔开。想要获取元素大小位置用offset。想要给元素更改值，需要用style。这个事件给window添加。
2023-05-14 15:18:03
1396
1
原创 BOM（1）
第二种写法：函数名 （4）停止setInterval定时器：window.clearInterval(interval ID);（括号里面是定时器标识符）③第二种写法：写函数名。与浏览器窗口进行交换的对象。回调函数callback。
2023-04-21 16:31:45
422
原创 DOM（3）
事件对象 ：eventTarget.onclick=function(event){} （event（可以写成e或evt，是个形参，系统设定为事件对象，不需要传递实参）事件代表事件的状态，事件发生后，跟事件相关的一系列信息事件数据的集合都放在这个对象里面）不是每个子节点单独设置事件监听器，而是事件监听器设置在其父节点上，然后利用冒泡原理影响设置每个子节点。①例：给ul注册点击事件，然后利用事件对象的target来找到当前点击的li，因为点击li，事件会冒泡到ul上，ul有注册事件，就会触发事件监听器。
2023-04-19 21:01:35
383
原创 DOM（2）
阻止链接跳转需要添加javascript:void(0);或者javascript:;返回值里面包含所有子节点，包括元素节点、文本节点。但文档流执行完毕，则它会导致页面全部重绘。
2023-04-16 15:29:53
492
原创 DOM（1）
getElementsByTagName('标签名') ⑤如果页面中只有一个这个元素，返回的还是伪数组的形式；如果页面中没有这个元素，返回的是空的伪数组。className会直接更改元素类名，覆盖原先类名，因为行内样式权重较高。JS修改style样式操作，产生的是行内样式的CSS权重比较高。父元素必须是单个对象（必须指明是哪个元素对象）JS里面的样式采取驼峰命名法。
2023-04-14 09:37:12
223
原创 数据类型。
8.复制数据类型传参：函数的形参可以看作是一个变量，当把引用类型变量传给形参时，其实是把变量在栈空间里保存的堆地址复制给形参，形参和实参其实保存的是同一个堆地址，所以操作的是同一个对象。复杂数据类型存放到堆里面，在栈里面存放的是地址（十六进制），然后这个地址指向堆里面的数据，即真正的对象实例存放在堆空间中。简单数据类型存放到栈里面，里面直接开辟一个空间存放的是值。JS没有堆和栈，只是通过这种方式理解代码。
2023-04-10 20:51:51
266
2
原创 JS内置对象1
/+new Date() 返回的就是总的毫秒数 console.log(date1);④H5新增的获得总的毫秒数：console.log(Date.now());（4）获取日期的总的毫秒形式：不是当前时间的毫秒数，而是距离1970年1月1号过了多少毫秒 ①通过valueOf()：var date = new Date();
2023-04-09 14:44:03
392
原创 JavaScript的作用域和预解析（重点）
js引擎会把js里面所有的 var，还有function提升到当前作用域的最前面 ① 预解析分为变量预解析（变量提升）和函数预解析（函数提升） ② 变量提升：就是把所有的变量声明提升到当前的作用域最前面，不提升赋值操作。注：var a=b=c=6相当于var a=6;（2） 局部变量：在局部作用域下的变量或者在函数内部的变量是局部变量。函数的形参也可以看出函数的局部变量。
2023-04-07 19:45:22
84
原创 函数。。。
(函数表达式声明方式跟声明变量差不多，只不过变量里面存的是值，而函数表达式里面存的是函数，且可以传递参数)函数的返回值： （1）return语句：函数只是实现某种功能，最终结果需要返回给函数的调用者函数名() 通过return实现；函数名()=return后面的结果。
2023-04-07 14:25:01
138
原创 JS流程控制（分支、循环）
循环结构： （1）for循环：for(初始化变量;break关键字：用于立即跳出整个循环（循环结束）continue关键字：用于立即跳出本次循环，继续下一次循环（本次循环体中continue之后代码会少执行一次）switch (表达式) {
2023-04-04 21:24:48
79
原创 扩展阅读。
翻译器翻译方式：①编译（代码执行之前进行编译，会生成中间代码）；②解释（运行时进行及时解释，并立即执行）。区别在于翻译的时间点不同 标识符：开发人员为变量、属性、函数、参数取的名字（不能是关键字或保留字） 关键字：JS本身已经使用的字，不能当变量名、方法名（break、case、catch、continue、default、delete、do、else、finally、for、function、if、in、instanceof、new、return、switch、this、throw、try、typeo
2023-04-02 16:29:02
85
原创 数据类型.
（2）转换为字符串类型： ①toString 例：var num=1;字符串长度（length）：例：var str='my name is lili';字符串+任何类型=拼接之后的字符串（数值相加，字符相连）,也可通过变量和字符串拼接的方法方便修改里面的值。
2023-04-02 15:53:37
87
原创 字体图标iconfont
也可以在style.css中复制粘贴引入，然后打开demo.html文件复制需要的图标后面的方块到body中，字体格式设为font-famliy='icomoon'字体文件格式：不同浏览器所支持字体格式不一样，字体图标之所以兼容，是因为包含主流浏览器支持的字体文件。2.它是轻量级，比图像小，一加载就马上渲染，减少服务器请求，本质是文字，支持所有浏览器。，然后选择自己想要的新的图标，重新下载压缩包，并替换原来的文件。（2）字体图标的引入（引入html页面）（3）字体图标的追加（添加新的小图标）
2023-03-25 14:10:25
261
原创 精灵图（sprites）
2.核心原理：将网页中的一些小背景图片整合到一张大图中，这样服务器只需要一次请求就可以了。1.为了有效减少服务器接收和发送请求的次数，提高网页的加载速度。5.移动背景图片位置用background-position。6.移动的距离就是这个目标图片的x和y坐标。7.往上往左移动，数值都是负值。4.大图片称为sprites。8.坐标轴是下y轴右x轴。3.针对背景图片使用。
2023-03-25 11:19:27
125
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人