随笔分类 - js
摘要：https://zhuanlan.zhihu.com/p/60449946
阅读全文
摘要：一、几个概念 1、函数对象： js中，函数本身就是一个对象。 2、prototype (原型对象)：当定义一个函数（函数对象）的时候，会包含一个预定义的属性，这个属性叫prototype。将这个属性称为 原型对象。 3、constructor (原型对象拥有 constructor预定义属性)：原型
阅读全文
摘要：1⃣️ animejs 官网地址：http://animejs.com/ 中文官网地址：https://www.animejs.cn/ 运用anime.js来制作18种不同的文字特效：http://yanshi.sucaihuo.com/jquery/28/2891/demo/ 2⃣️ veloci
阅读全文
摘要：事件冒泡 事件开始时由嵌套层次最深的节点开始接收，然后逐级向其父级节点传播。 例：页面中有 div>ul>li>p 的结构，当你 click 了 p 元素，click 事件首先在 p 元素上发生，然后，click 事件沿DOM树向上传播，分别在 li>ul>div 上发生，按照JS高程上的说明，最终
阅读全文
摘要：防抖和节流严格算起来应该属于性能优化的知识，实际上遇到的频率也相当高，处理不当或者放任不管就容易引起浏览器卡死，所以还是很有必要早点掌握的。 从滚动条监听的例子说起 先说一个常见的功能，很多网站会提供这么一个按钮：用于返回顶部。 这个按钮只会在滚动到距离顶部一定位置之后才出现，那么我们现在抽象出这个
阅读全文
摘要：场景：该专题官网共5屏翻页，最后一屏有个抽奖记录，需要在指定区域（超过区域时）滚动查看。 解决方案：为了防止在特定元素上滚动时翻页，需要在调用fullpage的时候加 normalScrollElements:false 配置. ⚠️ 若fullpage使用了一个字符串,中间靠逗号分隔选择器，他的文
阅读全文
摘要：封装了工具类 DateTimeUtils.js，可以直接复制到项目中使用. /** * 时间日期工具类 */ import moment from 'moment' export default { /** * 获取本周周一和周日日期 */ getCurrentWeek() { const star
阅读全文
摘要：1、Object.assign() 该方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。（浅拷贝） 返回目标对象。 2、Object.create(proto新创建对象的原型对象) 该方法创建一个新对象，使用现有的对象来提供新创建的对象的__proto__。 返回一个新
阅读全文
摘要：一、在传统开发过程中，我们的锚点都是 通过a标签跳转至对应ID的形式 进行需求实现的。 <a href="#content1">Menu1</a> <a href="#content2">Menu2</a> <div id="content1">Content1</div> <div id="con
阅读全文
摘要：引入： let arr = Array.protorype.slice.call(arguments) 1、能不能写arguments.slice(1)，当然不能，这样的话会报错，因为arguments是类数组对象，并没有slice这个方法 2、Array.prototype.slice.call(
阅读全文
摘要：利用数组，实现数组去重 注意⚠️； 场景：js常获取页面的dom树结构，存在集合中，如果使用Set, 即使dom元素被删除了，也不会被回收. 若是weakSet弱引用，会被垃圾回收机制回收。 Map 和 WeakMap
阅读全文
摘要：一、async await 概念 1. ECMAScript 2017 引入async函数，是generator 和 promises的语法糖，使异步代码更易于编写和阅读。通过使用它们，异步代码看起来更像是老式同步代码； 2. 不需要附加 .then() 代码块到每个promise-based方法的
阅读全文
摘要：JSON.parse(str) JSON.stringify(json) ⚠️： 字符串类型，不允许( .键名) 的方式。 jq 的 ajax 的 datatype 默认 json格式。
阅读全文
摘要：1、回调函数方式 2、promise 方式 3、generator方式 4、对比ajax, promise 和 generator 的应用场景 (一) (二) (三)
阅读全文
摘要：一、概念 yield: 停止。 二、语法 三、Generator案例 （抽奖案例） 四、长轮询（模拟网络连接） 上边是generator函数，下边call是普通函数。 迭代器方法会返回了{value:'',done:'状态，布尔值'}，所以line24,要拿到属性值，再使用其then方法。
阅读全文
摘要：一、set 拦截例子： 二、set https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Proxy#%E6%96%B9%E6%B3%95
阅读全文
摘要：⚠️：具备隐式返回操作，不用return也行。 赋值 浅拷贝 深拷贝 共享，就解决了以上代码内存消耗的问题。 __proto__: 内部属性，查找当前对象的原型对象。 在原型链上 一直往上找，内层(对象自身的)，次外层，最外层， 优先展示内层的。 尽量少使用__proto__??? 以上，数组身上的
阅读全文
摘要：面试中几乎每次都会问到一个js中关于call、apply、bind的问题，比如… 怎么利用call、apply来求一个数组中最大或者最小值 如何利用call、apply来做继承 apply、call、bind的区别和主要应用场景 首先，要明白这三个函数的存在意义👉 改变函数执行时的上下文，也就是改
阅读全文
浙公网安备 33010602011771号