摘要:
copy-webpack-plugin :复制文件到目标文件夹。在开发时使用热模替换,(没有生成dist 文件夹,都在内存中),如果想引用某一个js文件,直接写script标签是找不到的,因为服务器内存中没有这个文件。所以复制这个文件,到dist中。 compression-webpack-plug 阅读全文
摘要:
plugins webpack-dev-server 阅读全文
摘要:
二、不使用标签 this.events[key] = this.events[key].filter(it => it !== fn) 阅读全文
摘要:
纯前端js导出pdf,已经用于生产环境。 工具: 1、html2canvas,一种让html转换为图片的工具。 2、pdfmake或者jspdf ,一种生成、编辑pdf,并且导出pdf的工具。 pdfmake:http://pdfmake.org 优点: 能够支持中文,具有部分自适应布局功能,需要v 阅读全文
摘要:
场景:已经拿到了数据,非直接下载,示例为下载csv文件 ie和非ie下载不同 ie下载: 非ie let a =document.createElement('a') a.download = '文件名字.csv' a.href= 'data:text/csv;charset=utf-8,' + e 阅读全文
摘要:
场景: slot 能够让父组件内容插入到子组件中,但是子孙组件不能够使用slot直接插入内容。在弹窗的时候,全屏弹窗需要直接在组件最上层显示,如果父组件级别不够,弹出就可能不是全屏的。 知识点: 1: aa 为组件 。父组件中<aa>我是子组件的slot</aa> ,子组件中console.log( 阅读全文
摘要:
兄弟组件,隔代组件传值很麻烦,方法虽然多,但都各有缺点。 vuex: 适合数据量大,并且函数集中处理。 bus:适合数据虽少,却不得不用的时候,维护困难。 root:这儿指将值挂在root组件上,需要的组件都到root上去取。 有时候数据量不多,觉得引入vuex又使得项目变得沉重,使用全局bus又显 阅读全文
摘要:
父子组件通信,都是单项的,很多时候需要双向通信。方法如下: 1、父组件使用:msg.sync="aa" 子组件使用$emit('update:msg', 'msg改变后的值xxx') 2、父组件传值直接传对象,子组件收到对象后可随意改变对象的属性,但不能改变对象本身。 3、父组件使用: v-mode 阅读全文
摘要:
恢复内容开始 webpack主要执行流程: 入口→loader处理→出口 const HtmlWebpackPlugin = require('html-webpack-plugin') // 引入html生成插件 现在就可以用npm run dev 启动调试,npm run build 启动打包。 阅读全文
摘要:
async 异步函数,以后可能会用得很广。 1、箭头函数: 没有{ }时不写return 也有返回值 2、Promise : 异步神器,很多异步api都是基于Promise 3、new Promise().then().then().catch() :第一个then触发条件:是 Promise() 阅读全文