08 2019 档案
摘要：概述 现在很多前端库都用到了 CircleCI 进行自动部署，比如 "Vue" ， "React" ，作为一个前端我觉得还是有必要实操一下 CircleCI 的，总体来说还是挺简单的，我把过程和体会记录下来，供以后开发时参考，相信对其他人也有用。 步骤 1.首先登陆 "circleci" ，直接用
阅读全文
摘要：概述 最近玩 Jest，测试 Vue 组件上的事件，有一些心得，记录下来供以后开发时参考，相信对其他人也有用。 事件测试 对于 Vue 组件上的事件，分为 2 种，一种是 子组件 Emit 的事件 ，另一种是 插件的事件回调 。 子组件 emit 的事件 对于子组件 Emit 的事件，我们使用 Je
阅读全文
摘要：概述 今天看别人的单元测试代码的时候碰到了一段代码 await Vue.nextTick() ，初看起来不是很懂，后来通过查资料弄懂了，记录下来，供以后开发时参考，相信对其他人也有用。 await Vue.nextTick() 我们都用过 Vue.nextTick，但是在用的时候会在里面加一个回调函
阅读全文
摘要：概述 最近学 jest ，有一些细节记录下来，供以后开发时参考，相信对其他人也有用。 import 提升 ES6 的 import 会自动提升到文档前面，所以下面的 import 会提升到前面。 注意：如果不希望 import 提升，方法有两种，一种是利用 require 引入；另一种是使用 bab
阅读全文
摘要：概述 今天使用 element 库的 date picker 组件，使用日期范围，然后使用了 disabledDate 属性，把 2018 年 1 月和 2020 年 12 月之后的日期全部 disable 掉的时候，出现了一个小坑，就是点击2018 年 1 月和 2020 年 12 月的时候， 点
阅读全文
摘要：概述 今天在玩 jest 的时候，发现用 import 就会报 Unexpected identifier 的错误。查了很久的资料，最后终于解决了。 参考资料： "Jest tests can't process import statement" 解决方案 1.首先需要安装下面2个库： 注意 版本
阅读全文
摘要：概述 以前开发项目的时候，总是分不清楚 preventDefault 和 stopPropagation，每次都是用 试一下，不能就用 试一下。今天来好好总结一下这2个东西，记录下来，供以后开发时参考，相信对其他人也有用。 参考资料： "preventDefault()、stopPropagatio
阅读全文
摘要：概述 这几天玩 jest ，我在运行单元测试之后 coverage 总是显示 unknown，花了很多时间排查原因，最后终于想明白了，记录下来，供以后开发时参考，相信对其他人也有用。 coverage参数 首先最可能的原因是，命令中没有带 参数。一般 github 的 issue 里面都是说的这个原
阅读全文
摘要：概述 今天学习 jest，看文档的时候发现 jest 用到了 Object.is()，以前没有见过，所以记录下来，供以后开发时参考，相信对其他人也有用。 注意：Object.is的文档在 "这里" Object.is 如果下列任何一项相同，则 Object.is(value1, value2) 返回
阅读全文
摘要：概述 今天在项目中用到了 getBoundingClientRect 和 requestAnimFrame ，查了下它们的polyfill，记录下来，供以后开发时参考，相信对其他人也有用。 getBoundingClientRect getBoundingClientRect 的 polyfill如
阅读全文
摘要：概述 最近最近做项目的时候总会思考一些大的 应用设计模式相关 的问题，我把自己的思考记录下来，供以后开发时参考，相信对其他人也有用。 组件自身的store 我们在开发组件的时候，时常都有这种需求，就是希望 给组件一个独立的store ，这个store可能被用来储存数据，共享数据，还可以被用来对数据做
阅读全文
摘要：概述 今天在做 Vue 移动端项目的时候遇到了 滚动穿透问题 ，在网上查资料后，选取了我觉得最好的方法，记录下来供以后开发时参考，相信对其他人也有用。 上层无需滚动 如果上层无需滚动的话， 直接屏蔽上层的 touchmove 事件 即可。示例如下： 上层需要滚动 如果上层需要滚动的话，那么固定的时候
阅读全文
摘要：概述 今天我用homebrew安装Mysql8.0，安装完成之后， 用Workbench和Sequel Pro连接数据库都失败了 ，并且都报caching_sha2_password相关的错误，经过查资料，原因是Mysql8.0的默认认证方式改用sha2了，但是 Workbench 和 Sequel
阅读全文
摘要：概述 今天我用 js给dom元素设置样式 ，碰到了一些问题，记下来供以后开发时参考，相信对其他人也有用。 心得 1. js加上class: $dom.classList.add('some class'); 2. js去除class: $dom.classList.remove('some clas
阅读全文
摘要：概述 今天同事说，nuxt.js的项目好像没有自动加前缀，我花了很长时间查找原因，最后终于发现，原来是没有加 .browserslistrc文件 。。。记录下来，供以后开发时参考，相信对其他人也有用。 browserslistrc Share target browsers between diff
阅读全文
摘要：概述 最近最近做项目的时候总会思考一些大的 应用设计模式相关 的问题，我把自己的思考记录下来，供以后开发时参考，相信对其他人也有用。 二次封装组件 PM的需求无奇不有，所以很多时候，我们使用的组件满足不了PM的需求，怎么办呢？比如，组件需要传入一个数组，但是我们必须传2个变量；或者我们需要在组件fo
阅读全文
摘要：概述 最近最近做项目的时候总会思考一些大的 应用设计模式相关 的问题，我把自己的思考记录下来，供以后开发时参考，相信对其他人也有用。 store里面响应数据变化 通常情况下，我们会把数据存在store里面，并且，有时我们也需要跟踪store里面的数据变化，并作出响应。例子如下： 如上所示，当stor
阅读全文
