我是格鲁特

摘要： 传送门 需注意的知识点： 1.链接和图片默认是可以拖放的，不用设置dragable='true',如要拖动div则需要设置 2.在目标元素上定义一个dragover事件，然后在事件句柄中使用event.preventDefault()来阻止默认行为，从而允许拖放 3.在目标元素上定义一个drop事件 阅读全文

摘要： 隐式转换比较是js中绕不过去的坎，就算有几年经验的工程师也很有可能对这块知识不够熟悉。就算你知道使用 比较从而避免踩坑，但是团队其它成员不一定知道有这样或那样的坑，请先在纸上写出下面代码会输出什么开始我们今天的知识总结。 console.log(new String('abc')==true) co 阅读全文

摘要： 1.预定义类 2.量词 3 /m和/g /m 默认情况下，在正则表达式中字符串无论是否换行都只有一个开始^和结尾$，如果采用/m修饰符，那么每一个都有一个^和结尾$ /g 不使用该修饰时，返回到第一个匹配就不在匹配了，使用该修饰符后会返回所有的匹配 4.贪婪、惰性、支配性量词 贪婪-从多到少，惰性- 阅读全文

摘要： 一、对象字面量语法 var person={ name:'小王', age:18, _pri:233 } 成员名称的单引号不是必须的 最后一个成员结尾不要用逗号，不然在某些浏览器中会抛出错误 成员名相同会发生什么？ es5普通模式下后定义的会覆盖前面定义的，严格模式则会报错 es6则不管什么模式都采 阅读全文

摘要： 所谓变量提升，就是使用了var关键字申明的变量，会提升到所在作用域的顶部。es5的作用域分为全局作用域和函数作用域，es6(es2015)增加了块级作用域 function test(){ console.log(i); //输出undefined而不是报错 var i=5; } 上面代码实际上等于 阅读全文

摘要： 相应的事件 deviceorientation事件提供设备的物理方向信息，表示为一系列本地坐标系的旋角。 devicemotion事件提供设备的加速信息，表示为定义在设备上的坐标系中的卡尔迪坐标。其还提供了设备在坐标系中的自转速率。若可行的话，事件应该提供设备重心处的加速信息。 compassnee 阅读全文

摘要： 到2024年，大多数现代移动浏览器（如 iOS Safari、Android Chrome 等）都移除了 300ms 延迟，前提是网页的 viewport 设置中禁止双击缩放 <meta name="viewport" content="width=device-width, initial-sca 阅读全文

摘要： class Circle { constructor(radius) { this.radius = radius; Circle.circlesMade++; }; static draw(circle, canvas) { // Canvas绘制代码 }; static get circlesM 阅读全文

摘要： 创建对象7种方法 继承的六种实现方式 1.原型链继承 让子类共享父类的方法，其关键实现就是让一个原型对象指向另一个类型的实例 1 function Parent(){ 2 this.colors = ['blue','green']; 3 } 4 Parent.prototype.addColor 阅读全文

摘要： 各种宽高总结 对象属性含义 window innerWidth/innerHeight 浏览器窗口内部视口（viewport）宽高，包括滚动条宽度和高度 outerWidth/outerHeight 浏览器窗口外部整体宽高，包含边框、工具栏等 screenTop/screenLeft 浏览器窗口相对 阅读全文