砺能

从0->1一次性完成重构的理想场景只存在于理想中。如果真实存在，只能说明项目过小或者已经趋于稳定迭代很少，这种情况要考虑是否真的有重构的必要！！！ 重构不是软件开发的必要流程，而是现有代码的组织缺陷或不合理的补救方式。 必须通知业务方并说服业务方同意，让业务方做好准备上线后检查…

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

这篇文章主要参考了 Vue.js 核心成员 Guillaume Chau 在 19 年美国的 Vue conf 分享的主题：9 Performance secrets revealed，分享中提到了九个 Vue.js 性能优化的技巧。 我看完他的分享 PPT后，也阅读了相关的项…

一直以来我对vue中的watch和computed都一知半解的，知道一点(例如：watch和computed的本质都是new Watcher,computed有缓存，只有调用的时候才会执行，也只有当依赖的数据变化了，才会再次触发...)，然后就没有然后了。 也看了很多大佬写的文…

Vite1还没用上，Vite2已经更新了，全新插件架构，丝滑的开发体验，和Vue3的完美结合。 2021年第一弹，村长打算以Vite2+Vue3为主题开启大家的前端学习之旅。 Vite2主要变化在插件体系，这样更标准化、易扩展。Vite2插件API扩展自Rollup插件体系，因…

当客户在使用我们的产品过程中，遇到问题需要向我们反馈时，如果用纯文字的形式描述，我们很难懂客户的意思，要是能配上问题截图，这样我们就能很清楚的知道客户的问题了。 那么，我们就需要为我们的产品实现一个自定义截屏的功能，用户点完"截图"按钮后，框选任意区域，随后在框选的区域内进行圈…

BFC(Block formatting context) 块级格式化上下文,它是一个独立的渲染区域，其中的元素不受外界的影响，同样的里面的元素也不会影响外面。 BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。反之也如此。 每个盒子（块盒与行盒）的左…

事情是这样的，前两天有学员问我轮播图无缝滚动的原理，说平时用框架习惯了，到自己手撸的时候不会了。 如果是几十张图片，那就直接做成一个3D的圆环，还是那句话，有解决思路最重要。 想看代码的，继续往后看，代码量其实很少，连着css一起也才一百多行而已，所以其实一点都不复杂，重点还是…

对于使用 babel7 的用户，可以在 babel.config.js 中配置。地址:根文件夹/babel.config.js 对main.js的改造。方法之一，有更好的方法。 位置：src/main.js 完成jsx的配置。可以使用jsx了 到此、我们的Home模块算完成了。…