前言本片笔记仅结合个人理解，记录本人所生疏/不了解的部分。 生命周期 初始化事件修饰符、生命周期 beforeCreate：创建实例之前，数据代理还未开始，获取不到 dom 节点 初始化响应式系统，数据检测、数据代理 cre...

简介Base64 是一种用于传输 8Bit 字节码的编码方式，其可以将任意的二进制数据转换为可打印的 ASCII 字符串，用于在网络传输中方便的传输或存储数据。 一个常见的误区是将 Base64 看作为加密算法，实际上 Base64...

ES2015 为 Math 对象扩展了 trunc 方法，旨在用于去除一个数的小数部分。在此之前处理去除小数位这一项任务时，我们通常使用 parseInt 和 Math.ceil、Math.floor 这三个方法。 一个方法的一定是为...

前言本文由ES6 教程整理所得，仅整理本人不熟悉的相关知识点。 let 和 const暂时性死区只要块级作用域内存在 let 或 const，它所声明的变量就绑定在了这个区域。该块级作用域的任何地方都不会再收到区域外同名变量的影响。这...

操作与监听浏览器历史记录浏览器提供了几个 api 用于操作/监听浏览器历史记录 onpopstate对于该需求，首先不难想到的是我们可以找到一种办法来监听页面回退事件。浏览器为我们提供了 onpopstate 事件来监听同一...

前言ES Module，即 ES6 引入的 js 模块化规范，简称 ESM（下文将会使用此简称）。ESM 的设计思想是尽可能的静态化，使得编译时就能确定模块的依赖关系，完成模块加载，效率比运行时加载的 CommonJS 的加载方式要高...

在 typescript 项目的根目录中存在一个 tsconfig.json，通常指定了一些 typescript 的编译器选项与项目根目录路径。而在 javascript 开发中则可以使用 jsconfig.json 来进行替代，它...

知识点 paste事件：粘贴触发该事件，该事件的事件对象存在一个实验性属性clipboardData，该属性可以获得一个DataTransfer对象 DataTransfer对象：本用作保存拖动并放下过程中的数据，在这里也可以获取到剪...

接到个需求，要求根据给出的纯文本商标，智能生成商标图样（即纯文本图片），并自动上传服务器。不多说，开始动手 思路 canvas绘制文字，并在合适的地方切断换行，获得base64字符串 将base64转换file二进制流 方案根据最大...

最近项目上遇到个需求，即页面上存在一个方框，按下鼠标后开始拖动，松开鼠标后停止。在这里记录一下开发心得 思路逻辑上不难，无非就是分如下两步 触发目标元素的mousedown事件时，获取鼠标相对元素的位置x、y 在页面的mousemo...