爱吃巧克力的狗

摘要： 公司用的是vue最近在学习react的打包时发现react会额外生成一个runtimeChunk，不知道具体原因所以查资料学习了下， 这里是runtime的功能，文章地址：https://sebastianblade.com/using-webpack-to-achieve-long-term-ca 阅读全文

摘要： 看了网上文章学习了下vue的抽象组件，感觉就跟react的高阶组件一样的使用场景，只是更加面向vue的底层编程 ，网上介绍的抽象组件一般有2种用法，1 用来加防抖和节流 2 用来控制按钮是否允许点击做权限效验，这2个对于 目前我所做的一些项目用处不大，这里先介绍下我用抽象组件的使用场景，总不能说学习 阅读全文

摘要： 记录一下学习源码中了解到一些开发编程技巧 ###判断嵌套对象内部的值是否存在 var i // 业务中出现的多层嵌套的对象 var a = { s: { f: { sf: 333, }, }, } // 一般的写法 if (a && a.s && a.s.f && a.s.f.sf) { conso 阅读全文

摘要： 浏览器是无法直接使用模块之间的commonjs或es6，webpack在打包时做了什么处理，才能让浏览器能够执行呢，往下看吧。 使用commonjs语法 先看下写的代码， app.js minus.js webpack.config.js 代码非常简单，没啥可说的，直接上编译后的代码来分析,代码可以 阅读全文

摘要： 之前写了一篇vue文件怎么使用的文章，有人问我怎么在css文件中使用public下的文件，这是个好问题，因为我之前都没有研究过 需要解决的2个问题 一开始按照vue文件的使用方式（https://www.cnblogs.com/wzcsqaws/p/11283228.html）试了一下，总结了下主要 阅读全文

摘要： 最近在使用ts，发觉tslint在vscode上使用很不方便，不如eslint一键格式化高效，就想着能不能配置下vscode让其像写js一样爽 这篇文章主要解决2个问题，第一个是如何让vscode使用ts的lint，第二个是如何配置才能让eslint和prettier这2个代码格式化的vscode插 阅读全文

摘要： 最近在研究rollup，想吐槽下rollup的官方文档写的真的太简单了，而且照着文档一步步来还报错，说明文档年代有点久远啊。。。 照着文档使用rollup plugin babel报错，首先打开rollup plugin babel的github文档看，发现报错原因是babel现在有7和6这2个差别 阅读全文

摘要： Tree Shaking我原来也只是了解，这次碰巧深入研究了下，就写个博客记录一下，网上有很多讲Tree Shaking的，我写的这篇跟他们侧重点不一样 Tree Shaking相关的基础知识 1 webpack会从入口文件开始不断的获取你的依赖，就像一颗树一样从根节点开始不断往下延伸，只有被依赖的 阅读全文

摘要： 最近在思考一个问题为什么一定要在created中写this.$on，可以放在mounted中吗 ###如果触发和监听组件在页面上都创建了，那么可以放在mounted中 这种情况在实际工作中比较常见，如果在触发的组件实际触发之前，监听组件mouted方法执行了，那么就没有任何问题 ###如果触发和监听 阅读全文

摘要： 作为图片最好放在static目录下，但是vue@cli3没有static，网上都说放在public目录下，行，那就放吧，可问题是图片放了怎么使用 第一次尝试 肯定用绝对路径这就不说了，用相对路径，webpack会解析成base64，可是绝对路径怎么输都不对，咋回事 后面看网上说把前面路径下的publ 阅读全文