web workerweb worker是js中启动的子线程，不能操作dom和windows对象，但是可以执行ajax，处理复杂数据，如二进制blob数据，或者websocket连接，worker和主线程通过postMessage和onmessage进行通信。本文不是主要介绍worker，主要讲webpack中如何使用web workerworker-loaderwebpack中提供了一个loader叫做worker-loader，用来实现web worker的功能。第一步需要install worker-loadernpm ...

vue-router实例Vue.use(Router) export default new Router({   routes: [    {    path:'/manager',    name:'login',    component:Login,    beforeEnter:(to,from,next)=>{ &nb...

CopyWebpackPlugin插件先看一下这个插件在webpack的配置new CopyWebpackPlugin([       {         from: path.resolve(__dirname, '../static'),         to:&nbs...

webpack中alias的配置先看一段完整的vue开发中webpack的配置module.exports = {   context: path.resolve(__dirname, '../'),   entry: {     app:['babel-polyfill','./src/main.js'] ,    &...

经度范围-180~180,JS正则为：/^-?(\d{1,2}(\.\d{1,5})?|1[0-7]\d(\.\d{1,5})?|180)$/纬度范围-90~90，JS正则为：/^-?(\d(\.\d{1,5})?|[1-8]\d(\.\d{1,5})?|90)$/备注：注意一点，在使用element的验证时，尤其是数字相关的验证，可为字符串，也可为number类型，{type:"string",message:"请输入正确的经度",pattern:/^-?(\d{1,2}(\.\d{1,5})...

场景web前端中有一些需要与后台一起完成的用户体验，比如输入提示，下拉搜索等，监听键盘事件或者websocket流等不断的通过ajax向后台发送请求，获取详情的数据，而页面中的oninput，mousemove之类的事件是处罚很频繁的，有时候我们需要延长发请求的间隔来节省服务器资源，并且还不丢失用户体验度。这就需要一种解决方案。解决方案let arr=[]; //输入框 dom=document.getElementById("myinput"); dom.addEventListener("i...

vue中使用vux出现这个错误的原因是，这个computed变量一定在某个地方使用了类似 this.popupState2=xxx的赋值操作，包括v-model这种绑定操作.

vue的watch方法中的this有时调用会出现调用不到组件方法和变量的方法。正确的应该这么写出现上面那种问题的原因是，watch的回调函数使用了箭头函数：所以this会取上下文，而不是组件里面的this了。

onpropertychange和oninputonpropertychange事件是IE浏览器提供的一个事件，可以检测一个元素上属性的变化，包括input的value值以及自定义属性。oninput事件是H5提供的一个事件，可以用来检测input/textarea的value值得变化，包括输入，剪切，粘贴引起得value值变化。在对于input/textarea的值需要检测的时候，我们可以使用oninput事件，这一个事件就可以代替onblur,onpaste,oncut,onkeyup好几个事件的功能（IE9+的浏览器都支持），而...

区块链区块链(1.0)是一个基于密码学安全的分布式账本，是一个方便验证，不可篡改的账本。通常认为与智能合约相结合的区块链为区块链2.0, 如以太坊是典型的区块链2.0很多人只了解过比特币，不知道区块链，比特币实际是一个使用了区块链技术的应用。而区块链是采用哈希函数进行运算的，所以我们要了解一下哈希函数哈希函数哈希函数：Hash(原始信息) = 摘要信息原始信息可以是任意的信息, hash之后会得到一个简短的摘要信息哈希函数有几个特点:同样的原始信息用同一个哈希函数总能得到相同的摘要信息原始信息任何微小的变化都会哈希出面目全非的摘要信息...