公司内部研发的框架体系一般都会趋向于图形化、可视化，不过大多数都会做到最后一步，那就是模块化的选择了该结构，该样式（皮肤）然后想去一键生成这个项目的时候，啊？没这个功能，实现不了，npm/cnpm的一堆依赖结构不是我想要的！那这篇文章就是来解救你了，让我们来打造属于自己的项目结…

目的：vue-cli构建的vue单页面应用，某些特定的页面，实现前进刷新，后退不刷新，类似app般的用户体验。 注： 此处的刷新特指当进入此页面时，触发ajax请求，向服务器获取数据。不刷新特指当进入此页面时，不触发ajax请求，而是使用之前缓存的数据，以便减少服务器请求，用户…

相信不少同学在维护老项目时，都遇到过在深深的 if else 之间纠缠的业务逻辑。面对这样的一团乱麻，简单粗暴地继续增量修改常常只会让复杂度越来越高，可读性越来越差，有没有固定的套路来梳理它呢？这里分享三种简单通用的重构方式。 所谓的【面条代码】，常见于对复杂业务流程的处理中。…

这又是一个面试经典问题~/(ㄒoㄒ)/~~也是 ES5中众多坑中的一个，在 ES6 中可能会极大避免 this 产生的错误，但是为了一些老代码的维护，最好还是了解一下 this 的指向和 call、apply、bind 三者的区别。 在 ES5 中，其实 this 的指向，始终…

本文为2018年6月21日，在北京举办的GMTC(全球大前端技术大会)，下午性能与监控专场，由阿里云前端监控团队前端技术专家彭伟春带来的演讲稿，现场反馈效果非常好，地上都坐了三圈，很多人反馈根本无法挤进去。先上现场照。 先做一个自我介绍，我叫彭伟春，英文名是Holden, 阿里…

手把手教你写vue裁切预览组件最终效果：https://qiuyaofan.github.io/vue-crop-demo/源码地址：https://github.com/qiuyaofan/vue-

本次示例代码在 Component06文件夹中。请不要吝啬你们的Star！ 微信不让跳转外链，可以点击查看原文来查看外链GitHub内容。

开发环境使用webpack-dev-server做后端服务器，实现不刷新页面的热更新，包括组件和reducer变动的热更新。 生产环境使用koa做后端服务器，与前端公用createApp代码，打包后通过读取文件获得createApp的方法，然后通过react-loadable按…

代码分割是提升单页应用初始加载速度的重要方式之一。因为用户不用在第一次进入应用时下载所有代码，用户能更快的看到页面并与之交互。这会改善用户体验，尤其在移动端；而且这对 SEO 有很大帮助，因为 Google 会降低加载速度慢的网站权重。 上周我写了一篇关于Vue.js 与 We…