摘要：
在使用react的项目中一般都有兼容性问题，特别是使用了组件库比如element-react或者ant-design等等，在ie下多少都会有点小问题，比如样式不正确，或者组件功能失效，甚至白屏等问题。 IE白屏问题 一般情况下，白屏的问题在index.html中引入这两个js就能解决 <!--兼容i 阅读全文
摘要：
页面可见性API——Page Visibility API全屏API——Full Screen 访问摄像头和麦克风——getUserMedia API 电池API——Battery API 预加载——Link Prefetching 监听屏幕旋转变化接口: ——orientationchange 手 阅读全文
摘要：
前言 css中裁剪和遮罩相关的属性一般来说是比较少用到的，但是最近写项目的时候遇到一个问题，要给一张图片上加个白色遮罩，产生合成效果，这就不得不用到css遮罩相关的属性，顺便把裁剪相关属性一起学习来，做个总结，接下来就进入正文 clip-path clip是css中第一个用来裁剪的属性，但是由于新的 阅读全文
摘要：
摘要 JavaScript 和排名前 3 名的 UI 框架将继续继续火热； Svelte 将会继续发展 云计算，服务器端编程和 JAMStack 会不断增长； 预处理和性能优化才是未来； WASM 为Web 带来了很多运算能力； aterial Design、圆角、渐变和深色主题模式是当前的设计趋势 阅读全文
摘要：
浏览器基本的工作流程 进入主话题之前，先罗列一下浏览器的主要构成： 用户界面－ 包括地址栏、后退/前进按钮、书签目录等，也就是你所看到的除了用来显示你所请求页面的主窗口之外的其他部分 浏览器引擎－ 用来查询及操作渲染引擎的接口 渲染引擎－ 用来显示请求的内容，例如，如果请求内容为html，它负责解析 阅读全文
摘要：
“前端框架真的太香了，香到我都不敢徒手撕 DOM 了！” 虽然绝大多数前端er都有这样的困扰，但本着基础为大的原则，手撕 DOM 应当是一个前端攻城狮的必备技能，这正是本文诞生的初衷 —— DOM 并没有那么难搞，如果能去充分利用它，那么你离爱上它就不远了。 三年前我初入前端坑的时候，发现了一个叫做 阅读全文
摘要：
css3新增属性有哪些？来提问这个问题的人都应该知道css3是css的升级版本，那么，css3既然是升级版本，自然是会新增一些属性，接下来本篇文章将给大家介绍关于css3中常用的新增属性。 一、css3新增边框属性 1、css3新增属性之border-color：为边框设置多种颜色 p{ borde 阅读全文
摘要：
输入URL到页面加载发生了什么？通过连接这个过程，然后针对性地对每个过程进行优化，最终实现的就是我们的前端性能优化。本篇文章主要介绍一些基础性的概念，很少涉及真正的性能优化。 具体过程？ 打开浏览器，输入URL，到页面展示出来，这个中间大致经历了这些过程： 输入URL DNS解析 TCP握手 HTT 阅读全文
摘要：
1.video标签 支持firefox自动播放 谷歌、ie不支持自动播放 <video controls="controls" autoplay="autoplay" name="media"><source src="./img/music.mp3" type="audio/mpeg"></vid 阅读全文
摘要：
可能大家都知道，js执行会阻塞DOM树的解析和渲染，那么css加载会阻塞DOM树的解析和渲染吗？接下来，我们就一起来分析一下。 原理解析 那么为什么会出现上面的现象呢？我们从浏览器的渲染过程来解析下。 不同的浏览器使用的内核不同，所以他们的渲染过程也是不一样的。目前主要有两个： webkit渲染过程 阅读全文