简要:整个在浏览器的渲染过程中(页面初始化,用户行为改变界面样式,动画改变界面样式等)reflow(回流)和repaint(重绘) 会大大影响web性能,尤其是手机页面。因此我们在页面设计的时候要尽量减少reflow和repaint。 什么是reflow和repaint(原文链接:http://www.cnblogs.com/Peng2014/p/4687218.html) reflow:例如某个子元素样式发生改变,直接影响到了其父元素以及往上追溯很多祖先元素(包括兄弟元素),这个时候浏览器要重新去渲染这个子元素相关联的所有元素的过程称为回流。 reflow:几乎是无法避免的。现在界面上流行的一些效果,比如树状目录的折叠、展开(实质上是元素的显 示与隐藏)等,都将引起浏览器的 reflow。鼠标滑过、点击……只要这些行为引起了页面上某些元素的占位面积、定位方式、边距等属性的变化,都会引起它内部、周围甚至整个页面的重新渲 染。通常我们都无法预估浏览器到底会 reflow 哪一部分的代码,它们都彼此相互影响着。 repaint:如果只是改变某个元素的背景色、文 字颜色、边框颜色等 ...
1、创建var arrayObj = new Array();var arrayObj = new Array([size]);var arrayObj = new Array([element0[, element1[, …[, elementN]]]]); 12345var array11 = new Array(); //空数组var array12 = new Array(5); //指定长度,可越界var array13 = new Array("a","b","c",1,2,3,true,false); //定义并赋值var array14=[]; //空数组,语法糖var array15=[1,2,3,"x","y"]; //定义并赋值 2、访问与修改var testGetArrValue=arrayObj[1]; arrayObj[1]= “值”; 1234567891011//2、访问与修改array12[8]="hello array ...
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. 索引数组就是数组的下标是数字其实这是关联数组的简写方式举个例子arr[0] 其实他是arr[“0”] 的简写方式所以索引数组的本质上是关联数组 2.关联数组关联数组的定义就是数组里面的下标为字符串例如arr[“index”] 可以简写为arr.index 这时候有人会问为什么上面的arr[“0”]不简写为arr.0有一个很重要的原因就是 和js里面的小数冲突了 所以简写方式用[]代替
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 方法主要用于更新数据。
如果子元素符合过滤器中条件而父元素不符合的话,是不会删除符合条件的子元素,即过滤器中条件只能作用于同级,不能作用于子元素。 $(selector) 语法的返回结果是一个元素的列表,即:将 $(“#div1”) 看作一个列表,remove() 中的筛选条件实际上是对这个列表中的元素进行筛选删除,而不会去删除这个列表中不存在的元素(子元素不在这个列表中)。
jQuery 入口函数: 1234567$(document).ready(function(){ // 执行代码});或者(简写)$(function(){ // 执行代码}); JavaScript 入口函数: 123window.onload = function () { // 执行代码} jQuery 入口函数与 JavaScript 入口函数的区别: jQuery 的入口函数是在 html 所有标签(DOM)都加载之后,就会去执行。 JavaScript 的 window.onload 事件是等到所有内容,包括外部图片之类的文件加载完后,才会执行。
同源策略同源策略(Same-OriginPolicy)最早由 Netscape 公司提出,是浏览器的一种安全策略。 同源: 协议、域名、端口号 必须完全相同。 违背同源策略就是跨域。 如何解决跨域CORS https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Access_control_CORS (1) CORS 是什么? CORS(Cross-OriginResourceSharing),跨域资源共享。CORS 是官方的跨域解决方案,它的特点是不需要在客户端做任何特殊的操作,完全在服务器中进行处理,支持get 和 post 请求。跨域资源共享标准新增了一组HTTP 首部字段,允许服务器声明哪些源站通过浏览器有权限访问哪些资源 (2) CORS 怎么工作的? CORS 是通过设置一个响应头来告诉浏览器,该请求允许跨域,浏览器收到该响应以后就会对响应放行。 (3) CORS 的使用 主要是服务器端的设置: 123456router.get("/testAJAX",function(req,res){ ...
官方文档与仓库 Vue之axios详解 如何安装 Axios Using npm: 1$ npm install axios Using bower: 1$ bower install axios Using yarn: 1$ yarn add axios Using jsDelivr CDN: 1<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> Using unpkg CDN: 1<script src="https://unpkg.com/axios/dist/axios.min.js"></script> 全局配置🔷在上面的示例中, 我们的BaseURL是固定的   🔹 事实上, 在开发中可能很多参数都是固定的。   🔹 这个时候我们可以进行一些抽取, 将一些公共的配置抽取出来,也可以利用axiox的全局配置。 1axios.defaults —–传 ...
使用jQuery来发送 AJAX 请求会比较方便 使用jQuery 发送get和post请求get和post请求有四个参数: $.get(url,[data],[callback],[type])   url:请求的 URL 地址。   data:请求携带的参数。   callback:载入成功时回调函数。   type:设置返回内容格式,xml,html,script,json,text,_default。 12345678910111213 //发送get请求$('button').eq(0).click(function(){ $.get('http://127.0.0.1:8000/jquery-server', {a:100, b:200}, function(data){ console.log(data); },&# ...
公告
博客微信小程序版已上线,同步更新,请扫码浏览。🎉