字符串的处理基本都会用正则表达式，用它来做字符串的匹配、提取、替换等很方便。 但是正则表达式的学习还是有些难度的，比如贪婪匹配、非贪婪匹配、捕获子组、非捕获子组等概念，不止初学者难...

性能监测篇：Performance、LightHouse 与性能 API 性能监测是前端性能优化的重要一环。监测的目的是为了确定性能瓶颈，从而有的放矢地开展具体的优化工作。 平时我们比较推崇的性能监测方案主要...

使用VitePress可以让我们快速搭建一个静态博客网站，这篇文章将带领大家搭建一个基于VitePress的静态博客网站并且部署到GitHub Pages(github提供的静态网页服务) 快速上手 新建目录并初始化(我...

SWR 是 vervel 公司开源的一个 npm 包，也是由 Next.js（React 框架）背后的同一团队创建。SWR 是一个 React Hook，用来简化 React 项目中获取远程数据的逻辑。 概述 对于 SWR 的由来及缓存策略...

网页开发中我们经常要处理用户交互，我们会用 addEventListener 添加事件监听器来监听各种用户操作，比如 click、mousedown、mousemove、input 等，这些都是由用户直接触发的事件。 那么对于一...

我们都知道,通常情况下我们使用 vue 大多都是用的 SFC(Signle File Component)单文件组件模式,即一个组件就是一个文件,但其实 Vue 也是支持使用 JSX 来编写组件的。这里不讨论 SFC 和 JSX 的好...

认识输入框 input 标签 输入框是我们网页中常见的元素，登录、注册、个人资料、收货地址等都需要用到输入框。而在 HTML 中，输入框的类型和属性都有很多，我们可以根据实际需求来决定使用哪一类...

写在开篇 html的内容，想要改变它的样式？比如颜色、字体、布局，等等，怎么破？CSS代码带你起飞！ css语法 css的语法非常简单，如下： 选择器 {属性: 值;属性:值} 例如： h2 {color: cornflo...

UI 同学设计了上图效果，两个颜色图形代表 a，b 两个数据的百分占比，难点在这个斜边的实现，但是掌握了 CSS 的 linear-gradient，也就没什么难事了。 linear-gradient() linear-gradient()  C...

喜欢就关注我们吧 作者 | 花椰菜菜 https://juejin.cn/post/7069397770766909476 文章篇幅会比较长，但是看完一定会收获满满~希望你坚持看下去呀~ Object.defineProperty() 作用：在一个对象上...