lixy

当你学习一个知识点没有方向时，可以尝试以解决问题的角度来理解它。 我们需要知道 js 中没有真正的整数，我们看到的数值都是 v8 引擎省略精度后的结果。在 ecma-262 规范中并没有说明该如何省略精度，所以如果换个解析引擎，可能又是另外一种结果了。 我们可以用 toPrec…

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

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

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

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

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

区别我们先讲完属性类型后再来看。 [[Configurable]] 字面理解是表示属性是否可配置——能否修改属性；能否通过delete删除属性；能否把属性修改为访问器属性。 [[Enumerable]]能否通过for-in循环返回该属性。 第1、第2种对于属性的赋值是一样的，不…

现在越来越多的项目都使用 ES2015+ 开发，并且搭配 webpack + babel 作为工程化基础，并通过 NPM 去加载第三方依赖库。同时为了达到代码复用的目的，我们会把一些自己开发的组件库或者是 JSSDK 抽成独立的仓库维护，并通过 NPM 去加载。

BFC为Block Formatting Context的简写，简称为“块级格式化上下文”，BFC为浏览器渲染某一区域的机制，CSS2.1 中只有BFC和IFC, CSS3中还增加了GFC和FFC。 float的值不为none。 overflow的值为auto,scroll或h…