- 博客(9)
- 收藏
- 关注
原创 vue-cli单元化测试(更新中)
利用jest进行测试 新建jest.config.js module.exports = { moduleFileExtensions: [ 'js', 'jsx', 'json', 'vue' ], transform: { '^.+\\.vue$': 'vue-jest', '.+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|wof...
2019-08-31 23:26:24 158
原创 移动端适配方案
rem 媒体查询 vw,vh(安装postcss-px-to-viewport插件后进行简单配置就可以在页面直接使用px单位,项目编译后自动转换为对应的vw或vh属性) npm install postcss-loader autoprefixer postcss-px-to-viewport --save 以375px分辨率为例,100vw=375px,是宽度1%,1vm=3.75px #a...
2019-08-27 20:44:33 118
原创 js函数实现
// call实现 // 思路:将要改变this指向的方法挂到目标this上执行并返回 Function.prototype.mycall=function(context){ if(typeof this!=='function'){ throw new TypeError('not function'); } context=context||window; context.fn=...
2019-08-25 23:29:43 123
原创 vue优化实践
vue优化 v-if 和 v-show 区分使用场景 v-if是真正条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建;也是惰性的:如果在初始渲染时条件为假,则什么也不做——直到条件第一次变为真时,才会开始渲染条件块。 v-show 就简单得多, 不管初始条件是什么,元素总是会被渲染,并且只是简单地基于 CSS 的 display 属性进行切换。 所以,v-if 适...
2019-08-25 18:42:09 165
原创 ie8兼容性解决
css3媒体查询 在ie8的css位置引入respond.js ie8不支持html5新标签 html5shiv.js,在页面中引用html5shiv.js文件。必须添加在页面的元素内,因为IE浏览器必须在元素解析前知道这个元素,所以这个js文件不能在页面底部引用。 rem不兼容 在页面中引用rem.js文件。需要引用在页脚,也就是末尾,在所有css文件引用和DOM元素之后 background...
2019-08-21 08:55:44 155
原创 js设计者模式
观察者模式 class Event { constructor () { this.callbacks = {} } $off (name) { this.callbacks[name] = null } $emit (name, args) { let cbs = this.callbacks[name] if (cbs) { ...
2019-08-09 08:58:01 280
原创 easyswoole table缓存
在EasySwooleEvent.php中的mainServerCreate方法,增加如下内容: use EasySwoole\FastCache\Cache; use EasySwoole\FastCache\CacheProcessConfig; use EasySwoole\FastCache\SyncData; use EasySwoole\Utility\File; // 每隔5秒将...
2019-08-07 21:09:40 861
原创 vue单元化测试(vue-cli3)
chai equal(4+5).to.be.equal(9); equal(4+5).to.be.not.equal(10);//判断4+5不等于10 equal({foo:'bar'}).to.be.deep.equal({foo:'bar'}); //判断类型 equal(true).to.be.ok;//判断是true equal(false).to.not.be.ok;//判断false ...
2019-08-07 16:40:27 1093
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人