摘要： 原理 插件的基本作用就是生成html文件，原理很简单： 将 webpack 中 entry 配置的相关入口 chunk 和 extract-text-webpack-plugin 抽取的 css 样式 插入到该组件提供的 template 或者 templateContent 配置项指定的内容基础上 阅读全文

摘要： vue3新特性 1 更快 2 更小 3 更易于维护 4 更多的原生支持 5 更易于开发使用 2.0与3.0双向数据绑定区别 2.0 数据劫持 Object.defineProperty 设置data的get set 3.0 使用代理 proxy vue3.0 不支持vue-devtools 使用ty 阅读全文

摘要： webpack.dev.config.js devServer:是启动http服务器到指定的端口，这时不会在./dist下面生成静态文件，原因是devServer会把构建的文件保存在内存中，需要通过http访问。 它不会理会配置中的output.path属性，所以要获取bundle.js正确的url 阅读全文

摘要： index:模板//nidex文件生成在当前目录的上一级的dist文件夹下 assetsRoot:打包后文件要存放的路径，//在当前目录的上一级的dist目录下输出资源文件 assetsSubDirctory：除了index.html之外的静态资源要存放的路径 // 把所有的静态资源打包到dist是 阅读全文

摘要： __dirname与./的区别 Node.js中，__dirname总是指向被执行js文件的绝对路径，所以当你在/d1/d2/myScript.js文件中写了__dirname,它的值就是/d1/d2 ./会返回你执行node命令的路径， 比如你在目录D盘下执行d1/d2/myScript.js _ 阅读全文

摘要： 依赖地狱 早期版本的npm(v2)管理依赖的方式并不复杂。它读取每个模块的依赖列表，并下载匹配版本的依赖模块到该模块目录内的node_modules文件夹下，如果该依赖还依赖其他的模块就继续下载该依赖的依赖到该依赖模块目录的node_modules文件夹下 如此递归执行下去，最终形成一颗庞大的依赖树 阅读全文

摘要： 1 组件名为多个单词，防止跟未来的HTML元素相冲突（所有的HTML元素都是单个单词） 2 组件的data必须时一个函数（返回data对象的函数） 3 prop定义，应该尽量详细。至少需要指定其类型。 4 为v-for设置键值 总是用key配合v-for 5 避免v-for和v-for用在一起，永远 阅读全文

摘要： props html的属性是大小写不敏感的，所以如果传递的属性是驼峰写法，使用的时候需要用-写法来使用； Vue.component('blog-post', { // 在 JavaScript 中是 camelCase 的 props: ['postTitle'], template: '<h3> 阅读全文

摘要： 方法1：使用插件pdfObject（Safari不能正常显示，安卓手机的支持也不好） npm i pdfobject -S main.js Vue.prototype.$PDFObject = PDFObject; <div id="example1" style="height:600px;wid 阅读全文

摘要： 安装sass npm i sass -g npm 安装sass cnpm i sass -g 查看sass版本信息 sass -version 使用sass sass 是css的预处理器，是css扩展语言，可以帮助我们减少css重复的代码，sass扩展了css3，增加了规则 变量 混入 选择器 继承 阅读全文