最近整理了一份HTML/CSS/JS编码规范，供大家参考。 目录： 一、HTML编码规范 二、CSS编码规范 三、JS编码规范一、HTML编码规范1. img标签要写alt属性根据W3C标准，img标签要写alt属性，如果没有就写一个空的。但是一般要写一个有内容的，根据图片想要表…

作为前端学习者的我们 或多或少都要学些 CSS ，它作为前端开发的三大基石之一，时刻引领着 Web 的发展潮向。 而 CSS 作为一门标记性语言，可能 给初学者第一印象 就是简单易懂，毫无逻辑，不像编程该有的样子。在语法更新时，每当新属性提出，浏览器的兼容又会马上变成绊脚石，可…

系列教程第二篇，如何通过 Webpack 在项目中应用 CSS Modules

这是一个教你如何使用 CSS Modules 实现模块化的系列教程

Flex项目：采用Flex布局的元素的父元素的子元素；容器默认存在两根轴：水平的主轴和垂直的交叉轴；项目默认按主轴排列。 注意：设为flex布局后，子元素的float、clear和vertical-align属性将失效。 5、justify-content属性定义了项目在主轴上…

本文依旧是饿了么大前端知乎专栏出品 Chrome 和 Firefox 都在最近的一个版本（Chrome 57 和 Firefox 52）正式对 grid layout 进行了支持，前端布局再次到达了一个新的里程碑。本文带大家回顾一下网页开发的布局方案发展历史，以及对 Grid Layout 的介绍和探索。

什么是响应式？响应式的页面在不同的屏幕有不同的布局，换句话说，使用相同的html在不同的分辨率有不同的排版。如下图所示： 响应式布局是为了解决适配的问题，传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就好了。因为它是用的同样html，所以它的JS…