摘要: 前置知识:什么是rem CSS3新增的一个相对单位rem(root em,根em).rem是相对于根节点(或者是html节点).如果根节点设置了font-size:10px;那么font-size:1.2rem;字体大小等于12px。 前置知识:什么是dpr 在浏览器控制台中输入 window.de 阅读全文
posted @ 2020-09-10 17:01 Magi黄元 阅读(656) 评论(0) 推荐(0) 编辑
摘要: 基于 vue-cli3.0 的 lib-flexible 适配方案 第一步:下载安装相关依赖 第二步:创建 vue.config.js 文件并配置 第三步:在 main.js 中引入 lib-flexible 以上就是基于 lib-flexible 在 移动端H5 的适配处理方案。当然这不是唯一的方 阅读全文
posted @ 2020-09-10 16:08 Magi黄元 阅读(561) 评论(0) 推荐(0) 编辑
摘要: 在过去的一段时间里面一直在使用Vue配合 lib-flexible和px2rem-loader配合做移动端的网页适配。秉着求知的思想,今天决定对他的原理进行分析。目前网上比较主流使用的就是淘宝方案和网易的解决方案,所以今天我就从这两方面入手深度了解这两个方案。 网易转换rem分析 首先网易的设计稿是 阅读全文
posted @ 2020-09-10 15:14 Magi黄元 阅读(535) 评论(0) 推荐(0) 编辑
摘要: 这篇文章讲讲浏览器的事件循环(nodejs中的事件循环稍有不同),事件循环是js的核心之一,因为js是单线程,所以异步事件实现就是依赖于事件循环机制,理解事件循环可让我们更清晰的处理js异步事件和应对各种异步事件的面试题。 事件循环 首先,我们来解释下事件循环是个什么东西: 我们所知,浏览器的js是 阅读全文
posted @ 2020-09-10 10:55 Magi黄元 阅读(533) 评论(0) 推荐(0) 编辑
摘要: 【Loader】: 用于对模块源码的转换,loader描述了webpack如何处理非javascript模块,并且在buld中引入这些依赖。loader可以将文件从不同的语言(如TypeScript)转换为JavaScript,或者将内联图像转换为data URL。比如说:CSS-Loader,St 阅读全文
posted @ 2020-09-10 09:21 Magi黄元 阅读(2254) 评论(0) 推荐(0) 编辑