lixy

本篇文章以一个很简单小例子打断点入口开始分析，情况很单一，仅仅是一个简单的 object，没有涉及到组件实例，目的也很简单：搞清楚三者之间的工作流程、同时熟悉一些概念。 所以代码走读也分为三个部分，来分别参数这三个过程。 这么做是为了缓存提高查找性能，因为对于一个嵌套对象，是需…

这是一种比较傻瓜式的架构模式，但容易理解并解决了目前项目所带来的问题：项目大、打包慢、项目的技术栈或主库版本一旦更新就涉及很大重构等等。流程图在第一篇文章有介绍，这种模式的缺点： 同时存在 Vue 和 React 实例、路由实例。 关于文件 hash 的问题，因为在配置文件中要…

根据提案衍生的体验包 @vue/composition-api 我们可以对 v3.0 的思想加以实践。 实践内容：实现一个 todo list，且列表可拖拽。demo：示例详情 我们将输入框和列表分为2个组件去处理，同时写了一个 useDrag() 方法来处理拖拽。 另外，在 …

⚠️ 关于按需加载，在开发环境下，由于webpack devServer 加载资源时是不会跨项目加载的，所以是无法做到的，当然可以改造 webpack 的加载逻辑，把待加载的资源 origin 设置为 项目菜单配置中的 origin。打包后如果主子项目的静态资源部署在同一个目录…

基于 javascript 的复杂数据类型的特点，衍生出的代理的概念，因为对于复杂的数据类型，变量存储的是引用。代理 proxy 就在引用和值之间。 另外还需要注意 Reflect，它拥有的13个方法与 proxy 一致，用来代替 Object 的默认行为。很显然，例如我们用 …

本篇将讨论HTTPS的加解密原理，很多人都知道RSA，以为HTTPS = RSA，使用RSA加解密数据，实际上这是不对的。HTTPS是使用RSA进行身份验证和交换密钥，然后再使用交换的密钥进行加解密数据。身份验证是使用RSA的非对称加密，而数据传输是双方使用相同的密钥进行的对称…

像rate评分组件一般都用javascript写，大概一年前，我在简书写过一篇文章原生Javascript实现星星评分组件，感兴趣的可以去看一下，很久之前写的，我不知道之前的代码有多啰嗦，所以这次将是

据我了解，前端程序员有相当一部分对“数据结构”和“算法”的基础概念都不是很清晰，这直接导致很多人在看到有关这部分的内容就会望而却步。 实际上，当你了解了“数据结构”和“算法”存在的真正意义，以及一些实际的应用场景，对它有了一个整体的认知之后，你可能会对它产生强烈的兴趣。当然，它…

nodejs 社区乃至 Web 前端工程化领域发展到今天，作为 node 自带的包管理工具的 npm 已经成为每个前端开发者必备的工具。但是现实状况是，我们很多人对这个nodejs基础设施的使用和了解还停留在: 会用 npm install 这里（一言不合就删除整个 node_…