前端经验分享

为什么不能直接使用 <embed> 标签预览流式 PDF 数据？ <embed> 标签的src属性 <embed> 标签的 src 属性通常需要一个有效的 URL，指向一个外部资源（如文件路径、网络地

JS 支持面向对象，如果一个语言支持面向对象，那么这个语言首先要能够表达出类和对象，在 JS 语言中，通过 class 表达出一个类，通过 new 关键字新创造一个对象。 基于面向对象的世界观，这个世

闭包的本质 js 是词法有作用域语言 基于标记清除法的垃圾回收机制 词法作用域（源码作用域） 词法闭包 函数能够访问到的变量在它定义（书写）的时候就已经确定了 函数 add2 和 add4 在书写的时

整体思路： 分解-组合，设计数据结构 vuex 全局状态管理，完成数据流转 设计数据结构 第一步：分解每一个属性，设计数据结构 如上所示：每一个属性和属性值都对应一个键值对，由此设计数据结构 curr

动画原理 animate API 效果预览 完整源码 实现解析 第一步 使用animation API实现过渡动画 第二步 IntersectionObserver 实例可以通过 observe 方

使用虚拟Dom和原生操作进行比较 实际上原生操作 DOM，无论是性能还是效率上都是最高的 Vue为什么使用虚拟DOM 那为啥还需要虚拟 DOM 呢？主要是有 2 个原因绕不开： 像 Vue 这样的通用

动画原理 CSS animation 关键帧动画 基础动画实现 动态获取线的长度 再加一个圆形 实现动态图标 图标来源：iconpark

如果你能回答以下 2 个问题，就掌握了脚手架的实现原理 一、为什么全局安装 @vue/cli 后会添加的命令为 vue ？ 这是因为 @vue/cli 包的结构和 npm 的安装机制共同作用的结果 包

动画原理 js 动画函数 动画的本质是什么？ 动画的本质就是在一段时间之内，从一个数字变成另一个数字。 比如元素的宽高、颜色（RGB） 封装一个动画函数 实际上还有很多需要注意的点，比如只在整数时触发

实现一个组件，分为 3 个部分：创建、注册和使用 创建 根据组件渲染的内容，确定是虚拟DOM/字符串还是复杂模板 注册 根据组件的使用范围，确定是局部使用还是全局使用 使用 根据组件的使用方式，确定是

前端项目工程化，包括：语法校验、代码格式化、针对提交的代码自动格式化和校验、规范提交信息、统一包管理器工具