240 发简信
IP属地:湖南
  • 不可思议的纯 CSS 滚动进度条效果

    问题先行,如何使用 CSS 实现下述滚动条效果? 就是顶部黄色的滚动进度条,随着页面的滚动进度而变化长短。 在继续阅读下文之前,你可以先缓一缓。...

  • Resize,w 360,h 240
    冲冠一怒为代码:论程序员与负能量

    冲冠一怒为代码:论程序员与负能量 (本文已被译为俄文和西班牙文,十分感谢译者们。) 此刻我正凝视着一段代码。这段代码,可以说是我见过的最烂的代码...

  • 多网站项目的 CSS 架构

    复杂的 CSS 架构,可不是你在科班里能学到的东西。 我在互联网行业的第四份工作,是在我国一家领先的媒体新闻公司中任职一名 CSS/HTML 专...

  • 「译」理解Javascript函数执行—调用栈、事件循环、任务等

    现如今,web开发者(我们更喜欢被叫做前端工程师)用一门脚本语言就能做任何事情,从提供浏览器中的交互,到开发电脑游戏、桌面工具、跨平台移动应用,...

  • 「前端词典」这些功能其实不需要 JS,CSS 就能搞定

    直接入题 1. 每个单词的首字母大写 其实我第一次看到这个功能的时候就是使用 JS 去实现这个功能,想都没想 CSS 可以完成这个功能。马上就屁...

  • 浏览器输入 URL 后发生了什么?

    这是一道非常经典的题目,相信你被面试或者面试别人有非常大的概率接触过,也可能只是其中某一部分进行提问。这道题涵盖的知识点非常多,考察得比较全面,...

  • 静态网站生成器是如何工作的

    在过去的几年里,开源静态网站生成器的数量增长迅速,StaticGen 上几乎找得到每一种语言实现的版本。静态网站相比动态网站具备无需依赖应用服务...

  • jsonp的原理与实现

    概述jsonp是一种跨域通信的手段,它的原理其实很简单: 首先是利用script标签的src属性来实现跨域。 通过将前端方法作为参数传递到服务器...

  • Tree-Shaking性能优化实践 - 实践2篇

    三. tree-shaking实践 [图片上传中...(image-c050ec-1566907647861-15)] webpack2 发布,...