Ni

## 序言 ​ 这半个月一直在专注于 Figma-to-Code 的相关工作，也在不断思考和调研已有的 D2C（Design to Code）方案。 ​ 目前市面上主流的实现方式，大多是基于 **

在vue的日常开发当中，我们可能会遇到这样的一种情况： 某一部分的模版需要重复利用， 但又不至于到新开1个组件的地步。这种情况该怎么办呢？

都知道keep-alive是用于vue中组件之间切换的时候，保持这些组件的状态，以避免反复重渲染导致的性能问题的。那内部如何实现缓存的呢，一起来看看吧

这篇文章主要参考了 Vue.js 核心成员 Guillaume Chau 在 19 年美国的 Vue conf 分享的主题：9 Performance secrets revealed，分享中提到了九个 Vue.js 性能优化的技巧。 我看完他的分享 PPT后，也阅读了相关的项…

element-ui虽然有el-form组件，但是仍然需要手动写el-form-item。 这里希望进一步抽离配置，在el-form的基础上封装个enhanced-el-form组件。 综上，enhanced-el-form组件的大概就出来了。 现在有一个很简单的表单，需要填写…

假设我们有两个模块：一个实现http请求，另一个实现路由跳转。 在上面的代码中，为了实现登录功能，Login类内部分别实例化了HttpService和RouterService。虽然上述代码可以正常工作，但是不是很灵活。假如修改HttpService需要增加token信息： 此…

与其他主流语言相比，JavaScript函数式语言的血统更多一些。JavaScript中的一些概念从根本上不同于其他语言。这些根本性的差异包括以下内容： 函数是一等公民（一级对象），在JavaScript中，函数与其他对象共存，并且能够像其他对象一样地使用。函数可以通过字面量创…

在实际的项目中还是有很多图片懒加载的需求，尤其是c端的应用，在一些列表页，像商品列表等含有大量图片展示。我们能做的一个优化项就是对未进入当前视口的图片元素，延迟加载，减少一进入页面时的请求数。 图片的懒加载从实现上来说，就是一开始不设置 img 元素的 src，在上滑过程中，当…

目前，前端的主流Vue、React、Angular这些，他们都提供了有关路由的插件，一般来说，这些路由插件总是提供两种不同方式的路由方式： Hash 和 History。具体内容将会在下文中提到，下面就让我们围绕这两种方式来简单手写一个路由： 这样，hash模式的路由就基本实现…