在webpack打包时，第三方库的引用会降低打包速度，而且在打包后资源过大，发布上线后，资源加载慢。这时可以考虑把第三方库抽离出来。步骤：1，读取package.json下依赖的第三方库，作为webpack.dll.config的入口文件，配置如下：output: {path: path.resolve(__dirname, "../src/static/"),...

react框架是目前最为流行的前端框架之一，尤其在很多大厂，应用更为广泛。相对于一些mvvm框架，react上手需要一定的技术基础，但掌握后，编码体验和性能是很不错的。react整体思想是函数式编程，可以很大程度上减少代码重复，易于并发编程，react内部实现了一套调度机制，给不同执行任务划分优先级，从高到低循环渲染（Fiber），同时引入一套Fiber Diff算法，最大限度的使网页平滑，性能最

class定义类是es6提供的新的api，比较直观，class类继承也有着一定的规律性，在egg, webpack等库的源码中有着很多的应用场景。结合一些初学者可能遇到的难点，本文主要对其链式继承进行总结，关于super关键字的使用请参考我的其他文章es6中super关键字的理解。class定义class App {constructor(options){s...

javaScript中实例，类，原型等是js语言的核心概念，在充分理解并掌握的情况下，才能在编程中得心应手。近期进行知识归类总结，对js中的实例，类，类的原型，实例的原型，类的prototype，实例的prototype进行一个总结。核心概念：prototype指的是原型对象， __proto__指的是原型看一个简单的例子：class a{constructor(optio...

很久没有写vue的项目，近期加入了教育疫情项目的开发，重新启用vue，这里就vue代码自动修复环境的安装，以及可能遇到的vscode安装的插件：ESlint, Vetur,eslint-plugin-html (全局安装){"window.zoomLevel": 0,"terminal.integrated.rendererType": "dom","ed...

vue模板有三部分组成，template, script, style1，如果模板中有style部分，vue在编译过程中，会将该部分样式按照特定的样式规范编译后以style标签插入header，如图：说明：如果style里面并没有样式，是空的，则编译时会忽略2，style的scoped属性有scoped属性时，vue编译过程中会生成一个唯一的data-xxx标志，样式后面会跟上...

完整代码参见github：vue-calendar-board讲解组件封装之前，介绍时间对象Date相关的api：参见：MDNnew Date()入参字符串和多个参数不同实例：2019-03-03返回值是默认是日期的8:00:00,传入时间后按时间返回2019，02，03返回日期是零点00:00:00,传入小时后按时间返回//Sun Mar 03 2019 08:00:00 ...

vue是一套用于构建用户界面的渐进式框架参考：https://blog.csdn.net/tangxiujiang/article/details/79594860https://blog.csdn.net/weixin_41049850/article/details/79431682以下是看过很多渐进式框架的概念，把几个相对全面的进行了总结：渐进式框架：只做自己该做的事情，不去...

近期遇到一个vue项目中的table页面，数据和模板强耦合在一个页面中，看起来比较复杂，维护较不方便，而该页面又重复性较高，于是尝试在vue中用循环渲染dom元素，抽离公共部分配置化，很不幸的是v-for并不支持动态的dom元素插入，那么怎么用vue实现动态dom元素节点的动态渲染呢。联想到react的实现方式，想到vue的render函数，vue中的render号称可以像react一样写页面，有

Vue在2019年的受欢迎程度逐步加大，很多创业型公司，中小企业都在使用vue框架。很多场景下，大公司更青睐于React技术栈，而随着Vue2.x的发布更新，很多公司开始选用vue作为主要技术栈。vue上手成本低，且社区多为中文，对于开发者而言要求相对 较低。但是要想做好vue的开发，就必须对vue的原理有深入的了解，并且对相关社区有所了解。Vue中很多也采用了最新的ES6写法，从技术层面上提..