前言本片笔记仅结合个人理解,记录本人所生疏/不了解的部分。 生命周期 初始化事件修饰符、生命周期 beforeCreate:创建实例之前,数据代理还未开始,获取不到 dom 节点 初始化响应式系统,数据检测、数据代理 cre...
vue中v-for的索引与属性key
前言这个东西算是一个毒瘤了。在 vue2 那会的编辑器都普遍建议在 v-for 里面写个唯一标识 key,否则就会警告提示。 但唯一标识这种东西,后端可能不会给我们传 id 过来。又或者前端只是渲染一个静态列表,懒得自己挨个列表项都加...
Base64详解与JavaScript中的使用
简介Base64 是一种用于传输 8Bit 字节码的编码方式,其可以将任意的二进制数据转换为可打印的 ASCII 字符串,用于在网络传输中方便的传输或存储数据。 一个常见的误区是将 Base64 看作为加密算法,实际上 Base64...
为什么要使用Math.trunc去除小数位
ES2015 为 Math 对象扩展了 trunc 方法,旨在用于去除一个数的小数部分。在此之前处理去除小数位这一项任务时,我们通常使用 parseInt 和 Math.ceil、Math.floor 这三个方法。 一个方法的一定是为...
ES6+陌生知识点整理
前言本文由ES6 教程整理所得,仅整理本人不熟悉的相关知识点。 let 和 const暂时性死区只要块级作用域内存在 let 或 const,它所声明的变量就绑定在了这个区域。该块级作用域的任何地方都不会再收到区域外同名变量的影响。这...
TypeScript开发记录
生态mittvue3 不再建议使用 EventBus 作为全局事件总栈,改为推荐 mitt.js 库。 mitt 不依赖任何库,体积仅有 200bytes。也不依赖 vue 实例,这使得它可以在任何地方使用。 快速开始1npm ins...
点击回退页面时阻止并进行自定义操作
操作与监听浏览器历史记录浏览器提供了几个 api 用于操作/监听浏览器历史记录 onpopstate对于该需求,首先不难想到的是我们可以找到一种办法来监听页面回退事件。浏览器为我们提供了 onpopstate 事件来监听同一...
ES Module概念与使用解析
前言ES Module,即 ES6 引入的 js 模块化规范,简称 ESM(下文将会使用此简称)。ESM 的设计思想是尽可能的静态化,使得编译时就能确定模块的依赖关系,完成模块加载,效率比运行时加载的 CommonJS 的加载方式要高...
配置jsconfig.json改进js开发体验
在 typescript 项目的根目录中存在一个 tsconfig.json,通常指定了一些 typescript 的编译器选项与项目根目录路径。而在 javascript 开发中则可以使用 jsconfig.json 来进行替代,它...
overflow-hidden裁切绝对定位子元素问题
问题出现写项目中会有一些需求,例如弹窗。弹窗首先是一个绝对定位,而我们希望它相对父盒子定位,因此父盒子也需要设置一个定位。并且由于overflow:hidden几乎无副作用的将盒子转为BFC模式的特点,使得其非常泛用。 然而当这两个需...