摘要:
<link rel="stylesheet" type="text/css" href="../css/reset.css"> <link rel="stylesheet" type="text/css" href="../css/common.css"> 带../的相对在safari浏览器不生效 阅读全文
摘要:
foucs时无边框需设置outline input { border: 0; outline: none; } 调整checkbox高度居中方式: input[type=checkbox]{ vertical-align: -1px; } 阅读全文
摘要:
.bax { box-shadow: 0 0 12px #ddd; } box-shadow: h-shadow v-shadow blur spread color inset; h-shadow: 必需的。水平阴影的位置。允许负值 v-shadow: 必需的。垂直阴影的位置。允许负值 blur: 阅读全文
摘要:
html: <div class="imgBox"> <img src="http://www.jq22.com/img/cs/500x500-1.png" alt=""> </div> css: .imgBox { width:200px; height:200px; overflow:hidde 阅读全文
摘要:
一、文件引用规范 先说加载的规范,这个规范主要是为了提高页面加载速度或者是首屏的速度。 CSS 文件或样式在 head 标签中引用。页面的渲染需要 CSS,所以尽量早的让 CSS 文件加载出来。 JS 文件要放在 body 标签尾部。页面里加载和运行 JS 都会阻塞页面的渲染过程,所以把 JS 放在 阅读全文
摘要:
一、伪类选择器 在页面中,有时候同一个元素在不同动作下有不同的样式。比如链接在没有点击的时候有个样式,在鼠标放上去有另外的样式,还有在点击完成以后又会又一个样式。这几种情况下这个链接的标签并没有变化,有变化的只是它的状态,这时候就可以里用伪类来实现这个需求。在浏览器中,伪类的出现是为了向某些选择器添 阅读全文
摘要:
组合选择器:后代选择器、子元素选择器、兄弟选择器、交集选择器和并集选择器这几种复合选择器 一、后代选择器 后代选择器的语法是用空格分隔的多个选择器组合,它的作用是在 A 选择器的后代元素中找到 B 选择器所指的元素。它的语法形式就是:“选择器 A 选择器 B” ,例如: <!-- HTML --> 阅读全文
摘要:
基础选择器包括 ID 选择器、类选择器、标签选择器、通配符选择器和属性选择器这几种。 一、ID 选择器 Tips:1、ID 选择器只能对一个元素生效,同一个页面里不允许出现两个 ID 相同的元素。2、理论上 ID 选择器是效率最高的选择器。但是由于它只能选一个元素,特异性太高,在实际开发中也很少在 阅读全文
摘要:
工厂模式 (Factory Pattern),根据不同的输入返回不同类的实例,一般用来创建同一类对象。工厂方式的主要思想是将对象的创建与对象的实现分离。 一、生活实例 顾客,饭店,菜品 在类似场景中,这些例子有以下特点: 访问者只需要知道产品名,就可以从工厂获得对应实例; 访问者不关心实例创建过程; 阅读全文
摘要:
注册机制: //app.js let Api = require('./http/api.js') let request = require('./http/request.js') let config = require('./env/index.js') let env = 'dev' Ap 阅读全文