很简单，实现一个全局响应式的globalData，任何地方修改=>全局对应视图数据自动更新。 并且我希望在此过程中尽量不去change原有的代码逻辑。 写过小程序的都知道，状态管理一直是小程序的一大痛点。 由于小程序官方没有一个全局状态管理机制，想要使用全局变量只能在app.j…

需求分为两步：报告预览和报告生成。 报告预览在前端进行展示，可使用前端技术，如React/Vue等技术栈对其进行还原，数据从服务端获取。 体检报告展示形式如下，格式相对固定，分为四个页面：个人信息页，建议页，原理页，个人信息页与建议页数据来源于服务器。 canvas是HTML5…

本文将通过设计一个前端工程化解决方案的实际经验（踩过的坑）来教大家如何设计一个灵活可扩展的前端工程化解决方案。为了让大家更清晰地了解如此设计的前因后果，我将秉承不厌其详（LuoLiBaSuo）的态度讲解从最开始一步步的设计思路和过程。 我们团队最开始开发中后台项目用的是 cre…

相比于 loaders，plugin 更加的灵活，因为它能够接触到 webpack 编译器和编译核心。这就使得 plugin 可以通过一些 hook 函数来拦截 webpack 的执行，甚至你可以运行一个子编译器和 loader 串联，像 MiniCssExtractPlugi…

最近接手任务——使用nodejs开发一个公司内部使用的cli工具，简而言之就是输入一行命令快速搭建好项目结构，也可以通过不同的命令引入不同的文件。 首先要基于node环境,然后我们需要知道cli是什么？cli是command-line interface的缩写，即命令行工具，常…

在 pages/coms/xxx 里面定义一个组件的可用配置，然后即可在主界面中选择组件后在右侧"属性编辑区"中编辑属性。 但是 table 里可以还可以嵌套其他组件，每行每列，想想是不是头疼。。如下图 这样之后这里就会变成一个可以放置其他子元素的坑，具体不展开了，这里的逻辑比…

本文将会介绍如何将自己写的组件库打包成第三方库，发布到 npm 上，同时支持在原生 js / React/ Vue 下使用。Webpack4 的升级指南可以参考下 Webpack4.0 升级配置，本文不做赘述。 假设我们有上面的 index.js 文件，我们想要把打它打包成一个…

虽然是一个小小的轮播图组件，但是我还是希望将它作为一个完整的项目进行对待。 现代Web项目的开发使用的技术栈一般不会采用原生 JS 或者基于 Jquery 进行刀耕火种式的开发，而是使用 React 或者 Vue 框架。 由于我们是基于 React 框架实现该轮播组件，所以我们…

1. 实现一个new操作符 它创建了一个全新的对象。 它会被执行[[Prototype]]（也就是__proto__）链接。 它使this指向新创建的对象。。 通过new创建的每个对象将最终被[[Prototype]]链接到这个函数的prototype对象上。 如果函数没有返回…