galenjx

背景 由于公司为合作伙伴推出定制小程序服务，小程序都是一套代码实现，而每个小程序都有自己的导航栏主题色，自己的tabBar，需要全局修改。...

公司为合作伙伴推出定制小程序服务，而所有小程序都是一套代码实现，更新小程序时就需要实现一键将代码上传到所有小程序。 微信小程序自动化部署miniprogram-ci，一套代...

公司的h5项目越来越大，打包进度展示2万+模块, 尽管从webpack2升级到webpack4，冷启动仍需三分多钟，热更新10s左右，占用电脑内存也大，开发体验较差；决定在...

我们的后台系统是前端单页应用（vue + webpack2），经过多次迭代，目前打包进度上统计已有3000+ 模块，最近感觉项目的运行，打包时间越来越慢，刚好时间比较宽松，...

自己个人开发的时候都喜欢用webstrom，webstrom各种细节，定义跳转，样式，都非常棒，奈何公司内网开发，逼着我用vscode，在新公司用vscode开发三周之后的...

vue+eslint+standard保存自动格式化vscode插件vscode的setting.jsonvue项目的.eslintrc自动生成的文件自用vscode插件和...

基础 js 前端基础（还需深入） js手写api与算法 精确四舍五入 框架 vue 面试题 官网 响应式原理，ast，diff react 官网 面试题 打包工具 vite...

打包工具作用 资源合并（http请求多，网页性能差），打包（模块化开发规范多如commanjs，浏览器不能直接运行），压缩，兼容性 vite vs vue-cli(webp...

Vue.js 3.2 已经正式发布，其中关于响应式部分的性能优化，你知道是怎么做的吗？本文会从源码层面分析具体做了哪些优化，以及这些优化背后带来的技术层面的思考。...

1.函数节流：当一个函数会被频繁执行时，在一定时间段内只执行第一次 1.函数防抖：当一个函数会被频繁执行时，在一定时间段内只执行最后一次...

什么是宏任务、微任务 先来了通俗易懂的例子： 去银行办理业务的人就是一个个宏任务，当宏任务P1在柜台办理业务时，其它任务都需等待，当一个宏任务P1办理业务结束时，柜台职员会...

1.简介 1.1 理解 1.1.1 抽象表达: Promise 是一门新的技术(ES6 规范) Promise 是 JS 中进行异步编程的新解决方案（旧方案回调函数） 1....

基本概念 webpack 是一种前端资源构建工具，一个静态模块打包器(module bundler)。 在 webpack 看来, 前端的所有资源文件(js/json/cs...

OSI与TCP/IP网络模型 物理层与数据链路层也被称为 网络访问层 基础知识 IP地址 设备在某一个网络中的地址，目前最常见的格式： [0-255].[0-255].[0...

简介 vue是通过数据劫持的方式来做数据绑定的，其中最核心的方法便是通过Object.defineProperty()来实现对属性的劫持，达到监听数据变动的目的，无要实现m...

简介 BFC的全称是 Block formatting contexts(块级格式化上下文)。block：块级元素，formatting：格式化、规定…的格式，contex...

1. 为什么要对数组特殊处理 上一篇文章讲到了vue数据响应式的基本原理，结尾提到，我们要对数组进行一个单独的处理。很多人可能会有疑问了，为什么要对数组做特殊处理呢？数组不...

数组的操作避免出现O(n^2)的复杂度 数组用来搜索元素的方法时间复杂度为O(n)。运行时间的增长速度与数据大小的增长速度相同，常用的如下...

代码地址 AST 简介 抽象语法树（Abstract Syntax Tree）本质上是一个 js 对象，用来描述模版语法 相关算法题 寻找字符串中连续重复次数最多的字符 用...

近期在某平台开发迭代的过程中遇到了超长List嵌套在antd Modal里加载慢，卡顿的情况。于是心血来潮决定从零自己实现一个虚拟滚动列表来优化一下整体的体验。 首先我们需...