简介 每当在项目中需要使用一些工具函数时，一般需要去引入一些第三方的工具库，而像lodash这样的工具库又体积很大，影响打包后整个项目的大小。所以封装自己的代码库就很必要了。 本篇文章将介绍如何使用rollup工具生成自己的代码库； 为了提高代码可维护性，将使用typescript编写代码； 为了保证代码质量，将通过jest进行代码测试; 工具库需要可查阅的文档，为了更好的支持typescript，使用了typedoc生成文档。 依赖的库 rollup 是一个 JavaScript 模块打包器，可以将小块代码编译成…

数据类型 原始数据类型 Boolean String Number Symbol Null Undefined 对象 Object 显式类型转换 String 函数 原始类型转换 数值：转换为相应的字符串 字符串：转换后还是原来的值 布尔值：转换后为'true'或者'false' undefined: 转换后为'undefined' null: 转换后为'null' 对象类型转换 先调用toString方法，如果toString方法返回的是原始类型的值，则调用String函数，不在继续。 如果toString返回的…

dom dom0 element.onclick = function() {} dom2 element.addEventListener('click', function(){}, false) dom3 事件类型添加了很多 element.addEventListener('keyup', function(){}, false) 制定dom1标准的时候没有定义事件 dom事件类 事件流 -> 目标阶段 （捕获） 目标阶段 -> 事件流 （冒泡） 捕获的具…

new的过程： 1、创建新对象 2、新对象的proto指向构造函数的prototype 3、执行构造函数，this上下文指向新对象 4、构造函数返回了对象，放弃之前的对象，返回新的对象；反之，返回之前建立的对象。 function newObj(func) { var obj = new Object() obj.__proto__ = func.prototype var o = func.call(obj) if (typeof o === 'object') { return o } el…

什么是函数节流？ 就是函数在一定时间只能执行一次。 举例：再使用mousemove事件时，函数会不断触发，为了节省计算机资源和网络资源，控制函数调用频率，也就是n秒内，不管调用多少次，只生效一次。 什么是函数防抖？ 函数被控制在n秒后再执行，如果时间内再次触发函数则重新计时。 举例：在一定时间内点击两次按钮，只有最后一次有效。 怎么实现函数节流？ 使用定时器对函数调用进行限制。 每次调用函数时创建定时器，传入所需函数。每次只有当函数执行完毕后才能重新创建定时器。这样，一定时间内频繁调用函数时，如果定时器正在生效则不…

每个javascript函数都有两个非继承的方法 apply()、 call()，这两个方法的用途相同，都是在特定的作用域中调用函数，直接一点的说法就是改变函数内部的this指针。 this指针介绍 this表示当前对象的一个引用。 单独使用this时，this默认指向全局对象window。（当前对象是window对象） console.log(this) // 打印window对象 当在浏览器中全局运行函数时，它的this指针同样默认指向全局对象window。（当前对象是window对象） function fu…

贪吃蛇是一款益智小游戏，通过点击上下左右四个按键控制蛇头移动。 项目地址：snake demo地址：https://iwowen.github.io/demobar/#/xiaoyouxi_tanchishexiaoyouxi 设计思路 主要是设计蛇的身体和移动方法。将蛇的身体设置成一个数组，数组里存放蛇身每一节的xy坐标。游戏开始后，蛇头(数组第0位)会随着时间不断地移动，也就是x+1或x-1或y+1或y-1，当蛇头移动了，身体的每一节xy将等于移动前它们的前一节，也就是说，第二节的位置将变成移动前蛇头的位置，依…