书接上文，在之前的 聊聊前端开发中的长列表 中，笔者对「可视区域渲染」的列表进行了介绍，并写了一个简化的例子来展现如何实现。这种列表一般叫做 Virtual List，在本文中会使用「虚拟列表」来指代。在本文中，笔者会把上篇文章中的简化例子一步步强化成一个相对通用、性能优异的虚…

在 vuejs 相关项目开发过程中，我们常常会使用 vuex 作为状态管理工具, 整个组件的状态做为单向数据流的模式管理。 事实上，在实际的使用中 vuex 可以说是相当繁琐的，每一次的需求增加需要增加 Mutations-Type 、Action 和 Mutations, 为…

最近研究了 DatePicker 的实现原理后做了一个 vue 的 DatePicker 组件，今天带大家一步一步实现 DatePicker 的 vue 组件。 1. 构思页面结构 DatePicker 组件由输入框和日历面板组成，写好页面主体结构。 输入框<input>点击显…

MVVM 设计模式，是由 MVC（最早来源于后端）、MVP 等设计模式进化而来，M - 数据模型（Model），VM - 视图模型（ViewModel），V - 视图层（View）。 在 MVC 模式中，除了 Model 和 View 层以外，其他所有的逻辑都在 Control…

前段时间阅读了饿了么的 PWA 升级实践一文，受益匪浅。其中构建时使用 Vue 预渲染骨架屏一节，为开发者提供了减少白屏时间，提升用户感知体验的新思路。本文将借鉴这一思路，尝试为 Vue 项目添加骨架屏。 著作权归作者所有。 商业转载请联系作者获得授权,非商业转载请注明出处。

在之前「为vue项目添加骨架屏」一文中，介绍了骨架屏的概念以及在 Vue 项目中的应用。本文将介绍如何加快浏览器对骨架屏的渲染。

最近对vue学习一段时间之后，于是自己打算通过学习实现了一个项目，在这里想与看到的您分享实战中踩过的雷和关于一些细节的处理技巧，最主要的还是原生组件的实现。由于主要是前端界面的实现，所以在后台使用的是express来模拟数据，当然你还可以选择json-server和easy-m…

在之前做一些前端国际化的项目的时候，因为业务不是很复杂，相关的需求一般都停留在文案的翻译上，即国际化多语言，基本上使用相关的 I18n 插件即可满足开发的需求。但是随着业务的迭代和需求复杂度的增加，这些 I18n 插件不一定能满足相关的需求开发，接下来就和大家具体聊下在做国际化…

学会看package.json文件，就像你在使用MVVM去关注它的render一样。 既然$ npm run dev命令可以重新编译出vue.js文件，那么我们就从scripts中的dev开始看吧。 注意上面指令中的两个关键词scripts/config.js和web-full…