方木头

何为前端工程化 前端工程化是指将软件工程的原理和方法应用到前端开发中，以提高开发效率、代码质量和可维护性。随着 Web 应用的复杂度不断增加，传统的前端开发方式已经难以满足...

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

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

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

入行前端已经6年了，一直有在掘金看技术文章的习惯。其实很早有想在掘金上写点什么，奈何个人技术水平太菜，实在不敢在各位大佬面前献丑；二来就是太懒，无法静下心来做一件事。但万事...

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

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

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

媒体查询的作用 媒体查询 顾名思义就是用来匹配媒体的,通过媒体查询的各个属性来匹配到 符合条件的媒体,然后将媒体查询内对应的规则作用于匹配到的媒体. 媒体可以是 屏幕类型,...

前言 在掘金多年，我一直是一个读者，从事前端快8年了，每天都在看一些视频和资料以及别人的日记，零零碎碎我也做过一些笔记，但是都不成体系。这些笔记至今留存在各种应用上，写了就...

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

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

var: 使用 CSS 定义的变量 calc:计算css值,通常用于计算元素的大小或位置 blur: 毛玻璃(高斯模糊)效果 gradient: 颜色渐变函数 var函数 ...

一:HTML5 新增的 语义化元素 < header > : 头部元素 < nav >: 导航元素 < section >: 定义文档某个区域的 元素 < article ...

利用元素的positon 可以对元素进行定位,常用取值有5个 static:默认值,静态定位(标准流布局) relative:相对定位 absolute:绝对定位 fixe...

问题现状 ES模块化支持的问题 众所周知，以前的浏览器是不支持ES module的，如 上面的一段代码，放在浏览器不能直接运行。于是，就出现了打包工具，他将index.js...