前端
Kylin Chen
这个作者很懒,什么都没留下…
展开
-
超简单!观察者模式和发布订阅模式的区别
先上代码:发布订阅者模式class EventEmitter { constructor() { this.subs = Object.create(null) } // 触发事件 $emit(eventType) { if (this.subs[eventType]) { this.subs[eventType].forEach(handle => { handle()原创 2020-09-24 19:41:03 · 331 阅读 · 2 评论 -
Rollup 快速学习
Rollup概述Rollup是一款ES Moudle的打包器,作用上与Webpack非常类似,但是它更小巧,因为它仅仅是一款ESM的打包器,没有其他额外的功能。例如Rollup中并不支持类似HMR这种高级特性。Rollup并非要与Webpack竞争,它只是提供一个充分利用ESM各项特性的高效打包器,构建出一个解构扁平,性能出众的类库。快速上手创建一个简单的demo,包含3个js文件:message.js:export default { hi: 'Hey Guys, I am zce~'原创 2020-08-29 15:40:44 · 213 阅读 · 0 评论 -
大前端之关于this(看完以后再也不用担心this了)
大前端之关于this(看完以后再也不用担心this了)this三连问下面的this指向谁?const obj1 = { foo: function () { console.log(this) }}答案:指向谁都有可能,可能是全局,可能是obj1,这取决于它如何被调用,而不是取决于它被定义时的位置。下面的this指向谁?const obj2 = { foo: function () { function bar () { console.log原创 2020-08-06 16:46:56 · 133 阅读 · 0 评论 -
使用lodash对数组进行转换时遇到的坑
使用lodash对字符串数组parseInt时,遇到的坑问题: 有这么一个数组:[‘23’, ‘8’, ‘10’],通过lodash的map方法将字符串转换成数字const _ = require('lodash')console.log(_.map(['23', '8', '10'], parseInt))打印结果:[ 23, NaN, 2 ]通过分析,发现lodash的map方法传参顺序是数据优先,函数置后,即先传数组,再传处理函数。并且处理函数的参数有三个,传参顺序是于是我们的上述原创 2020-07-19 17:02:46 · 1416 阅读 · 0 评论 -
前端报错解决方法:Failed to execute ‘setRequestHeader‘ on ‘XMLHttpRequest‘: Value is not a valid ByteString.
Failed to execute ‘setRequestHeader’ on ‘XMLHttpRequest’: Value is not a valid ByteString.前端使用axios请求拦截,并设置请求头信息时,报错Failed to execute ‘setRequestHeader’ on ‘XMLHttpRequest’: Value is not a valid ByteString.原因在头信息中存在中文,需要对其进行编码。解决方法使用encodeURIComponent原创 2020-07-04 15:35:26 · 14952 阅读 · 0 评论 -
vue使用element-ui表单验证时提交无效的解决办法!
submitForm(formName) { this.$refs[formName].validate(valid => { if (valid) { alert("submit!"); } else { console.log("error submit!!"); return fal...原创 2020-03-06 17:22:45 · 3859 阅读 · 7 评论 -
学习NodeJS时,遇到Error: Cannot enqueue Handshake after invoking quit.的解决方案
问题Error: Cannot enqueue Handshake after invoking quit.在最近学习node.js如何连接mysql数据库时,遇到了一个问题,第一次连接数据库时正常,再次与数据库交互时报错:Error: Cannot enqueue Handshake after invoking quit.原因就是:当你在发出请求的时候执行connection.c...原创 2019-07-30 22:32:36 · 3597 阅读 · 1 评论