自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

原创 虚拟dom

https://juejin.im/post/5d5d32e251882545e41e655d

2019-08-25 18:56:04 78

原创 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关注的人

提示
确定要删除当前文章?
取消 删除