- 博客(19)
- 收藏
- 关注
RSS订阅原创 高度塌陷 万能清浮动
子元素设置浮动，父元素没有写高度；父元素高度塌陷解决方式● 第一种：给父元素设置overflow:hidden;● 第二种：在浮动元素后面添加一个空div (是后面，不是里面)；然后给这个空div设置{clear:both;height:0;● 第三种: 万能清浮动。
2023-08-12 17:09:26
164
1
原创 虚拟DOM
Vue 使用虚拟 DOM（Virtual DOM）来提升性能和优化渲染过程。虚拟 DOM 是一个以 JavaScript 对象形式表示的内存中的 DOM 结构，通过对比新旧虚拟 DOM，然后进行最小化更新，最后将更新的部分应用于实际的 DOM 树上，从而减少了对真实 DOM 的直接操作次数和重绘次数，提高了页面的渲染效率。
2023-08-04 18:01:41
46
1
原创 JavaScript 的事件循环（event loop）
值得注意的是，JavaScript 是一个单线程执行的语言，事件循环保证了异步操作和事件回调的执行顺序，但不会并行执行多个任务。2.异步任务进入任务队列：当 JavaScript 遇到异步任务时，如setTimeout、Promise、Ajax 请求等，它会将异步任务交给相应的 Web API 处理，并继续执行后续代码。4.事件循环将任务队列中的任务移入执行栈：当 JavaScript 引擎空闲时，它会从任务队列中取出一个任务，并放入执行栈中执行。2.检查微任务队列，如果有微任务，则依次执行所有微任务。
2023-08-04 17:56:55
97
1
原创 所谓闭包！
指的是函数和其相关的引用环境的组合。当一个函数内部定义了其他函数，并且内部函数引用了外部函数的变量或参数时，就形成了一个闭包。在 JavaScript 中，函数在创建时会同时保存一个作用域链和一个引用该作用域链的闭包。作用域链是一个指向外部作用域的指针列表，它用来访问变量和函数。闭包是该函数及其相关作用域链的组合，可以使函数访问外部作用域中的变量和参数。闭包使得函数可以在其声明所处的词法环境外部被调用，而且仍然可以访问其声明时的作用域。
2023-08-04 17:41:10
48
1
原创 原型和原型链
在 JavaScript 中，每个对象都有一个原型（prototype），原型是一个对象，其他对象可以通过原型继承其属性和方法。简单来说，原型是一个对象，对象可以通过 prototype 属性指向它的原型。如果你通过 Object.create() 方法创建一个新对象，新对象的原型将被设置为作为参数传递的对象。当你访问一个对象的属性或方法时，如果该对象自身没有该属性或方法，JavaScript 引擎会沿着原型链向上查找，直到找到该属性或方法或达到原型链的顶部（通常是 Object.prototype）。
2023-08-04 17:31:19
47
1
原创 节流和防抖
JavaScript 节流（throttling）是一种控制函数执行频率的技术。它可以限制一个函数在一定时间内被执行的次数，从而提高性能和优化用户体验。节流可以用于优化滚动、窗口调整大小和其他频繁触发的事件的处理。这个 throttle 函数接受两个参数：被节流的函数 func 和延迟时间 delay。返回一个新函数，该新函数在被调用时会在指定的延迟时间内执行一次 func，并且在延迟时间内连续的函数调用会被忽略。
2023-08-04 17:27:10
61
1
原创 通过css改变图片颜色
通过 CSS，你可以使用 filter 属性来改变图片的颜色。有几个可用的 CSS filter 函数可以帮助你实现这个效果。其中一个是 sepia() 函数，它可以使图片呈现出复古的色调。另一个是 grayscale() 函数，它可以将图片转换为灰度图像。还有一个常用的是 hue-rotate() 函数，它可以围绕颜色轮旋转图片的颜色。你可以根据需要调整这些函数的参数来实现你想要的图片颜色效果。你还可以结合使用这些函数来达到更复杂的效果。
2023-08-04 16:57:39
1017
1
原创 H5新增好用
1、虚焦的提示信 <input type="text" placeholder="请输入"></p><p>6、只读项 <input type="text" value="哈哈哈" readonly></p><p>数字框：<input type="number" min="10" max="20" step="5">
2023-07-07 16:49:46
91
1
原创 JS中Math的基本方法
console.log(time) // Tue Jan 01 2019 00:00:00 GMT+0800 (中国标准时间)console.log(time) // Sat Jan 05 2019 00:00:00 GMT+0800 (中国标准时间)console.log(time) // Sat Jan 05 2019 22:00:00 GMT+0800 (中国标准时间)console.log(time) // Sat Jan 05 2019 22:33:00 GMT+0800 (中国标准时间)
2023-04-05 21:44:48
907
1
原创 数组和字符串的基础操作方法
原文链接：https://blog.youkuaiyun.com/zhanghao143lina/article/details/121332734。原文链接：https://blog.youkuaiyun.com/asd577007722/article/details/114888566。// 当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素，之后的值不会再调用执行函数。// var res = arr.splice(2, 2) // 第一个参数是下标，第二参数是个数。
2023-04-05 21:38:31
83
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人