js
Harlan7
这个作者很懒,什么都没留下…
展开
-
ES6 常用方法记录
ES6 常用方法记录1.解构单层解构多层解构2.Array.from3.Array.of4.copyWithin5.fill6.find7. findIndex8.includes9.entries、keys、values10.flat12.flatMap 1.解构 单层解构 const baseObj = { a: 1, b: 2, c: 3 } const {b , ...obj) = baseObj console.log(b) // 2 console.log(obj) //原创 2020-06-12 15:11:27 · 195 阅读 · 0 评论 -
移动端页面适配之 vw
移动端页面适配之 vw第一步第二步 第一步 先用vue-cli快速构建出一个项目,然后,安装postcss,postcss-pxtorem,postcss-loader,postcss-import,postcss-url; 第二步 我用的vue-cli3,所以在 vue.config.js 文件的 exports 代码块中添加以下代码 module.exports = { "plugins": { "postcss-import": {}, "postcss-url": {},原创 2020-05-28 17:23:26 · 294 阅读 · 0 评论 -
移动端rem适配(vue&H5)-实践记录
移动端rem适配(vue&H5)-实践记录背景:第一步:第二步: 背景: 当有移动端适配需求的时候,需要纠结不同设备的不同展示方式,这个时候就需要rem,通过搜索资料并实践,得出了以下成果–以作个人记录(本项目为vue 项目) 第一步: 新建rem.js !function(n){ var e=n.document, t=e.documentElement, i=750, d=i/100, o="orientationchange"in n?"o原创 2020-05-28 10:44:49 · 868 阅读 · 0 评论 -
一个如牛奶般顺滑的回到顶部JS
背景:在项目里需要用到回到顶部,用直接定位或者锚点定位体验不好,于是总结了一下,封装成一个js js实体: ‘’’ export function scrollTopSmooth(position = 0) { // 不存在原生requestAnimationFrame,用setTimeout模拟替代 if (!window.requestAnimationFrame) { window.requ...原创 2019-08-14 10:24:34 · 245 阅读 · 0 评论