随笔分类 - js/es
摘要：indexedDb数据库基本操作 随便写写 把回调函数改写为Promise异步操作，新增加了分页功能。 export class IndexedDb { databasename: string; v: number; private _openDBRequest!: IDBOpenDBReques
阅读全文
摘要：配置 webpack npm i init --y npm i webpack -D npm i webpack-cli -D npm i @types/firefox-webext-browser @types/chrome -D // 浏览器扩展API提示 支持 Typescript tsc -
阅读全文
摘要：drop 函数 drop函数功能:按顺序删除数组元素,当n为正数时,从左删除n个元素;当n为负数时,从右删除n个元素.;当n为0时,创建一个副本. drop返回值:返回一个新的数组. /** * 创建一个切片数组，去除array前面的n个元素。（n默认值为1。） * * 切片数组 * * @para
阅读全文
摘要：/** * 排除集合中的值 * 支持多个数组 * * @private * @param {Array} array 要检查的数组. * @param {Array} values 要排除的值 * @returns {Array} 返回一个过滤值后的新数组 * * difference([1,2,3
阅读全文
摘要：compack函数 创建一个新数组，包含原数组中所有的非假值元素。 例如false, null,0, "", undefined, 和 NaN 都是被认为是“假值”。 一般用于过滤数组中的假值 在定义返回类型时候,采用Exclude条件类型把null、undefiend、false、 0 、""、这
阅读全文
摘要：loadsh函数库中的 chunk 函数采用 typescript 语法重写. chunk 函数 将数组（array）拆分成多个 size 长度的区块，并将这些区块组成一个新数组。 如果array 无法被分割成全部等长的区块，那么最后剩余的元素将组成一个区块。 /** * * 将数组（array）拆
阅读全文
摘要：演示图 考虑2个情况 一种情况初始状态下 滚动到在中间区域的时候,这时上半部分看不见的元素就不给字体添加红色 一种情况是,从头向下看的. CSS代码
阅读全文
摘要：闭包 函数被调用之后,会创建一个执行环境及作用域链.函数被执行完之后就会被释放掉. 闭包函数执行之后会保留当前活动变量在内部函数作用域链中,所以内部函数可以访问外部变量. 示例一 打印出的结果是多少? 示例二 打印出的结果是什么? 这只是创建并执行了10个函数,每个函数都传递了个 变量给参数给 ,`
阅读全文
摘要：this指针 javascript中this指针是动态的,主要是根据当前函数执行上下文及函数调用方式决定的. 以函数方法调用时 指针全局或严格模式中为 以方法调用时 是指针当前对象实例的. 以构造函数方式时 指向当前创建的实现对象 、`call lambda表达式` 可用于绑定this指针. 注意:
阅读全文
摘要：变量提升 声明的变量会提升到函数或全局作用域顶部 简单例子 函数提升 函数写法:函数表达式、函数声明、Function构造函数（这种不推荐）.其中函数表达式不会 函数提升 ， 函数声明 会函数提升。 我们都知道程序在执行时是从上往下执行的,而这里 在定义之前就调用了为什么不报错? 实例一 值为多少?
阅读全文
摘要：背景 页面采用ajax获取数据时，每访问一次就会发送一次请求向服务端获取数据，可是呢。 有些数据更新的又不频繁，所以我就想着使用localStorage进行本地存储，然后在固定间隔时在去更新数据。(下载地址：https://gitee.com/whnba/data_storage) 结构设计 exp
阅读全文
摘要：基本思路：把Math.random()生成的数看着百分比，然后定义每个整数值取值范围。 // 引用gl 百度网盘： 链接：https://pan.baidu.com/s/1Q8Ww3siWq9xHQ5KPPz_azQ 提取码：oyzr 复制这段内容后打开百度网盘手机App，操作更方便哦
阅读全文
摘要：export与import复合使用 基本语法 export {...} from '文件'; 等价于 import {...} from "文件"； export {...} 先加载模块，然后重定义输出。 重定义输出名 重定义默认变量名 整体输出 export * 整体输出是输出 a.js中定义的所
阅读全文
摘要：export default default 本质是将后面变量（值）赋给 default，然后以default名称输出。 import 在获取default变量时，写在大括号的外面 ，可自定义名称。 变量写法 函数写法 匿名写法也可以用于非匿名函数，不过在模块外func1函数名无效，并且视为匿名函数
阅读全文
摘要：export 命令 1、概念 export用于定义要输出的变量（let、var、const、function、class）,定义的变量与值是动态绑定关系。 2、命令格式 1、 export 变量定义 2、 export { 变量名 [ as 另名} ,…} 3、 export default 匿名定
阅读全文
摘要：基本思路 红色：为可见区域 黑色方框：元素，不可见。 通过绝对定位方式，把黑色方框，移动到红色可见区别，来实现图片切换。 实例 创建幻灯实例对象 源码：https://pan.baidu.com/s/1-A0GkZ2hOpuVJ5dg1y6mnQ 样本：http://js.zhuamimi.cn/%
阅读全文
摘要：元素大小缩放是一套连贯事件，按下鼠标不放，拖动鼠标 然后松开。 按下鼠标事件 当按下鼠标时，记录元素大小、鼠标按下的位置、状态位。 拖动鼠标事件 当鼠标拖动时，计算元素调用后的大小。 元素调整后大小 = 初始元素大小 + （鼠标移动位置 - 鼠标按下位置） 鼠标松开事件 当调整完成后，鼠标松开这时重
阅读全文
摘要：iterator作用 为所有的数据结构提供统一的访问方式。 接口对象 接口对象一共有3个方法，next()方法、return()方法、throw()方法。 next() 必填 用于for..of迭代。 该方法返回一个对象{value,done}。 value：元素值，done：状态位，用于指定循环是
阅读全文
摘要：元素事件：鼠标按下事件/鼠标移动事件/鼠标松开事件 元素样式：让元素脱离文档流，采用绝对定位的方式。 一、鼠标按下事件 当鼠标在元素上面按下时，保存元素的初始偏移量和鼠标按下时的坐标，然后在状态变量里面标记当前状态为按下状态。 二、鼠标移动事件 当鼠标拖动元素移动时，我们通过计算鼠标从起始位到移动位
阅读全文
摘要：在结构上多一个指向自身的constructor构造函数，这就是原型链够简单吧. 利用原型链结构实现继承和向链表中插入节点，有区别吗？ 没区别！！
阅读全文
浙公网安备 33010602011771号