星星之火 可以燎原

利用数组将Div的运动轨迹保存下来，即可实现回放

前言以下代码以及结合设计模式所做的案例请移步github: https://github.com/webxing/design_patterns设计原则单一职责原则一个程序只做好一件事如果功能过于复杂就拆分开，每个部分保持独立开放封闭原则对扩展开放，对修改封闭增加需求时，扩展新代码，而非修改已有代码软件设计的终极目标李氏置换原则子类...

工厂模式将 new 操作单独封装遇到 new 时，就要考虑是否该使用工厂模式示例去买饭，直接点餐，取餐，不会自己亲手做饭店要封装做饭的工作，做好直接给买者UML类图代码class Product { constructor(name) { this.name = name } init() { ...

let和const/* 1. let和const*/(() => { // let: 块级作用域 for (let i = 0; i < 3; i++) { console.log(i) // 0 1 2 } console.log(i) // Uncaught ReferenceError: i is not d...

重载函数同名不同参数（类型和数量）的函数之间互称为重载函数。理解参数js中的参数不同于传统的编程语言中的参数，它的参数在内部是用一个数组来表示的，函数接收到的始终都是这个数组。在函数体内部，可以通过arguments对象来访问这个参数数组，从而获取传递给函数的每一个参数。没有重载根据以上内容可知，js函数接收到的始终是数组，无法直接根据参数列表的不同来执行不同的行为，而...

起源function setName( obj ){ obj.name = 'A';}let man = new Object();setName(man);console.log(man.name); // A通过上述代码段，可以看出，在局部作用域中修改的对象，会在全局作用域中体现出来。对于接触过C++的我来说，我的第一反应是这个参数是按引用传递的，可是事实却是按值...

起因在小程序里发起网络请求的时候需要写很多的参数，当频繁调用时，每次都写真心觉得累，那就封个方法统一调用吧官方文档官方文档官方示例wx.request({ url: 'test.php', //仅为示例，并非真实的接口地址 data: { x: '' , y: '' }, header: { 'content-type'...

function parseUrl(url) { if (!url) return { host: null, query: {} } let schemaIndex = url.indexOf('://') let url2 = url.substr(schemaIndex + 3) let host = url2.substr(0, url2.indexOf('/')) ...

起源在做小程序时授权问题是少不了的，可有时候总有人会点击拒绝授权，那我们开发拿不到需要的数据是不是很苦恼呢？我在自己正在做的小程序里使用了一种方法，现在分享出来~~我的这个demo是个人信息+地理位置的双重授权思路要么授权通过，进入首页要么拒绝授权，停留在有授权入口的页面需要设置一个标志值：authorizeInfo，根据此值得真假来决定是渲染首页还是渲染显示重新授权的...

addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作。所有的DOM节点中都包含这两种方法，并且它们都接受3个参数：要处理的事件名、作为事件处理程序的函数和一个布尔值。最有这个布尔值参数是true，表示在捕获阶段调用事件处理程序；如果是false，表示在冒泡阶段调用事件处理程序。要在按钮上为click事件添加事件处理程序，可以使用

拖拽的时候，如果触发了浏览器默认行为，就会影响效果，所以需要的时候要阻止浏览器默认行为。  解决： 标准：阻止默认行为 ，return false 即可。                非标准ie：全局捕获。obj.setCapture(); div{width: 100px;height: 100px;background: red;position

调用then的时候，如果异步任务已完成则执行成功或失败的回调，否则挂起队列。当promise状态改变的时候，调用挂起的队列，执行传入的then的回调函数。 // promise本质：状态机 // 1.当状态改变的时候，调用之前挂起的then队列 // 2.then的时候执行对应的函数 并传参 class MyPromise { constructor(...