• webpack 与 打包工具开发

    webpack 与 打包工具开发webpack核心配置EntryModulePluginMiniCssExtractPlugin用于提取css样式内容 Resolve用于解析 Outputgrunt、gulp 15、16年新晋打包工具发展史1、200...
  • 前端工程化

    前端工程化讲解&包管理工具工程化体系前端工程化: 前端+软件工程 整个前端的研发周期当中 我们可以干预的行为 前端工程化开展 模块化:模块复用 自动化:CI/CD 研发平台 智能化:AI code 脚手架能力通过更多的规范 约束开...
  • 自动化测试

    自动化测试与技术选型认识并使用jeste2e测试devops自动化测试为什么需要测试让程序稳定健壮,提高代码质量,减少bug,提高开发效率。 频繁变动的需求 人力成本 不太重视 什么时候 或者什么场景需要考虑自动化测试 公共库项目开发维护 vue...
  • 自动化构建

    自动化构建方案通过自动化手段 提高效率 可靠性 构建工具: grunt webpack gulp vite rollup esbuild swc turbopack 编译 测试 部署 区分环境 构建的整体设计思路 构建工具的选择 实际业务触发 UI...
  • 正则表达式

    正则表达式正则表达式是一种用来匹配字符串的强有力的武器。它的设计思想是用一种描述性的语言来给字符串定义一个规则,凡是符合规则的字符串,我们就认为它“匹配”了,否则,该字符串就是不合法的。具有强大的模式匹配和文本检索与替换功能。 正则表达式的定义在 J...
  • AST-抽象语法树

    编译器的底层原理 AST编译器介绍:它会将用某种编程语言写成的源代码,转换成另一种编程语言。编译器(compiler)是一种用于将源代码(通常是高级编程语言编写的代码)翻译成目标代码(如机器语言或中间代码)的软件工具。目标代码通常可以直接在计算机上执...
  • 原型和原型链

    原型什么是原型?什么是构造函数、实例原型、实例?它们的关系是什么? 原型(Prototype)每个 JavaScript 对象都有一个内部链接到另一个对象的引用,这个对象被称为原型。当试图访问一个对象的属性时,JavaScript 会首先在这个对象自...
  • 强缓存和协商缓存

    缓存为了减少资源请求次数,加快资源访问速度,浏览器会对资源文件如图片、css文件、js文件等进行缓存,而浏览器缓存策略又分为强缓存和协商缓存。 强缓存强缓存是指浏览器在缓存有效期内直接从本地缓存中读取资源,而不与服务器进行任何通信。强缓存的实现依赖于...
  • 前端路由hash和history

    前端路由hash和history hash模式使用window.location.hash属性以及onhashchange事件,实现监听浏览器地址的hash值变化,执行相应的js切换网页 属性 含义 例子 location.href 完整...
  • 前端埋点与全链路

    什么是埋点:​ 前端埋点是一种用于收集用户在网站或应用程序上的行为数据的方法。这些数据可以帮助企业了解用户的行为模式、使用习惯,并对产品进行优化。 为什么要埋点: 流量监测(按时间空间维度分析,留存分析,转化分析)。 构建行为路径,获取用户的全链路信...
19101112