摘要：
JS数据类型 1. 在计算机中，不同的数据所需要占用的空间是不同的，为了便于把数据分析称所需内存大小不同的数据，充分利用存储空间，于是定义了不同的数据类型 2. 简单数据类型 | 简单数据类型 | 说明 | 默认值 | | | | | | Number | 数字型，包含整型值和浮点型值 | 0 | 阅读全文
摘要：
响应式开发 1. 响应式开发原理 使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的 | 设备划分 | 尺寸区间 | | | | | 超小屏幕（手机） | =768px~=992px~=1200px | 2. 响应式布局容器 响应式需要一个父级作为布局容器，来配合子级元素来实 阅读全文
摘要：
rem布局 1. 技术选型 方案：采取单独制作移动页面方案 技术：布局采取rem适配布局（less rem+媒体查询） 设计图纸：750px尺寸 2. 相关文件夹结构 3. 设置视口标签以及引入初始化央视 ~~~html ~~~ 4. 设置公共的common.less文件 设置好最常见的屏幕尺寸，利 阅读全文
摘要：
移动端rem适应布局 1. rem rem（root em）是一个相对单位，类似于em，em是父元素字体大小。 不同的是rem的基准是相对于html元素的字体大小。 比如，根元素（html）设置font size=12px；非根元素设置width：2rem；则换成px表示24px 2. 媒体查询 使 阅读全文
摘要：
flex布局开发 1. 布局原理 flex时flexible Box的缩写，意为“弹性布局”，用来为盒子模型提供最大的灵活性，任何一个容器都可以定位flex布局 【注意】 当我们为父盒子设为flex布局以后，子元素的float、clear和vertical align属性将失效 伸缩布局=弹性布局= 阅读全文
摘要：
移动端流失布局 1. 移动端调试方法 Chrome Devtools（谷歌浏览器）的模拟手机调试 搭建本地web服务器，手机和服务器一个局域网内，通过手机访问服务器 使用外网服务器，直接ip或域名访问 2. 视口（viewport）就是浏览器显示页面内容的屏幕区域。视口可以分为布局视口、视觉视口和理 阅读全文
摘要：
网站的favicon图标 favicon.ico一般用于作为缩略的网站标志，它显示在浏览器的地址栏或者标签上。 制作favicon图标 把图片转换为png图片 把png图片转换为ico图标，这需要借助第三方转换网站，例如比特虫：http：//www.bitbug.net/ favicon图标放到网站 阅读全文
摘要：
CSS3的新特性 1. 新增CSS3特性有兼容性问题，ie9+才支持 2. 移动端支持优于PC端 3. 新增选择器和盒子模型以及其他特性 4. CSS新增选择器 属性选择器 属性选择器可以根据元素特定属性来选择元素，这样就可以不用借助于类或者id选择器 | 选择符 | 简介 | | | | | E[ 阅读全文
摘要：
html5新特性 【注意】这些新特性都有兼容性的问题，基本是IE9+以上版本的浏览器才支持，如果不考兼容性问题，可以大量使用这些新特性 1. html5新增的语义话标签 :头部标签 导航栏标签 内容标签 定义文档某个区域 侧边栏标签 尾部标签 【注意】 这种语义化标准主要是针对搜索引擎的 这些新标签 阅读全文
摘要：
CSS用户界面样式 1. 鼠标样式currsor ~~~ li{ cursor：pointer； } ~~~ 设置或检索在对象上移动鼠标指针采用何种系统预定义的光标形状 | 属性值 | 描述 | | | | | default | 默认 | | pointer | 小手 | | move | 移动 阅读全文