随笔分类 - javascript
学习记录
摘要：阶段一： 在早期项目中，整个项目就是一个HTML文件+一个CSS文件+一个js文件 缺点： 整个项目在同一个资源文件中，文件会比较大，初次加载很慢，同时不利于资源的缓存，每次有点改动文件就改变了 一些不使用的功能在初次加载时就加载了，首屏加载慢 错误排查困难 阶段二： 业务与基础框架打包进行分离，类
阅读全文
摘要：安装步骤 电脑下载iTools，以Mac平台为例。iTools下载地址 使用数据线将Mac与iPhone链接 选中iTools【应用】一栏，点击下面安装按钮后，选择需要安装的ipa包即可 调试步骤 在Mac中，打开Safari浏览器，打开h5启动的项目，比如http://localhost:3000
阅读全文
摘要：要node支持import等新语法，看这里你就都明白了 现状 大家在编写node相关代码时，肯定遇到过下面的问题 // a.js import fs from 'fs' ... // bash node a.js 在你没有做过任何处理的情况下，肯定会出现一个挺傻的错误 看到这里，你肯定会想，大清都亡
阅读全文
摘要：浅谈JavaScript中call与apply的模拟实现 call call()方法是使用一个指定的this值和若干个指定的参数值的前提下调用某个函数或方法 语法： function.call(thisArg, arg1, arg2, ...) thisArg可选，非严格模式下，当值为null或者u
阅读全文
摘要：闭包 什么是闭包 闭包其实就是一个可以访问其它函数内部变量的函数 从技术的角度讲，所有的JavaScript函数都是闭包：它们都是对象，它们都关联到作用域链 当函数可以记住并访问所在的词法作用域时，就产生了闭包，即使函数是在当前词法作用域之外执行 function foo() { var name
阅读全文
摘要：JavaScript作用域 什么是作用域 JavaScriptt的作用域通俗的将，就是指变量能够被访问到的范围 作用域是用来确定在何处以及如何查找变量/标识符的规则 作用域就是查找变量的地方 作用域分类 全局作用域 全局作用域是挂载在window对象下的，在任何位置都可以访问到 直接被赋值的变量默认
阅读全文
摘要：事件捕获 事件捕获中，父级元素先触发，子集元素后触发 事件会从最外层开始，直到具体的元素，比如click的捕获过程document->html->body->div->p 事件冒泡 事件冒泡时，子元素先出发，父级元素后触发 元素自身事件被触发后，如果父元素有相同的事件，那么元素本身的触发状态就会传递
阅读全文
摘要：前端模块化 CommonJS nodejs使用的规范 文件即模块，通过指定的方式进行导出 /表示通过绝对路径来加载模块，./表示通过相对路径来加载模块 模块加载会有缓存存在，存放在require.cache中，并且缓存是根据绝对路径来识别的 CommonJS是同步加载的，加载完成之后再进行下面的操作
阅读全文
摘要：字体子集化 在很多时候，中问字体包提交会很大，在一下交互场景下，需要等待指定字体文件下载完成再渲染字体，造成的体验非常差 问题常见 场景1：对固定的几个文字，渲染不同的字体样式 场景2：输入不同的文字，渲染不同的字体样式 本地加载 每次下载字体文件后，将下载的字体文件load到DOM节点 async
阅读全文
摘要：先说结论 函数被谁调用，this就是谁，如果没有被对象调用，this就是window 通过new声明的构造函数，函数内容的this永远指向函数本身 箭头函数没有this，箭头函数内部的this取决于外部定义时的环境 箭头函数的this指向外层函数的this，如果外层也不存在this，会查找到wind
阅读全文
摘要：1. 获取年月日时间戳 parseInt(moment(value).hours(0).minutes(0).seconds(0).valueOf()/1000) * 1000 2. git删除本地分支 git branch -d feat/xxx 3. git删除远程分支 git push ori
阅读全文
摘要：浏览器是如何执行JavaScript代码的 编译过程 解析 词法分析 将JavaScript代码解析为一个个的令牌 令牌类型 关键字 - Keyword 标识符 - Identifier 符号 - Punctuator 字符串 - String 语法分析 将令牌组装成一颗抽象的语法树 解释 Java
阅读全文
摘要：常见的代码逻辑优化处理 多条件判断 // bad function filter(type) { if (type 1 || type 2 || type 3 || type 4 || ...) { console.log('条件成立了...') } } // good const types =
阅读全文
摘要：DOM事件 常见的三种常见，防抖，节流，代理 防抖 场景：输入框输入信息，对输入信息做实时检索，通过接口与后端进行交互，不需要通过点击搜索按钮完成检索 问题：在input的onchange事件中进行实时请求，当输入框输入发生改变时就会发送一次请求。比如输入react 在输入r时，接口发出请求，输入r
阅读全文
摘要：在设置页面禁止复制文本是，设置了-webkit-user-select: none导致iOS手机上输入框类失效 // index.html * { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select:
阅读全文
摘要：js事件循环之宏任务与微任务 执行环节node 11，与js文件执行结果可能会有部分差异 JavaScript中的事件循环 javascript是单线程执行的，线程中的任务是按照顺序来执行，如果某个任务执行耗时较长，后面的任务就需要排队等待。任务分类： 同步任务 异步任务 解读： 同步任务与异步任务
阅读全文
摘要：箭头函数中this的指向问题 箭头函数不会改变this的指向，在它外面拿到的this是什么，它里面获取到的就是什么 setTimeout方法挂载在window上面，高程中写道，超时调用的代码都是在全局作用域下执行，非严格模式下this指向window对象，严格模式下为undefined 老的通过闭包
阅读全文
摘要：什么是作用域 作用域指的是代码当前的上下文环境 作用域是在运行时代码中的某些特定部分中变量，函数和对象的可访问性，作用域决定了代码区块中变量和其他资源的可见性 作用域的用处 作用域是一个独立的运行环境，作用域是用来隔离变量 作用域的分类 全局作用域 1. 在代码中任何地方都可以直接访问到的对象拥有全
阅读全文
摘要：for循环使用中常有的问题 for循环的执行顺序：设置循环变量 循环判断 满足执行循环体 循环变量自增 通过let声明的循环变量，在整个for循环中let i只声明了一次，但产生了三个块级作用域，生成了块级作用域，每次循环的i都是独立的一份。 第二次循环的i是怎么知道上一个块级作用域中的i的？ Ja
阅读全文
