VickyWu

慎终如始无败事

css揭秘

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

iphoneX适配

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

vue钩子函数

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

关于redux

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

关于富文本编辑器

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

判断变量类型

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

字符串编码

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

H5文件操作API

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

h5文件操作API

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

画布与图片

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