2023-07-12 1039 阅读 实用干货 🌋 🥚 掌握移动端适配三种视口的价值所在 通过这篇文章你将收获什么?明晰移动端三种视口存在的意义。对移动端适配的核心标签<metaname="viewport">中的width与initial-scale配置有一个清晰的认知,并且能够通过配置initial-scale解决实际问题对于flexible.js中设置initial-s
2022-11-24 1016 阅读 实用干货 🌋 💬 谈谈JS二进制:File、Blob、FileReader、ArrayBuffer、Base64 JavaScript提供了一些API来处理文件或原始文件数据,例如:File、Blob、FileReader、ArrayBuffer、base64等。下面就来看看它们都是如何使用的,它们之间又有何区别和联系。1.BlobBlob全称为binarylargeobject,即二进制大对象,它是JavaS
2022-09-18 2467 阅读 实用干货 🌋 📱 H5页面不同屏幕适配:纯CSS方案 UI给出的设计稿,一般是以iphone6屏幕大小为准,也就是宽高为375667,激进一些的还会使用414736的设计稿。在其他不同尺寸的屏幕上适配的问题也就由此诞生,一般新搭建的项目都要处理这个问题。常见方案目前市面上比较常见的有两种方案:rem方案、viewport方案rem方案通过计算屏幕宽度比
2022-08-18 2351 阅读 值得一看 🔍️ 😈 火爆全网的 Evil.js 源码解读 什么?黑心996公司要让你提桶跑路了?想在离开前给你们的项目留点小礼物?偷偷地把本项目引入你们的项目吧,你们的项目会有但不仅限于如下的神奇效果:当数组长度可以被7整除时,Array.includes永远返回false。当周日时,Array.map方法的结果总是会丢失最后一个元素。Array.filt
2022-08-15 1219 阅读 实用干货 🌋 📌 盘点Vue2和Vue3的10种组件通信方式 Vue中组件通信方式有很多,其中Vue2和Vue3实现起来也会有很多差异;本文将通过选项式API组合式API以及setup三种不同实现方式全面介绍Vue2和Vue3的组件通信方式。其中将要实现的通信方式如下表所示方式Vue2Vue3父传子propsprops子传父$emitemits父传子$attr
2022-08-12 1351 阅读 实用干货 🌋 ⚛ 你不应该依赖CSS 100vh,这就是原因! 如果有一个文本和一个按钮,我们想让文本粘在上面,而按钮粘在下面!使用CSSFlex似乎很容易做到。//HTML<divclassName="layout"><p>Loremipsumdolorsitamet...</p><button>SignUp&l