30分钟彻底弄懂flex布局欢迎大家前往腾讯云+社区，获取更多腾讯海量技术实践干货哦~/本文由elson发表于云+社区专栏目前在不考虑IE以及低端安卓机（4.3-）的兼容下，已经可以放心使用flex进行布局了。什么是flex布局以及它的好处，这里就不再赘述。在这篇文章里，想说说flex布局的属性语法及其细节。那么网上也...

　　scss用法的准备工作，下载考拉编译工具　　且目录的名字一定不能出现中文，哪里都不能出现中文，否则就会报错　　es6用法　　let和const 　　 　　let 　　声明变量的方式　　在{}代码块里面才有效；且在相同的代码块，不能声明两个相同的变量名，一旦出了这个{}代码块，此变量无效...

　　bootstrap：常用于后台开发，如学生管理系统，虽然稍显笨重，但也是一个开发的利器　　推荐下载3.3.7版本　　也可下载最新版4.3.1　　（最新版在手机端不起效果）　　且依赖jQuery的封装库，也就是说，想使用bootstrap的框架，必须引用jQuery的封装库　　bootstrap带有样式的标签：　　　...

　　label组件：包住表单的组件，将里面的表单和label里的元素，紧紧的包在一起，当触发label里的元素，就相当于触发了表单组件　　属性：for：类型　　字符串　　表单的id的值　　　　picker组件：是一个滚动选择器，在页面下半部分　　属性：　　　　mode：类型　　字符串　　选择器类型　　　　　　属性值：s...

　　Dpr：　　Dpr的全称（Devicepixelratio）像素设备比例：就是说每个设备像素上占有的css位像素的个数　　苹果手机常见的设备像素比：1.0安卓iPhone2.0 3.0 　　如果是1.0设计稿的宽度是多少，我们就写多少，如果是2.0我们所写的宽高，字体，等等都要是设计稿的一半（为...

　　1.渐变（gradients）　　　　水平渐变：lineargradient　　　　语法：background:linear-gradient(direction,color1,color2);　　　　　　direction介绍：　　　　　　　　1.这个参数可以省略，默认方向从上到下；　　　　　　　　2.这个阐述如...

　　1.选择器：　　　　标签选择器：　　　　class选择器：　　　　id选择器：　　　　后代选择器：divli　　div下所有li　　　　子代选择器：div>li　　div的所有子一代li元素　　　　交集选择器：div.class　　这个元素式div且类名叫class　　　　并级选择器：.class,.ad　　...

　　http协议：　　1.http：是网络传输协议；全称为：超文本传输协议；　　关系：客户端和服务器的关系；　　协议：就是一种规范；　　常见的http和https两种，https是http的升级版　　http协议：主要分request和reponse两种；　　request是请求浏览器跟服务器请求，就是告诉服务器，浏览...

　　正则：用于检索字符串的规则；　　js正则：　　varreg=/规则/　　reg是一个对象，在浏览器下；　　所以研究他的属性和方法　　属性：　　global是修饰符，代表全局检索　　g　　ignorecase　　忽略大小写的检索　　i　　multiline　　代表多行匹配　　m　　lastindex　　代表检索的起始...

　　php和js都是脚本语言；　　客户端与服务器之间的交互，都是传输协议来进行交互的，客户向服务器发送的数据叫请求request服务器向客户端传输数据叫响应response他们之间都是无状态的；　　无状态：服务器对客户端没有记忆功能；　　为了解决这个问题，引入两个技术一个是cookie，一个是session ...

　　window的三大功能：　　　　js引擎　　　　dom渲染　　　　　　获取行内中css的属性：　　　　chrome和Firefox加上ie9+（所谓的高级浏览器）用的方法：　　　　　　window.getComeputerStyle(div)　　　　ie9以下的低版本浏览器：　　　　　　div.currentSty...

　　延迟加载（懒加载）　　优化网页性能的一种方式，针对图片；　　什么时候图片可以加载？　　整张图片出现在可视区内就加载，滚轮卷走的高度（scrollTop），加上窗口的高度（clientHeight）大于等于图片的（相对定位加图片的高）offsetTop和offsetHeight　　说明整个图片在可视区　　而且图片的o...

　　3d立体坐标轴　　　如有不知道各种插件的怎么办？　　　　网上查，百度　　1.css选择器：　　　　1.id　　2.class　　3.标签　　4.子代　　5.后代　　6.交集　　7.并级　　8.通配符　　9.结构　　10.伪类　　11.属性　　12.相邻　　13.兄弟　　2.浏览器的内核　　　　谷歌的内核：webki...

　　1.将数据渲染到页面的几种方式　　　　1.字符串拼接　　　　2.dom循环　　　　3.模板　　　　4.文档碎片　　字符串拼接：　　优势：只进行一次dom回流　　缺点：原有的dom事件会消失　　案例分析：原有list中有3个li，并且每个li身上都有一个onmouseover的事件，但是为什么用字符串拼接，事件会消失...

　　1.跨域：不再同一服务器下，就是协议，域名，端口，有一个不一样；　　浏览器对于javascript的同源策略的限制；　　案例：　　　　以http://172.164.23:8088/　　为例　　　　相同域名：172.164.13　　（也称为ip地址）　　　　相同端口：:8088　　　　　　(端口)；　　　　相同协议...