- 博客(26)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 postcss
我们写的css代码（怎么爽怎么来） -->postcss --> less -->【去将语法进行编译(嵌套语法，函数，变量)成原生css】less sass等预处理器都可以做 --> 再次对未来的高级css语法进行降级 --> 前缀补全 --> 浏览器客户端。—> 输送到水龙头 —>我们才可以喝 （为了保证我们到嘴喝的水是万无一失的）我们写的js代码(怎么爽怎么来） -->babel–>将最新的ts语法进行转换js语法 --> 再做一次语法降级 -->浏览器客户端去执行。
2023-03-13 16:58:53
109
原创 JS垃圾回收机制
其思路是对每个值都记录它被引用的次数。声明变量并给它赋一个引用值时，这个值的引用数为 1。如果同一个值又被赋给另一个变量，那么引用数加 1。类似地，如果保存对该值引用的变量被其他值给覆盖了，那么引用数减 1。当一个值的引用数为 0 时，就说明没办法再访问到这个值了，因此可以安全地收回其内存了。垃圾回收程序下次运行的时候就会释放引用数为 0 的值的内存。
2023-03-02 14:27:44
83
原创 for 循环中的 let 声明
之所以会这样，是因为在退出循环时，迭代变量保存的是导致循环退出的值：5。在之后执行超时逻辑时，所有的 i 都是同一个变量，因而输出的都是同一个最终值。每个 setTimeout 引用的都是不同的变量实例，所以 console.log 输出的是我们期望的值，也就是循。这种每次迭代声明一个独立变量实例的行为适用于所有风格的 for 循环，包括 for-in 和 for-of循环。而在使用 let 声明迭代变量时，JavaScript 引擎在后台会为每个迭代循环声明一个新的迭代变量。
2023-02-24 14:33:52
98
原创 jquery的动画（封装了许多的动画方法）
jquery的动画（封装了许多的动画方法）淡入淡出fadeIn 淡入（display:none）// 淡入淡出 只改透明度// fadeIn 淡入（把隐藏变成显示） fadeOut 淡出（把显示的内容隐藏）$('img').fadeIn(2000,function(){ })fadeOut 淡出$('img').fadeOut(2000,function(){ console.log('成功');})显示隐藏show(针对隐藏的元素 display:none)//sh
2022-04-20 19:45:26
918
原创 JSONP、同源策略（同源政策）、(跨域解决)
同源策略（同源政策）概述浏览器为了安全性考虑 拒绝访问不同源的内容 这个称为同源策略跨域（CORS）跨域问题的产生 是由于同源策略的影响1.请求协议不一致 （http 和 https）2.ip地址不一致 （127.0.0.1 和 192.168.0.1）3.端口不一致 （80 和 3306）4.走的file协议 文件不一样也会跨域跨域解决1.后端解决 （设置请求头）Access-Control-Allow-Origin: *2.前端解决 （通过设置请求 jsonp）jsonp
2022-04-19 21:22:34
96
原创 cookie及正则总结
cookiecookie是什么cookie是存在浏览器上的一个只有4kb的容器 里面存储的类型为string，他会在每次http请求的时候 携带过去。（他是为了解决http的无状态的特性）cookie的获取document.cookiecookie的设置document.cookie = "name=value;expires=时间;domain=域名;path=地址;secure;"cookie的删除（设置过期时间）document.cookie = "name=value;expir
2022-04-19 21:18:47
65
原创 面向对象的概述
面向对象不是一个新的内容，而是一个编程思想（oop）面向过程和面向过程的举例说明面向过程：去相亲网站填写信息确定目标建立联系约会…面向对象找对象（找个媒婆）调用对象的方法（说媒）面向对象的主要思维是找能做这个事情的对象（万物皆对象 所有的东西都能被当成对象）了解对象对象类型属于引用数据类型 关于对象的创建对象的创建直接赋值(字面量定义方式）let obj = {} //对象类型使用new关键词let obj = new Object() //首字母是大写的
2022-04-16 16:31:12
50
原创 闭包的解释说明及应用
什么是闭包？简单来说就是只要一个作用域访问到了另一个函数内部的局部变量就会产生闭包，被访问的局部变量所在的函数就称为闭包函数 function fn(a) {// 参数a 这个参数a是不会被销毁的(缺点：内存占用) return function () { // 访问到这个a console.log(a); } } fn('hello')()//调用内部函数，会打印出hello //这就是
2022-04-14 21:46:44
285
原创 构造函数原型对象
1. 原型是什么？一个对象，我们也称为 prototype 为原型对象2. 原型的作用是什么？方法放在构造函数里面会存在浪费内存的问题，因为每次创建实例的时候都会为方法单独创建一个空间存放, 我们可以把那些不变的方法，直接定义在 prototype 对象上，这样所有对象的实例就可以共享这些方法function Star(uname, age) { this.name = name; this.age = age; // 方法放在
2022-04-11 21:08:35
330
原创 键盘事件对象
<body> <input type="text"> <script> // 三个事件的执行顺序是：keydown -> keypress -> keyup // 键盘事件对象中的keyCode属性可以得到相应的ASCII码值,可以用来判断用户按下了哪个键 // keydown 和 keyup 不区分大小写，keypress区分大小写 // 1.keyup 按键弹起的时候触发
2022-03-31 22:17:00
222
原创 传统注册事件和监听事件的区别
传统方式注册事件 具有唯一性,同一个元素的同类型事件会被后面的覆盖<body> <button>传统注册事件</button> btn.onclick = function () { alert('传统方式注册事件') // 删除传统事件 btn.onclick = null; } //传统方式给同一个元素添加同样的事件，只会执行最后一个
2022-03-31 22:14:49
546
原创 排他思想是什么?
如果有同一组元素，我们选中想要某一个元素实现某种样式，需要用到排他思想<body> <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button>按钮4</button> <button>按钮5</button> <script> //
2022-03-31 21:54:38
112
原创 属性节点操作的方法
属性操作 对于本身天生就有的属性 直接通过元素 . 属性名 来获取属性值所有的标签天生就有的属性： id class style title对于本身不是天生就有的可以通过getAttribute 来进行获取 （只要是里面的属性都可以获取） H5规定自定义属性data-开头作为属性名并且赋值 H5新增的获取自定义属性的方法dataset(只能获取data开头的自定义属性),dataset是一个集合里面存放了所有以data开头的自定义属性 element.dataset .
2022-03-31 21:34:08
60
原创 DOM操作元素总结
document.getElementById() //通过id获取 返回的是元素document.getElementsByClassName() //通过class获取 返回的是htmlCollectiondocument.getElementsByTagName() //通过标签名获取 返回的是htmlCollectiondocument.getElementsByName() //通过name属性获取 返回的是NodeListdocument.querySelector() //通过选择器.
2022-03-27 18:24:33
38
原创 JS代码要不要加分号
首先，我们来了解下javascript的自动填充规则在说要不要写分号之前，先了解一下javascript自动填补分号的规则。在《javascript权威指南》中有一段话“如果一条语句以“（”、“[”、“/”、“+”、或“-”开始，那么它极有可能和前一条语句合在一起解释。”，写javascript的时候，如果每条语句都独自写成一行，是不需要写分号的，但是下一行如果遇到上面提到的符号，javascript可能会与下一行合并解释。其中以“/”、“+”和“-”开头的语句在实现项目中比较少见，以“（”和“[”开头
2022-03-18 11:27:45
654
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人