摘要：
前言 在早期如果想要对某一些样式进行动态计算，绝大多数的做法都是使用JavaScript来进行，当时的CSS在面对这种场景显得有点无能为力。但是，当CSS3中新增了calc函数时，面对这种场景，JavaScript不再是我们的第一选择，我们只用 CSS 就可以进行相当复杂的计算了。在使用calc的过 阅读全文
摘要：
前言 今天分享一个炫酷的碎片式切图效果，这个其实在自己的之前的博客上有实现过，本人觉得这个效果还是挺炫酷的，这次还是用我们的canvas来实现，代码量不多，但有些地方还是需要花点时间去理解的，需要点数学几何理解能力，老规矩，我们还是先看效果再来看实现步骤。 如果这篇文章有帮助到你，❤️关注+点赞❤️ 阅读全文
摘要：
前言 最近总是梦见一些小时候的故事，印象最深刻的就是夏天坐在屋顶上，看着满天的繁星，一颗，两颗，三颗...不由自主地开始了数星星的过程。不经意间，一颗流星划过夜间，虽然只是转瞬即逝，但它似乎比夜空中的其它繁星更吸引着我。听老人说，看见流星的时候许愿，愿望是可以实现的，此时早已把数星星抛之脑后，开始期 阅读全文
摘要：
前言 相信大家在工作中都遇到过这样一些奇怪的问题： 1.为什么我写的z-index没有生效？ 2.为什么z-index大的元素却没有盖住z-index小的元素？ 3.如何让父元素盖住子元素呢？ 以上这些问题都跟CSS层叠上下文有关，带着上面这些问题我们一起来了解一下什么是CSS层叠上下文，以及这些奇 阅读全文
摘要：
先从‘诡异’的问题入手 例1： 纯Number类型的属性 const obj = { 1: 1, 6: 6, 3: 3, 2: 2 } console.log('keys', Object.keys(obj)) // ['1', '2', '3', '6'] 返回的key为什么自动按照升序排序了？ 阅读全文
摘要：
shadow dom 是什么？ 顾名思义，shadow dom直译的话就是影子dom，但我更愿把它理解为DOM中的DOM。因为他能够为Web组件中的 DOM和 CSS提供了封装，实际上是在浏览器渲染文档的时候会给指定的DOM结构插入编写好的DOM元素，但是插入的Shadow DOM 会与主文档的DO 阅读全文
摘要：
前言 写过hybrid的同学，想必都会遇到这样的需求，如果用户安装了自己的APP，就打开APP或跳转到APP内某个页面，如果没安装则引导用户到对应页面或应用商店下载。这里就涉及到了H5与Native之间的交互，为什么H5能够唤起APP并且跳转到对应的页面？ 就算你没写过想必也体验过，最常见的就是抖音 阅读全文
摘要：
相信很多人会好奇Vue内部的更新机制，或者平时工作中遇到的一些奇怪的问题需要使用$nextTick来解决，今天我们就来聊一聊Vue中的异步更新机制以及$nextTick原理 Vue的异步更新 可能你还没有注意到，Vue异步执行DOM更新。只要观察到数据变化，Vue将开启一个队列，并缓冲在同一事件循环 阅读全文
摘要：
前言 移动互联网发展至今，各种移动设备应运而生，但它们的物理分辨率可以说是五花八门，一般情况UI会为我们提供375尺寸的设计稿，所以为了让H5页面能够在这些不同的设备上尽量表现的一致，前端工程师就不得不对页面进行移动端适配了。 「如果这篇文章有帮助到你，❤️关注+点赞❤️鼓励一下作者，文章公众号首发 阅读全文
摘要：
前言 我们知道一个页面通常由，html，css，js三部分组成，一般我们会把css文件放在head头部加载，而js文件则放在页面的最底部加载，想要知道为什么大家都会不约而同的按照这个标准进行构建页面，必须先得了解页面的加载过程。（当然以现在的技术你也可以不按这个标准，下面会有讲到js的异步加载问题） 阅读全文
摘要：
前言 我们知道HTTP是浏览器中最重要且使用最多的协议，它不仅是浏览器与服务端的通信语言，更是互联网的基石。随着浏览器的不断更新迭代，HTTP为了适应技术的更新也在不断进化，学习HTTP的最佳途径就是从浏览器的发展视角来了解HTTP的演进：即将完成使命的HTTP/1、正在向我们走来的HTTP/2、未 阅读全文
摘要：
前言 随着互联网发展至今，对于网站来说，性能显的越来越重要了，CSS作为页面渲染和内容展现的重要环节，影响着用户对整个网站的第一体验。所以，我们需要重视与CSS相关的性能优化。 项目开发初期我们可能因为各种原因（很大一部分原因是因为项目工期，产品往往把项目上线时间卡的死死的，根本不听你说的什么性能优 阅读全文
摘要：
前言 本文会对Vue中一些常见的重要知识点以及框架原理进行整理汇总，意在帮助作者以及读者自测Vue的熟练度以及方便查询与复习。金三银四的到来，想必vue会是很多面试官的重点考核内容，希望小伙伴们读完本文，能够有一定自我提升，也希望这篇文章能够为大家的面试的保驾护航～ 如果这篇文章有帮助到你，❤️关注 阅读全文
摘要：
前言 算法对于前端程序员来说可能并没有后端程序员应用的多，但我们也得掌握一些基本算法的思想，这无论是对我们找工作还是平时工作都有极大的帮助，现在越来越多的公司都会考察前端程序员的算法能力了，所以我们有必要去学习一下前端常见算法的基本思想。 如果这篇文章有帮助到你，❤️关注+点赞❤️鼓励一下作者，文章 阅读全文
摘要：
前言 说起KFC，大家都知道是肯德基🍟，但面试官问你什么是BFC、IFC、GFC和FFC的时候，你是否能够像回答KFC是肯德基时的迅速，又或者说后面这些你根本就没听说过，作为一名前端开发工程师，以上这些FC(Forrmatting Context)你都得知道，而且必须得做到像肯德基这样印象深刻。下 阅读全文