摘要:
资源链接查找BootCDN:https://www.bootcdn.cn/ 浏览器市场占有率:https://caniuse.com/usage-table 印记中文:https://docschina.org/ 阅读全文
摘要:
适配iPhoneX底部的小黑条 一、场景 由于iPhoneX去掉了物理按键,改为了底部小黑条,这就会导致屏幕适配问题,最常见的场景就是底部fixed的元素被阻挡的情况。对于这种问题,我们一般采取css或js的处理方式(适用于h5,小程序)。 二、css适配方案(推荐) 第一步:设置网页的头部标签 < 阅读全文
摘要:
样式问题 1、修改组件样式不生效 加/deep/ /deep/ .uni-navbar--border{ border-bottom-width: 0 !important; } 2、input的placeholder样式 需要使用placeholder-class属性设置一个类名 <input t 阅读全文
摘要:
vuex-刷新页面state数据消失 一、Vuex 一个状态管理的插件,可以解决不同组件之间的数据共享和数据持久化,解决组件之间同一状态的共享问题。 Vuex优势:相比sessionStorage,存储数据更安全,sessionStorage可以在控制台被看到。 Vuex劣势:在刷新页面后,vuex 阅读全文
摘要:
md5数据加密 app.js文件中引入加密文件md5.js import { hexMD5 } from "./md5.js" 1、签名规则 1)参数名根据ASCII码从小到大排序; 2)参数名区分大小写; 3)sign参数不参与签名; 4)生成url-encode的请求字符串(例如:code=1& 阅读全文
摘要:
加密方式 1、对称加密-AES 密钥只有一个,发送和接收双方都使用这个密钥对数据进行加密和解密。 务端和客户端都必须知道密钥,服务端需要把密钥发送给客户端,不安全的。 2、非对称加密-RSA 客户端发送请求,客户端数据通过公钥加密,服务端通过私钥解密。 客户端接受数据,需要服务端用公钥加密,然后客户 阅读全文
摘要:
requestAnimationFrame 帧动画 1、与 setTimeout、setInterval的优势主要有两点: 每一帧中的所有DOM操作集中起来,在一次重绘或回流中就完成,并且重绘或回流的时间间隔紧紧跟随浏览器的刷新频率,一般来说,这个频率为每秒60帧。 在隐藏或不可见的元素中,requ 阅读全文
摘要:
封装-时间 一、创建多个倒计时 封装 /** * 倒计时,支持多个倒计时的创建 */ export class Timer { constructor(initObj) { initObj = initObj || {}; this.intervalTimer = initObj.intervalT 阅读全文
摘要:
Watcher分类 computed-watcher 数据变 →使用数据的计算属性变 → 使用计算属性的视图变 每个computed属性都创建一个watcher(正是computed-watcher),并添加到相关data属性值的订阅者队列(deep)。 watcher的回调函数正是computed 阅读全文
摘要:
重绘和回流 一、浏览器渲染机制 采用流式布局模型(Flow Based Layout) 浏览器会把HTML解析成DOM(DOM树),把CSS解析成CSSOM(CSS规则树),DOM和CSSOM合并就产生了渲染树(Render Tree)。 有了RenderTree,我们就知道了所有节点的样式,然后计 阅读全文