随笔分类 - 《JavaScript那些事》
摘要：《JavaScript那些事》- requestAnimationFrame 简单记录 主要使用代码 var runFrame; function frame() { //运行函数 done(); //更新runFrame值，递归调用，可用闭包优化runFrame runFrame = reques
阅读全文
摘要：简单实现bind bind和apply、call一样，能够改变this的指向，从而改变执行函数的执行上下文。 那么可不可以自己实现下bind的功能呢？ 明确bind功能 改变this指向 返回一个可实现函数 接收多个参数转为返回函数的形参 实现前的准备 var obj = { name: "旺财",
阅读全文
摘要：手写new方法 在JavaScript中，经常使用new一个构造函数去创建一个对象。 然而我们再了解new标识符的作用后，也能实现一个自己的new。 了解new方法做了哪些事 new一个 构造函数/类 时,new做了一下操作： 创建一个对象 运行构造函数 将构造函数的this指向指向 新创建的对象
阅读全文
摘要：WebComponent-自定义组件 Web Component API 前端组件，使用过vue和react的前端开发人员来说都不会陌生。在我们的Chrome浏览器中，则是极力推进Web Component API浏览器原生组件的开发。 封装组件 类似于这样的组件标签 <user-card></us
阅读全文
摘要：export 与export default export 与 export default都是ES6的模块管理方式 export //export 是将模块属性分开导出，在导入时需要使用'{}'进行解构 export { aaa, bbb } ... import {aaa, bbb} from
阅读全文
摘要：判断变量类型 对于基本类型使用typeof 对于复杂类型可以instanceof 或者 Object.prototype.toString(data) Object.prototype.toString(data);// '[object Object] [object Array]'
阅读全文
摘要：数组扁平化 解决数组扁平化问题时，应该先找准扁平化的关键点在哪？ 关键点在于解决多余的'[]'， 因此有以下解决方式： 使用toString() + split()解决纯字符串的数组 let a = [18, 'sada', 28]; let array = ['aaaa', 'bbbb', 'cc
阅读全文
摘要：offsetX、offsetY与pageX、pageY offsetX、offsetY是触发事件时，鼠标坐标，与事件对象的坐标的偏移量 pageX、pageY是事件触发时，鼠标位置相对于页面左上角的坐标 clientX、clientY是事件触发时，鼠标与浏览器窗口的左上角的相对坐标
阅读全文
摘要：时间冒泡机制 在进行事件触发时或有事件冒泡的存在，会从底层不断往上冒泡进行事件触发。 例如代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #box{ wi
阅读全文
摘要：#--外功篇-《JavaScript那些事》-02-理解null与undefined-- null与undefined相似点： 两者在JavaScript中均表示为空，没有值 二者在if条件语句中均表示为false： var a = null; var b = undefined; if(!a) {
阅读全文
摘要：--外功篇-《JavaScript那些事》-01-理解This指向-- 功法小传 近日的小虾米，在研习JavaScript招式的过程中，博采众长，勤奋练习，翻阅古籍。 终了然JavaScript招式中，容易引人走火入魔的变数之一——this指向！ 虽不敢说完全了然，但其基本理解，心中有数。 对日后行
阅读全文
浙公网安备 33010602011771号