前男友

本案例将会讲解如何使用 vue.js + ElementUI 开发一个简单的 可配置组合表单 Demo。 在左侧新建表单区块，选择区块标题和表单组件类型后点击确定，会在中间区域生成一个块新的表单，右侧展示了所有表单的数据合并结果。 为了快速开发页面本项目使用 ElementUI…

前些日子碰到了动态渲染表单的需求，在这里记录一下，也许能帮到大家。 本文着重梳理动态渲染思路，关于超级表单，由于还不够完善，就不做赘述。 了解这些后，我们再来一步一步实现这个组件。 第二步，设置默认值。 因为在每个form-item都会需要一个v-model，所以在渲染之前，保…

我们在开发移动端页面的时候，抓包是必不可少的调试手段。抓包工具推荐使用charles，界面简洁、功能强大、配置灵活，走过路过不要错过。这篇文章总结一下charles的主要功能以及能帮助我们解决的问题。 Charles上的解释为Modify Requests and Respon…

如果你使用过 Redux 开发 React，你一定听过 容器组件（Smart/Container Components） 或 展示组件（Dumb/Presentational Components），这样划分有什么样的好处，我们能否能借鉴这种划分方式来编写 Vue 代码呢？这篇…

这篇文章分享了从遇到前端业务性能问题，到分析、解决并且梳理出通用的Vue 2.x 组件级懒加载解决方案（Vue Lazy Component ）的过程。 问题起源于我们的一个页面，下面是这个页面的截图和初次请求的瀑布图。 初始加载的资源过多导致在 domInteractive …

得益于 Vue 的 响应式系统 和 虚拟 DOM 系统 ，Vue 在渲染组件的过程中能自动追踪数据的依赖，并精确知晓数据更新的时候哪个组件需要重新渲染，渲染之后也会经过虚拟 DOM diff 之后才会真正更新到 DOM 上，Vue 应用的开发者一般不需要做额外的优化工作。 但在…

优化 vue 初始化性能

对于程序开发者而言，开发一个项目不仅仅注重效率和功能，前端的性能问题也是非常重要的。这直接影响用户的体验，从而间接的也反应该项目质量的好坏。 影响项目性能的原因有很多，如：资源文件的大小，业务的繁杂程度等，所以前端优化的方式也很多。这些东西很零碎，容易被人遗忘。所以这篇文章中对…

之前因为上家公司的经营出了问题，年前的大裁员，过了一个漫长的春节。 之后加入了新公司，然后正好赶上一个很紧急的项目，忙成狗，因此好久没更新文章了。 其实，单元测试一般用在写公共包的时候，比如通用的js函数库，通用的UI组件库。基本不太会在做业务项目的时候还使用单元测试。 然后，…