2018年07月_brain_bo

原创 position实现块级元素垂直居中

块级元素垂直居中（position方法），css部分：*{padding: 0;margin: 0;}body,html,.wrap{width: 100%;height: 100%;}.wrap{background: red;position: relative;}.box{position: absolute;top: 50%;left: 50%;transform: tran...

2018-07-27 09:01:27 1642

原创用Flex布局实现块级元素垂直居中

块级元素垂直居中（Flex布局方法）：css部分： *{padding: 0;margin: 0;}body,html,.wrap{width: 100%;height: 100%;}.wrap{background: yellow;display: flex;-webkit-display: flex;align-items: center;-webkit-align-items: c...

2018-07-27 00:01:40 2638

原创浏览器内核分别是什么

IE内核: TridentFirefox内核：GeckoSafari内核：WebkitOpera内核：Presto——>BlinkChrome内核：Blink

2018-07-25 18:07:22 6114

原创 JQuery~post和get有何异同

相同点：都是异步请求的方式来获取服务端的数据；异同点：1、请求方式不同：$.get() 方法使用GET方法来进行异步请求的。$.post() 方法使用POST方法来进行异步请求的。2、参数传递方式不同：get请求会将参数跟在URL后进行传递，而POST请求则是作为HTTP消息的实体内容发送给Web服务器的，这种传递是对用户不可见的。3、数据传输大小不同：get方式传输的数据大小...

2018-07-25 18:03:23 199

原创简化版的AJAX

AJAX异步请求$.ajax({ url: 'https://www.baidu.com',//请求路径 type: 'post',//请求方式 data: data,//请求数据 dataType: 'json',//数据格式 cache: true,//请求缓存 async: true,//是否异步，默认true success: function(data){...

2018-07-25 17:33:22 791

原创 JavaScript~数组去重方法

方法一：for循环for(var i=0;i<arr.length;i++){ for(var j=i+1;j<arr.length;j++){ if(arr[i] == arr[j]){ arr.splice(j,1); i--; } }}方法二：indexOfvar tem...

2018-07-25 16:14:25 112

原创 JJavaScript数组（Array对象）相关属性和方法

Array对象属性length //返回数组元素的长度（个数），从0开始计算；prototype //向对象添加属性和方法constructor //返回创建数组对象的引用 Array对象方法concat() //合并数组，返回合并结果join() //将数组放进一个字符串里，元素通过指定的分隔符进行分割slice() //从数组返回选中的元素rece...

2018-07-25 14:09:56 383

原创 JQuery之DOM操作详解~~添加、删除、查找、创建、复制、移动节点

（1）创建节点 document.createElement()；//创建元素节点document.createTextNode()；//创建文本节点document.createAttribute()；//创建属性节点（2）添加、删除、替换、插入、复制appendChild()；//添加removeChild()；//删除replaceChild()；/...

2018-07-25 11:47:19 1083

原创雅虎34铁规

前端性能优化34条1、尽量减少HTTPS请求次数2、减少DNS查找次数3、避免跳转4、可缓存的AJAX，异步请求5、推迟加载内容，lazyload6、预加载，less，sass，stylus7、减少DOM元素数量8、根据域名划分页面内容9、使iframe的数量最小（建议不要用复iframe）10、不要出现404错误11、使用内容分发网络12、为文件头...

2018-07-20 17:20:25 162

原创 CSS经典布局~圣杯布局

为了实现中间自适应，两边固定的最好解决方法,话不多说，直接撸代码吧。HTML部分：<div class="wrap"> <div id="header"></div> <div class="container"> <div class=&

2018-07-19 11:48:17 4070 4

brain_bo的博客