本文主要讲了实际业务在结合 vue 开发的过程中的探索与实践。

高阶组件是一个函数，它将一个组件作为参数并返回新创建的组件。返回的组件通常使用HOC（高阶组件）提供的功能进行扩充。 高阶组件不是可以抓取和安装的软件，而是一种可以帮助编写可重用和可维护代码的技术方案。 此时，高阶组件不会做太多。它只需要一个组件并创建一个呈现传递组件的新组件。…

前端早早聊大会，前端成长的新起点，与掘金联合举办。 加微信 codingdreamer 进大会专属内推群，赢在新的起跑线。 我是阿里巴巴 CBU 体验技术部的前端工程师魏凯伟，今天我和我的美女同桌霸天小姐姐一起和大家聊聊关于 前端组件度量监控 和 场景度量监控 的话题，首先由我…

1. 库/框架选型 2. 简单构建优化 3. JS/CSS模块化开发 4. 组件化开发（本文重点） 1. Vue.js采用了JSON的方法描述一个组件 2. React.js发明了JSX，把CSS和HTML都塞进JS文件里 不要把分离容器组件和展示组件当做教条，如果你不确定该组…

写Vue有很长一段时间了，除了常规的业务开发之外，也应该思考和反思一下封装组件的正确方式。以弹窗组件为例，一种实现是在需要模板中引入需要弹窗展示的组件，然后通过一个flag变量来控制弹窗的组件，在业务代码里面会充斥着冗余的弹窗组件逻辑，十分不优雅。 本文整理了开发Vue组件的一…

本组件已开源，已npm publish，可自行npm install km-grid，应小伙伴要求，已上传github。 注：虽然现在已经出现大量优秀的UI框架，如elementUI，iviewUI，单从业务、功能及性能仍不能满足项目所有需求，这时，就要考虑如何设计适合自己的组…

为什么要写这些文章呢。正如设计模式（Design Pattern）是一套被反复使用、多数人知晓的、经过分类的、代码设计经验的总结（来自百度百科）一样，也是想通过分享一些工作中的积累与大家探讨设计模式的魅力所在。 有一个页面要根据路由参数type分别渲染三个表单，三个表单中有相同…