问题先行，如何使用 CSS 实现下述滚动条效果？ 就是顶部黄色的滚动进度条，随着页面的滚动进度而变化长短。 在继续阅读下文之前，你可以先缓一缓。尝试思考一下上面的效果或者动手...
发简信
IP属地：湖南
-
不可思议的纯 CSS 滚动进度条效果
-
冲冠一怒为代码：论程序员与负能量
冲冠一怒为代码：论程序员与负能量 （本文已被译为俄文和西班牙文，十分感谢译者们。） 此刻我正凝视着一段代码。这段代码，可以说是我见过的最烂的代码之一。为了更新数据库中的单条记...
-
「译」理解Javascript函数执行—调用栈、事件循环、任务等
现如今，web开发者（我们更喜欢被叫做前端工程师）用一门脚本语言就能做任何事情，从提供浏览器中的交互，到开发电脑游戏、桌面工具、跨平台移动应用，甚至可以在服务端部署（如最流行...
-
「前端词典」这些功能其实不需要 JS，CSS 就能搞定
直接入题 1. 每个单词的首字母大写 其实我第一次看到这个功能的时候就是使用 JS 去实现这个功能，想都没想 CSS 可以完成这个功能。马上就屁颠屁颠的写了一个方法： 写完这...
-
浏览器输入 URL 后发生了什么？
这是一道非常经典的题目，相信你被面试或者面试别人有非常大的概率接触过，也可能只是其中某一部分进行提问。这道题涵盖的知识点非常多，考察得比较全面，网上一搜也有成百上千篇文章，不...
-
静态网站生成器是如何工作的
在过去的几年里，开源静态网站生成器的数量增长迅速，StaticGen 上几乎找得到每一种语言实现的版本。静态网站相比动态网站具备无需依赖应用服务器，性能优越，部署简单等特点。...
-
jsonp的原理与实现
概述jsonp是一种跨域通信的手段，它的原理其实很简单： 首先是利用script标签的src属性来实现跨域。 通过将前端方法作为参数传递到服务器端，然后由服务器端注入参数之后...
-
Tree-Shaking性能优化实践 - 实践2篇
三. tree-shaking实践 [图片上传中...(image-c050ec-1566907647861-15)] webpack2 发布，宣布支持tree-shakin...
-
Tree-Shaking性能优化实践 - 原理篇
一. 什么是Tree-shaking [图片上传中...(image-1e0c64-1566907465560-23)] 先来看一下Tree-shaking原始的本意 [图片...
-
React 源码解析前言 适合有一定 React 项目经验阅读，默认对 React 的常用 api 较为熟悉 研究 React 源码是结合网上的一些分析文章＋自己看代码理解 最开始看是因为项目中...
-
React 源码解析前言 适合有一定 React 项目经验阅读，默认对 React 的常用 api 较为熟悉 研究 React 源码是结合网上的一些分析文章＋自己看代码理解 最开始看是因为项目中...
-
前端缓存最佳实践
前言 缓存，这是一个老生常谈的话题，也常被作为前端面试的一个知识点。 本文，重点在与探讨在实际项目中，如何进行缓存的设置，并给出一个较为合理的方案。 强缓存和协商缓存 在介绍...
-
一次弄懂Event Loop（彻底解决此类面试问题）
前言 Event Loop即事件循环，是指浏览器或Node的一种解决javaScript单线程运行时不会阻塞的一种机制，也就是我们经常使用异步的原理。 为啥要弄懂Event ...
-
css加载会造成阻塞吗？
之前面试今日头条的时候，今日头条面试官问我，js执行会阻塞DOM树的解析和渲染，那么css加载会阻塞DOM树的解析和渲染吗？所以，接下来我就来对css加载对DOM树的解析和渲...
-
教你从零开始搭建一款前端脚手架工具
前言 在实际的开发过程中，从零开始建立项目的结构是一件让人头疼的事情，所以各种各样的脚手架工具应运而生。笔者使用较多的yoeman，express-generator和vue...
-
ESLint里的规则教会我，无规矩 不编程编程风格要统一 编程风格这个东西，说实在的对于刚加入团队的新成员来说还是很难让人完全适应的。因为每人的编程风格都不同，完全是各有千秋的既视感啊 到了新公司后团队中的每个人也都...