

🥚 掌握移动端适配三种视口的价值所在
通过这篇文章你将收获什么?明晰移动端三种视口存在的意义。对移动端适配的核心标签<metaname="viewport">中的width与initial-scale配置有一个清晰的认知,并且能够通过配置initial-scale解决实际问题对于flexible.js中设置initial-s
标签 web 的文章
关于 《web》 的文章


通过这篇文章你将收获什么?明晰移动端三种视口存在的意义。对移动端适配的核心标签<metaname="viewport">中的width与initial-scale配置有一个清晰的认知,并且能够通过配置initial-scale解决实际问题对于flexible.js中设置initial-s


JavaScript提供了一些API来处理文件或原始文件数据,例如:File、Blob、FileReader、ArrayBuffer、base64等。下面就来看看它们都是如何使用的,它们之间又有何区别和联系。1.BlobBlob全称为binarylargeobject,即二进制大对象,它是JavaS


UI给出的设计稿,一般是以iphone6屏幕大小为准,也就是宽高为375667,激进一些的还会使用414736的设计稿。在其他不同尺寸的屏幕上适配的问题也就由此诞生,一般新搭建的项目都要处理这个问题。常见方案目前市面上比较常见的有两种方案:rem方案、viewport方案rem方案通过计算屏幕宽度比


什么?黑心996公司要让你提桶跑路了?想在离开前给你们的项目留点小礼物?偷偷地把本项目引入你们的项目吧,你们的项目会有但不仅限于如下的神奇效果:当数组长度可以被7整除时,Array.includes永远返回false。当周日时,Array.map方法的结果总是会丢失最后一个元素。Array.filt


Vue中组件通信方式有很多,其中Vue2和Vue3实现起来也会有很多差异;本文将通过选项式API组合式API以及setup三种不同实现方式全面介绍Vue2和Vue3的组件通信方式。其中将要实现的通信方式如下表所示方式Vue2Vue3父传子propsprops子传父$emitemits父传子$attr


如果有一个文本和一个按钮,我们想让文本粘在上面,而按钮粘在下面!使用CSSFlex似乎很容易做到。//HTML<divclassName="layout"><p>Loremipsumdolorsitamet...</p><button>SignUp&l


为什么JavaScript中的parseInt(0.0000005)打印5?一个惊人的问题!前言最近,我在开发项目时遇到了一个奇怪的问题,parseInt(0.0000005)===5。通常,输出0才是正确的,但为什么是5?让我们一起探讨这个问题。1.什么时候使用parseInt?首先,您通常什么时


最初,JavaScript没有import/export模块的方法。这是个很大的问题,想想如果现在让你把所有代码写在一个文件里,会是什么情况,你愿意去维护么?然后一些天才想了不同的方法把模块系统引入了JavaScript。最出名的就是这些,CJS,AMD,UMD,ESM下面来从这些方面一一介绍他们:


sass随着css工程化的普及,sass在前端工程中越来越举足轻重。当然sass并不局限于管理css全局变量、mixin之类的”脏活累活”。这篇文章会跟随工程化前端一步一步记录sass中那些不为人知但是又非常使用的小技巧分享给大家。内置函数sass官网提供了很多实用的内置函数,当然目前我也是在一步一


现代CSS布局使开发人员只需按几下键就可以编写十分有意义且强大的样式规则。上面的讨论和接下来的帖文研究了10种强大的CSS布局,它们实现了一些非凡的工作。超级居中:place-items:center对于第一个“单行”布局,让我们解决所有CSS领域中最大的谜团:居中。我想让您知道,使用place-i


0x00引言JWT(JSONWebTokens)是一个应用层消息保护开放标准RFC7519,规定了一种Token实现方式,以JSON为格式。它在近年来被广泛应用于各种认证机制中,但也存在被误用的风险及由此产生的安全问题。0X01JWTRFC7519将JWT定义为一种紧凑且自包含的方式,用于在各方之间


解构小技巧平常我们需要用到一个嵌套多层的对象中某些属性,会将其解构出来使用letobj={part1:{name:'零一',age:23}}//解构const{part1:{name,age}}=obj//使用console.log(name,age)//零一23这种情况下,你把name和age从p