不语君45389

在生命周期中的副作用函数。例如监听事件 复用生命周期和状态。例如在生命周期内请求数据并且设置状态 复用逻辑逻辑和状态。 最极端的情况，复用逻辑，生命周期和状态。 从vue的角度来说，因为我用react的时候，mixin的方式已经消失了。 O(∩_∩)O哈哈~。 vue中的Mix…

⚠️ 使用这种方式的好处是someExpensiveComputation函数值会在初始化的时候，调用一次。 我们其实也可以这么做。 这样的缺点就是，每次函数组件渲染的时候，都会调用一次``someExpensiveComputation`，造成不必要的性能浪费。 首先useS…

是因为在模版(template)或者render函数中使用了没有声明过的属性或者方法。 这段代码的作用就是根据render函数生成vnode,这段不多做解释，感兴趣的话，可以自己了解一下vue的源码。 可以看到render.call(vm._renderProxy, vm.$c…

随着项目越来越大，最近遇到了一个问题。需求需要修改账户，密码和电话号码的验证规则。 现在前端总共维护7个项目，5个pc项目和2微信页面。表单项涉及很多，并且验证规则分配在各个页面，导致修改验证规则，需要到每个页面中寻找修改，这样不仅耗时长并且容易出现漏改的情况。所以就在考虑如何…

.prop的修饰符用来指定绑定的值不应该被props解析，而应该作为dom的属性绑定在元素上。 下面的代码，是直接粘贴尤大大的单元测试的代码。我觉得没有比单元测试代码更能说明这个东西的用法了。 另外对于这个修饰符，vue应该也提供了一个缩写的形式。即.text-content=…

最近转到webstorm 编辑器遇到了一个很不爽的事情，由于写vue的代码的时候，经常需要用空行将方法分隔开，方便阅读。但是在编辑器下只要换行就会自动缩进添加空行，每次都会触发no-trailing-spaces的校验，需要手动删除空行，或者使用编辑器的修正功能。为此特地翻了一…

koa是一个基于nodejs的web开发框架，特点是小而精，对比大而全的express，两者虽然由同一团队开发，但各有其更适合的应用场景：express适合开发较大的企业级应用，而koa致力于成为web开发中的基石，例如egg.js就是基于koa开发的。 关于两个框架的区别和联…

对于中大型前端项目，项目规范与代码质量尤为重要。当功能需求变更或需要重构时，随心所欲的(糟糕的)代码可能带来比重新开发还麻烦的问题。 这个问题不用作过多阐述，想必接手过他人代码的同学，多少都有些体会。简单来说，太过随意的代码会让强迫症患者难以容忍，难以阅读理解的代码有时甚至不如…

抽象语法树（AST），是一个非常基础而重要的知识点，但国内的文档却几乎一片空白。 本文将带大家从底层了解AST,并且通过发布一个小型前端工具，来带大家了解AST的强大功能 Javascript就像一台精妙运作的机器，我们可以用它来完成一切天马行空的构思。 我们对javascri…