CSS 里面的伪元素其实是非常好用的，但是经常容易被大家忽略，伪元素里面常用到的 content 属性，可能现在很多人仅仅以为 content 属性的值只支持字符串，除了字符串外常用到的还有 uri、counter ，今天所要介绍的就是 c ...

1.伪元素+transform:translateX(-100%); 主要原理是设置文本居中text-align: center;，然后给定两个伪元素，分别绝对定位，那么此时伪元素也是跟随着水平居中的，设置足够的宽度，然后把左边的往左位移1 ...

1.图片向下撑大3像素问题 在一个盒子里面放一张图片，默认情况下，图片会向下撑大3像素，有以下几种解决方法： 1.1给图片添加display:block； 1.2给图片添加float:left； 1.3 给图片添加vertical-alig ...

在网页制作中，元素的显示隐藏是非常常见的需求。本文将介绍元素显示隐藏的9种思路 display 对于元素显隐来说，最常见就是display:none | display:block，但是使用这种方法有个问题，元素的display属性在隐藏前 ...

js是一个弱类型语言，同一个变量一会儿可以储存数据，一会儿可以存储字符串。 全局变量:直接定义的变量是全局变量，可以被所有的脚本所访问到。 局部变量：在函数定义里申明的变量。 重点：局部变量只在函数内有效，同一个变量名如果在同时出现，则局部 ...

分析页面执行速度，定位优化方向PageSpeed Insights时隔很久我又出现了，现在一个一个介绍我的这最近一段时间的PageSpeed Insights这个是我自己百度了一 ...

（给达达前端加星标，提升前端技能）​ 想要成为一名合格的Web前端工程师，Web前端性能优化是一个必须要掌握的知识，那么应该怎么进行Web前端性能优化呢？--达达前端Web前端性能优化原理问题​ 前端性能优化，资源的合并与压缩，图片编码的原 ...

今天给大家带来一篇自己翻译的干货《软件架构师之路》。本周Github上升很快的项目。其内容对致力于成为软件架构师（不论前后端）的同学应该都会有极大的帮助。 项目地址 中文地址 https://github.com/gamedilong/S ...

image 最近在对项目做 IE 11 兼容，由 IE 的缓存问题，引发我对于浏览器缓存策略的思考。 缓存类型 web缓存主要可以分为下面几类： 客户端缓存 服务端缓存 数据库缓存 这里我们主要关注客户端，也就是浏览器缓存。 浏览器和服务 ...

web（给达达前端加星标，提升前端技能）​ 了解浏览器是如何工作的，能够让你站在更高的角度去理解前端浏览器的发展历程的三大路线，第一是应用程序web化，第二是web应用移动化，第三是web操作系统化。是不是有点不直白。应用程序web化就是随 ...