阿乐のBlog

一、单行文本的居中1.文字水平居中1<div class='box' style="text-align: center;">hello world</div> 2.文本垂直水平居中1<div class="box2" style="width:150px;height:100px;line-height: 100px;">文本垂直水平居中</div> 二、多行文本的垂直居中通过verticle-align:middle实现CSS垂直居中。通过vertical-align:middle实现CSS垂直居中是最常使用的方法，但是有一点需要格外注意，vertical生效的前提是元素的display：table-cell。 2、通过display:flex实现CSS垂直居中。随着越来越多浏览器兼容CSS中的flexbox特性，所以现在通过“display:flex”实现CSS水平居中的方案也越来越受青睐。 通过display:flex实现CSS垂直居中的方法是给 ...

简要：整个在浏览器的渲染过程中（页面初始化，用户行为改变界面样式，动画改变界面样式等）reflow(回流)和repaint(重绘) 会大大影响web性能，尤其是手机页面。因此我们在页面设计的时候要尽量减少reflow和repaint。 什么是reflow和repaint（原文链接：http://www.cnblogs.com/Peng2014/p/4687218.html） reflow：例如某个子元素样式发生改变，直接影响到了其父元素以及往上追溯很多祖先元素（包括兄弟元素），这个时候浏览器要重新去渲染这个子元素相关联的所有元素的过程称为回流。 reflow：几乎是无法避免的。现在界面上流行的一些效果，比如树状目录的折叠、展开（实质上是元素的显 示与隐藏）等，都将引起浏览器的 reflow。鼠标滑过、点击……只要这些行为引起了页面上某些元素的占位面积、定位方式、边距等属性的变化，都会引起它内部、周围甚至整个页面的重新渲 染。通常我们都无法预估浏览器到底会 reflow 哪一部分的代码，它们都彼此相互影响着。 repaint：如果只是改变某个元素的背景色、文 字颜色、边框颜色等等不影 ...

for    最简单的一种循环遍历方法，也是使用频率最高的一种，可优化 1234567var arr = [1, 2, 3, 4, 5, 6]for(var i = 0; i < arr.length; i++) { console.log(arr[i])}// 1 2 3 4 5 6123456     优化：使用临时变量，将长度缓存起来，避免重复获取数组长度，当数组较大时优化效果才会比较明显 12345678var arr = [1, 2, 3, 4, 5, 6]var len = arr.lengthfor(var i = 0; i < len; i++) { console.log(arr[i])}// 1 2 3 4 5 61234567 for…in…    这个循环用的人也很多，但是效率最低（输出的 key 是数组索引） 1234567var arr = ['我', '是', '谁', '我', '在', ' ...

1、发送的数据数量在 GET 中，只能发送有限数量的数据，因为数据是在 URL 中发送的。 在 POST 中，可以发送大量的数据，因为数据是在正文主体中发送的。 2、安全性GET 方法发送的数据不受保护，因为数据在 URL 栏中公开，这增加了漏洞和黑客攻击的风险。 POST 方法发送的数据是安全的，因为数据未在 URL 栏中公开，还可以在其中使用多种编码技术，这使其具有弹性。 3、加入书签中GET 查询的结果可以加入书签中，因为它以 URL 的形式存在；而 POST 查询的结果无法加入书签中。 4、编码在表单中使用 GET 方法时，数据类型中只接受 ASCII 字符。 在表单提交时，POST 方法不绑定表单数据类型，并允许二进制和 ASCII 字符。 5、可变大小GET 方法中的可变大小约为 2000 个字符。 POST 方法最多允许 8 Mb 的可变大小。 6、缓存GET 方法的数据是可缓存的，而 POST 方法的数据是无法缓存的。 7、主要作用GET 方法主要用于获取信息。而 POST 方法主要用于更新数据。

jQuery 入口函数: 1234567$(document).ready(function(){ // 执行代码});或者(简写)$(function(){ // 执行代码}); JavaScript 入口函数: 123window.onload = function () { // 执行代码} jQuery 入口函数与 JavaScript 入口函数的区别： jQuery 的入口函数是在 html 所有标签(DOM)都加载之后，就会去执行。 JavaScript 的 window.onload 事件是等到所有内容，包括外部图片之类的文件加载完后，才会执行。