使用js如何手搓一个缩放条 前言 可以通过拖动按钮显示不同的进度，如何手搓一个缩放条，这是我们需要用的鼠标事件和鼠标定位。

一个能让你眼前一亮的交互式个人网站，从构思到部署上线，开发中遇到一些未知问题，也都通过查阅资料和源码一一解决

一、故事的开始 最近产品又开始整活了，本来是毫无压力的一周，可以小摸一下鱼的，但是突然有一天跟我说要做一个在网页端截屏的功能。 作为一个工作多年的前端，早已学会了尽可能避开麻烦的需求，只做增删改查就行

详细介绍使用HTML、CSS实现玻璃质感卡片悬停效果的技术，当鼠标悬停在图片上时，会渐变显示出现一个玻璃拟态风格的卡片元素，其中展示了更多的内容，同时页面背景颜色也会相对变化。朦胧感和层次感和空间感

其实就是主要分享一下从事 Web 开发工作 7 年以来的一些经验，顺便叨叨闲聊，感慨一下迷茫的人生、憧憬一下缥缈的未来。

面试过程中面试官问到前端性能优化有哪些，当我咔咔一顿输出之后面试官追问：前端可以做的性能优化有哪些呢？ 前端优化大概可以有以下几个方向： 网络优化 页面渲染优化 JS优化 图片优化 webpack打包

本文将讲解一些写简历的技巧和正反面案例，让你了解大厂员工写简历的技巧。一份优质的简历应该围绕简历命名、个人信息、教育经历、个人技能特长，工作经历、项目经历进行撰写，注意把信息梳理清楚，干净明了的展示

Babel是一个source to source（源码到源码）的JavaScript编译器。本文从Babel的编译流程介绍Babel插件从入门到实战。

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理