前端架构

Chrome支持以下几种进程模型：Process-per-site-instance Process-per-site Process-per-tab Single Process。Browser只有

无法科学上网，如何安装插件？国产插件其实基本都是皮包chrome，可以安装插件后导出。自己chrome已经安装的插件也可以备份。这里提供一份本人备份打包的插件列表，基本满足日常开发需求

本文回顾浏览器的发展历史：作为前端老鸟，从IE的6、7、8开始做前端，各种兼容性折磨死人。js还好有了jQuery。chrome出来后，真是救苦救难，解救程序员的于水火。但是可恶的boss还是要求兼容

回流与重绘，当render tree中的一部分(或全部)因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这就称为回流(reflow)。每个页面至

button {&-ok {}}， button { &:after {}} 这一类用法是非常熟悉的。p, a, ul, li { & + & {border-top: 0;}} 这一类组合就可以吓死

读初二的时候，学校有了计算机，也简单地介绍了下网页，不过那是的html 都是table，也没有去细看。到了高中，qq空间有个html模式，为了让文章好看点。也浅尝辄止地学了下css css简介 在HT

vue2异步加载之前说过，vue3还是之前的方法，只是把 i18n.setLocaleMessage改为i18n.global.setLocaleMessage 但是本文还是详细说一遍： 为什么需要异

面向过程（PO） 面向过程是随着VB一起来到我的世界，那个时候会的非常有限，感觉能把程序写出来自己就非常棒了，VB是做那种可视化界面，在工具栏拖个框框放到面板上，然后就在各个事件上写完整的逻辑，什么封

webpack ensure相信大家都听过。有人称它为异步加载，也有人说做代码切割，那这个家伙到底是用来干嘛的？其实说白了，它就是把js模块给独立导出一个.js文件的，然后使用这个模块的时候，webp

热更新，主要就是把前端工程 文件变更，即时编译，然后通知到浏览器端，刷新代码。 服务单与客户端通信方式有：ajax 轮询，EventSource、websockt。 客户端刷新一般分为两种： 整体页面

vue3溢出文本tooltip或title展示解决方案—如何获取文本宽度 解决文本溢出，鼠标悬浮展示tooltips，要解决2大难题。第一个是解决文本宽度的问题。毕竟 若果text-overflow:

前端页面资源如何分享，常见的有iframe,其次是js-sdk。这两类的在地图类工具经常用。微前端是最佳比较火的方式。本篇是他们的对比分析。 下一篇讲 BK-VISION如何在让用户自由选择 ifra

基础代码的复用往往比较简单，但是业务代码的复用通常是困难的，如果没有特殊的手段去治理项目会逐渐发展为难以维护的巨石应用，按照维基百科记载，代码的复用形式主要有三种，程序库，应用框架，设计模式 程序库

storybook添加全局样式比较简单，但是添加全局变量非常麻烦。比如是直接修改webpackFinal: async (config, { configType }) 里面的config

一般安装完，官方默认给配了actions,插件和links插件，本篇文章把story的插件介绍一下。

编写 stories story 用于展示组件某个状态，每个组件可以包含任意多个 story，用来测试组件的各种场景。根据默认配置，只需要在组件的文件夹中，以 **.component.stories

在写 《vue2升级vue3：TypeScript下vuex-module-decorators/vuex-class to vuex4.x》，建议新项目使用 Pinia，但是我的项目部分组件希望直接

给新手的vue3/TS/TSX入门资料，本篇文章是个索引，通过这些资料可以快速入坑vue3/TS/TSX

vue-grid-layout数据可视化图表面板优化过程所遇问题汇总，drag与drop事件实现拖曳布局的所存在的问题

v-for 中的 Ref 数组在tsx如何获取？this $refs gridlayout $children[index]; 在tsx 实现的解决方案