VickyWu

慎终如始无败事

css揭秘

css揭秘 1、CSS编码技巧尽量减少代码重复在某些值相互依赖时，应把他们的相互关系用代码表示出来。如:行高是字号的2倍，font-size:20px(可使用百分比和em);line-height:2; 代码易维护和代码量少不可兼得如:border-width:10px 10px 10px 5px,(代码量少); 如:border-width:10px; borde...

Posted by VickyWu on November 21, 2017

iphoneX适配

iphoneX适配使用安全区域 iPhone X的Safari浏览器中页面显示都具有边缘。内容自动设置在显示的安全区域内，不会被圆角或设备的传感器外壳遮挡住（俗称iPhone X的刘海）。如图：使用整个屏幕 <meta name='viewport' viewport-fit='cover'> viewport-fit 默认为auto，效果为上图。使用整个屏幕的...

Posted by VickyWu on November 10, 2017

vue钩子函数

vue钩子函数 vue生命周期简介 vue1.x与2.x生命周期对比 ps: 1.<keep-alive>包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们，因此当组件在 <keep-alive> 内被切换，它的 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行，而没有 beforeDestroy和destroyed这...

Posted by VickyWu on November 1, 2017

关于redux

关于redux 设计原则 1.唯一数据源 2.状态只读 3.数据改变只能通过纯函数完成（即reducer为纯函数）基本概念 1.store Store 就是保存数据的地方，你可以把它看成一个容器。整个应用只能有一个 Store。 Redux 提供createStore这个函数，用来生成 Store。 import { createStore } from 'redux'; cons...

Posted by VickyWu on August 10, 2017

关于富文本编辑器

原理： 1.嵌入一个iframe 2.对iframe中的body设置designMode=’on’或contentEditable=’on’ 3.对操作的click事件设置document.execCommand(命令名[,交互方式,动态参数])方法可视化编辑可以使用contentEditable或designMode ###designMode 只能将document整体设为编辑...

Posted by VickyWu on June 3, 2017

判断变量类型

利用typeof 语法类型 typeof(‘111’) string typeof(111) number typeof([111]) object typeof({1:1...

Posted by VickyWu on April 20, 2017

字符串编码

JavaScript中有三个可以对字符串编码的函数，分别是： escape,encodeURI,encodeURIComponent，相应3个解码函数：unescape,decodeURI,decodeURIComponent 。函数名用法参数返回值说明 es...

Posted by VickyWu on April 15, 2017

H5文件操作API

关于文件操作的几个重要JS对象 1.Blob对象 Blob是原始数据对象，提供了slice方法（获取某块数据），size（数据大小）、type（数据MIME类型）属性。 2.FileList对象 File对象的集合。 <input type="file" id="File"> var file=$("#File").files; 变量file即为FileList对...

Posted by VickyWu on April 4, 2017

h5文件操作API

关于文件操作的几个重要JS对象 1.Blob对象 Blob是原始数据对象，提供了slice方法（获取某块数据），size（数据大小）、type（数据MIME类型）属性。 2.FileList对象 File对象的集合。 <input type="file" id="File"> var fileList=$("#File").files; 变量fileList即为F...

Posted by VickyWu on March 13, 2017

画布与图片

将图片填充至画布 drawImage() 将画布生成图片 canvas.toDataURL() function drawCanvas(image) { var canvas=document.createElement('canvas'); canvas.width=image.width; canvas.height=image.height; c...

Posted by VickyWu on March 8, 2017