程序员升职记

所有的性能优化都围绕着两大层面两小层面实现，核心层面是网络层面和渲染层面，辅助层面是时间层面和体积层面，而辅助层面则充满在核心层面里，笔者通过本文整理出关于前端性能优化的九大策略和六大指标

如何将 utf-8编码 转成 base64编码 1. node 获取 16进制 2. 转成2进制 3. 二进制拼接之后，按照6位分割成4串字符串 4. 字符串高位补0凑齐8位 5. 二进制转成10进制

使用 JS 的数组时，发现 JS 的数组可以存放不同类型的元素、并且数组长度是可变的。what？？这跟我之前接触的数组不一样啊。数据结构中定义的数组是定长的、数据类型一致的存储结构。 JS 中的数组竟然如此特殊，这也是为什么标题中数组二字加上了“”的原因。带着一脸的懵逼，打开搜…

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 本轮子是通过 React + TypeScript + Webpack 搭建的，至于环境的搭建这边就不在细说了，自己动手谷歌吧。当然可以参考我的源码。 这里我也是通过别人学的，主要做些总结及说明造各个轮子的一种…

虽然前端开发作为 GUI 开发的一种,但是存在其特殊性,前端的特殊性就在于“动态”二字，传统 GUI 开发，不管是桌面应用还是移动端应用都是需要预先下载的,只有先下载应用程序才会在本地操作系统运行,而前端不同,它是“动态增量”式的,我们的前端应用往往是实时加载执行的,并不需要预…

测试同学测出来。 缺点：现在浏览器版本、手机机型太多，兼容性问题很难测完全。另外有些项目流程非常长和复杂，测试同学不能确保每次都能覆盖100%的Case； 同事code review。 上线线后用户投诉反馈。 缺点：用户的机型、浏览器百花齐放，我们复现问题很困难。另外大多用户不…

Proxy 也就是代理。学习过计算机网络的朋友对这个词肯定不陌生。在计算机网络中，代理是指客户端不直接连接服务器，而是通过一些中间的机器进行请求的传递，从而达到提高访问速度，提升安全性之类的需求。 javascript 中的 Proxy 也是类似的功能，只不过阻隔的不再是服务器…

Vue更新流程nextTick详解接上一篇初始化流程前言这一篇主要会讲解vue的异步更新策略，包括虚拟dom和diff详细过程（还是最好对着源码流程看）源码下载以及配置调试工具的过程在上一篇都有讲解这

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…