新建一个 html 页面，写上下面的这些代码，将那个 html 文件上传到服务器上，然后在 PC 端上的微信浏览器访问，查看微信所调用的 Chrome 内核信息&记录 --resources-dir-path 的路径。 贴心小棉袄都已经帮你弄好了那个线上链接：http://de…

1. 1 微内核的概念 微内核架构（Microkernel Architecture），有时也被称为插件化架构（Plug-in Architecture），是一种面向功能进行拆分的可扩展性架构，通常用于实现基于产品的应用。微内核架构模式允许你将其他应用程序功能作为插件添加到核心…

这两个问题可以从很多方面进行优化，今天我就从前端页面部署阶段来优化一下这两个问题。PS：以下内容都基于vue-cli3+。 路由使用按需加载后，打包生成的文件，每一个路由页面都对应一个js和css文件，入口main.js及其依赖则打包成了app.js和app.css，公共依赖都…

上面是一个很常见的表单元素，里面有账号和密码以及手机号，我们需要在提交之前对他进行一些校验，这里默认的规则是账号和密码不能为空，手机号的长度必须是 11 的纯数字。 从代码量看比第一版多出了很多语句，这里做法是把代码的规则放置在 rule 对象中，因为 javascript 本…

目前主流的前端框架vue和react都采用rollup来打包，为了探索rollup的奥妙，接下来就让我们一步步来探索，并基于rollup搭建一个库打包脚手架，来发布自己的库和组件。 写rollup的文章是因为笔者最近要规范前端开发的业务流程和架构，并提供内部公有组件库和工具库供…

一直以来，我都在重做路径图 —— 根据资历级别划分技能组，使它们更容易遵循，以免吓跑新入行的开发者。因为这些路径图只是关于技术知识的，所以我想有必要把它们回顾一遍，并且写一篇文章来表达我对不同资历职位的思考。 我已经见过太多组织在给开发者评定资历时过于注重工作年数。我见过顶着“…

树形数据结构的组件似乎并不是前端组件库所必须的，不过一旦遇到相关需求，比如需要展示一个部门下的职称层级结构，就无可避免需要用到。虽然相关的组件涉及到算法，但不要担心，涉及到的都是最基础很简单的搜索算法。 我们的Tree组件接受树形数据结构的输入，一个普通的树形数据结构，其中的节…

本篇文章主要是讲一些其他的或者优化手段。内容不多😂 1. 弹出数字键盘 安卓跟IOS的表现形式应该不一样，大家可以自己试试。当运用了正则pattern后，就不用关注input的类型了😂 2. 调用系统的某些功能 3. 打开原生应用 4. 解决active伪类失效 5. 忽略…

经过各种技术调研我们最终选择的方案是基于 Single-SPA 来实现我们的前端微服务化. (兼容各种技术栈)在同一个页面中使用多种技术框架(React, Vue, AngularJS, Angular, Ember等任意技术框架),并且不需要刷新页面. (无需重构现有代码)使…