本篇文章针对于 vue2，目前正在基于 vue3 做一个开源的脚手架，如果有感兴趣的同学，可以来这里贡献代码。 考虑到后续招人和现有人员的技术栈，选择 Vue 作为框架。 公司主要业务是 GIS 和 BIM，通常开发一些中大型的系统，所以 vue-router 和 vuex 都…

在这个大数据的时代里，数据为王，系统能实时展示各种数据显得尤为重要，所以仪表盘便成为每个系统的标配。 所以，我们这次采用iframe配合div的方式实现通用仪表盘框架。 我们先找个可拖拽的div，这里没有使用h5自带的拖拽事件，主要懒得二次封装，比如仪表盘大小、排序等问题。 以…

mobx-vue 目前已进入 mobxjs 官方组织，欢迎试用求 star！ 原文链接 几周前我写了一篇文章描述了 mobx 与 angularjs 结合使用的方式及目的 (老树发新芽—使用 mobx 加速你的 AngularJS 应用)，这次介绍一下如何将 MobX 跟 V…

同构是指同开发一个可以跑在不同的平台上的程序。例如开发一段 js 代码可以同时被基于 node.js 开发的 web server 和浏览器使用。本文中我们就要聊聊这种场景下，为什么以及怎么样开发一个同构的 web 应用。 我们不会平白无故地做出任何决策，大家使用同构肯定是因为…

在上一篇的结尾，我说这一篇后着重讲一下 defineReactive 这个方法，这个方法，其实就是大家可以在外面看见一些文章对 vue 实现响应式数据原理的过程。 虽然很多前端的大佬知道它的作用，但是我相信还是有一些朋友是不认识的，我希望我写的文章，不只是传达vue内部实现的一…

众所周知，在webpack和单页面应用出现之后，前端工程师从开发到打包已经是一站式解决方案，由之前繁琐的很多个js,css,html文件到现在打包成1个或几个，可以说是一个进步。但是随着项目越来越大，团队的人越来越多，需要开发的模块也越来越多。这样传统的单页面应用已经满足不了项…

项目放在笔者的github上，分析vue-cli@2.9.3 搭建的webpack项目工程。方便大家克隆下载，或者在线查看。同时也求个star ^_^，也是对笔者的一种鼓励和支持。 如果对webpack还不是很了解，可以查看webpack官方文档中的概念，虽然是最新版本的，但概…

表单是后台项目业务中的常用组件，这次重构了登录功能以满足登录方式可配置的需求，在此记录和分享一下。 在之前，项目只支持手机号+密码登录，前端是直接把表单写死的，后来有客户希望能支持验证码登录，有的客户还希望能有手机号+验证码+密码的登录方式...所以登录方式的灵活性需要可配置的…

在mounted钩子执行完毕之后才打印，言外之意是使用async/await的钩子内部的异步代码并没有起到阻塞钩子主线程的执行。这里说的钩子函数的主线程是指： 对比实际的打印和期望的打印，就知道问题出在created钩子内使用了await的异步代码，并没有达到我们期望的那种的“…