CSS命名就应该最简单.最直接,直捣黄龙.没有HTML标签,没有层级,这些通通滚蛋,不要.为什么不要,有三大原因: 1. 限制重用 我们会使用层级(#test .test),会使用标签(ul.test),可能是习惯(没多想),或是为了避免冲突.但是,我跟你说,从今以后,这种写法让他见鬼去吧(如果不是为了 改变CSS优先级的话).正如开篇论述的哲学观点,你限制越多,越抑制了CSS的重用性.例如#test .test{}这种写法,里面的CSS重用性多大,完全限死在了id为test的元素下,哪有重用性…

引子: 女孩子都喜欢买衣服,而我也不例外,奈何钱包太瘦,买不起高大上的定制,只能买撞衫率极高的休闲衣,不过对于我来说,我还是开心的,毕竟买衣服买的不仅是衣服,更是一种心情.在web前端的世界里,css里也充满了生活的艺术,都说,艺术源于生活,却高于生活,是对生活的一种升华,那么在css里,是个性化的定制好,还是模块化的量产好呢?这就要看各个项目了,这是一种权衡,一切离不开一个度,这世上没有最好的,只有最适合自己的,在web前端的世界里亦是如此. 假如你现在只是做自己的一个小博客,那么就需要你有自…

什么是css模块化思想?(what) 为了理解css模块化思想,我们首先了解下,什么是模块化,在百度百科上的解释是,在系统的结构中,模块是可组合.分解和更换的单元.模块化是一种 处理复杂系统分解成为更好的可管理模块的方式.它可以通过在不同组件设定不同的功能,把一个问题分解成多个小的独立.互相作用的组件,来处理复杂.大型的 软件.看完模块化,是不是有种拼图的即视感,可以把大图分成各个小图,然后把小图拼成大图,分与合的艺术感.那么css模块化思想,也就是在css编写环 境中,用上模块化的思想,把一个…

CSS模块化思想(一)--------命名是个技术活 引子: 女孩子都喜欢买衣服,而我也不例外,奈何钱包太瘦,买不起高大上的定制,只能买撞衫率极高的休闲衣,不过对于我来说,我还是开心的,毕竟买衣服买的不仅是衣服,更是一种心情.在web前端的世界里,css里也充满了生活的艺术,都说,艺术源于生活,却高于生活,是对生活的一种升华,那么在css里,是个性化的定制好,还是模块化的量产好呢?这就要看各个项目了,这是一种权衡,一切离不开一个度,这世上没有最好的,只有最适合自己的,在web前端的世界里亦是如此…

#Javascript模板及其中的数据逻辑分离思想 ##需求描述 项目数据库的题目表描述了70-120道题目,并且是会变化的,要根据数据库中的数据描述,比如,选择还是填空题,是不是重点题,题目总分是多少等等有条件地渲染出题目的内容,并且能做完后保存回数据库,打印出来. ##以前的实现 由后台(structs2+spring+ibaties)查询,扔出JSON ,前台就是无穷无尽的if,switch.一但有要修改,就要吐血了,也不知道要改多少个地方 ##思考与改进 结合自己的[正则表达式](htt…

1.在终端安装extract-text-webpack-plugin 2.引入插件 const extractTextPlugin = require("extract-text-webpack-plugin"); 3.配置 new extractTextPlugin('/css/index.css') module:{ rules: [ { test: /\.css$/, use: extractTextPlugin.extract({ fallback: "style-l…

转:https://blog.csdn.net/zqixiao_09/article/details/51088887 前面我们学习I2C.USB.SD驱动时,有没有发现一个共性,就是在驱动开发时,每个驱动都分层三部分,由上到下分别是: 1.XXX 设备驱动 2.XXX 核心层 3.XXX 主机控制器驱动 而需要我们编写的主要是设备驱动部分,主机控制器驱动部分也有少量编写,二者进行交互主要时由核心层提供的接口来实现:这样结构清晰,大大地有利于我们的驱动开发,这其中就是利用了Linux设备驱动开发…

一.CSS中的图片处理: 1.首先在网上随便找一张图片,在src下新建images文件夹,将图片放在文件夹内 2.在index.html中写入代码:<div id="pic"></div>来放置图片 3.设置图片的css #pic{ background-image: url(../images/pic.jpg); width: 80px; height: 80px; } 4.编写完成后,安装file-loader和url-loader 5.安装好后,进行配置:…

1.安装nodejs 2. 需要全局和项目安装webpack和webpack-dev-server npm install webpack webpack-dev-server -g npm install webpack webpack-dev-server --save-dev 本框架的功能如下: 1.babel babel-folyfill 处理js 2.css.less 自动编译成css文件并添加前缀 3.less语法编译 4.图片处理 5.开发环境页面自动刷新 6.resolve 解析…

CSS的设计思想,比如:CSS预处理器.CSS对像(OOCSS).SMACSS.Atomic设计和OrganicCSS等             一.CSS预处理器最重要的功能:      1.连接:通过 @import 来引入.css文件:            网站很小时,仅用作引入重置文件与 基本通用模块(如%btn{}的定义)      2.扩展:定义 %placeholder+@extend:          阅读:http://krasimirtsonev.com/blog/art…