方木头

一: 前端优化概览 web 前端的性能优化,个人认为大概可以分为两个阶段,一个是在开发过程中的优化,一个是在打包后的静态文件进行优化. 开发过程中的优化 包含防抖节流,逻辑优化,接口内容优化(如减少接

一:浏览器兼容性问题产生的原因 浏览器之所以有兼容性问题,是因为,在浏览器发展的历史过程中,有很多不同的浏览器,他们各自有各自的支持的node版本,css 样式,比如a 浏览器支持css2,而b浏览器

一: 认识source-map 我们的代码在浏览器上运行时,通常是打包压缩的 也就是真实跑在浏览器上的代码,和我们编写的代码其实是有差异的. 比如ES6 的代码 可能被转换成ES5; 比如对应的代码行

什么是 移动端适配? 移动互联网的快速发展,让人们已经越来越习惯于使用手机来完成大部分日常的事务. 移动开发目前主要包括三大类: 原生App开发(iOS,Android,RN,uniApp,Flutt

CSS 编写的痛点 CSS 作为一种样式语言,本身用来给HTML元素添加样式 是没有问题的. 但是目前前端项目已经越来越复杂,不再是简简单单的几行CSS 就可以搞定的,我们需要几千行甚至上万行的CSS

CSS 中的长度单位 CSS 中的长度单位 css 中的长度单位有px,em,rem,vw/vh等等. 这些长度单位整体可以分为两类: 绝对长度单位 相对长度单位 CSS 中的绝对单位: 绝对长度单位

媒体查询的作用 媒体查询 顾名思义就是用来匹配媒体的,通过媒体查询的各个属性来匹配到 符合条件的媒体,然后将媒体查询内对应的规则作用于匹配到的媒体. 媒体可以是 屏幕类型,如手机,电脑显示器,或者打印

FC-Fomatting Context FC的全称是 Formatting Context,元素在标准流里面都是属于一个FC的. Boxes in the normal flow belong to

有时候可能会看到有些 CSS 属性前面带有 -0-,-xv-,-ms-,-mso-,-moz-,-webkit- 官方文档专业术语叫做: vendor-specific extensions (供应商