var方法

1.JavaScript概述 JavaScript是什么？ JavaScript是一种直译式脚本语言， 是一种动态类型、弱类型、基于原型的语言 。 直译式：直接解释执行，代码不进行预编译。 脚本：凡是不能独立执行需要依赖其他程序的，通常都叫做脚本。 HTML文件必须在浏览器里执行，JS文件必须嵌入到HTML文件里才能执行。 JavaScript能干什么？ 网页前端三剑客（HTML，CSS，JavaScript） Html:负责一个页面的结构（结构层） Css:负责一个页面的样式（样式层） JavaScript：负责与用户交互，加强用户体验（行为层） 网页前端开发（Javascript的老本行） 移动开发 webapp 混合式应用 网站后端开发（Node.js可以让js在后端运行） 插件开发（由于js跨平台这一特性，很多插件使用js进行开发，因为一次开发可以保证跨平台使用） 桌面开发（主要是指chrome浏览器能把js写的程序打包成桌面应用） 游戏开发 等等。。。 网页前端中的作用： 数据提交到服务器之前验证数据 给HTML网页增加动态功能 响应用户操作 加强用户体验 跨平台 JavaScript简史 90年代 28.8kb/s 1995 Netscape2加入LiveScript，改名 JavaScript 微软 IE3加入JScript Nombas推出ScriptEase

<script type="text/javascript"> $(function () { var allComNum = [];//定义一个变量数组 var result = 0;//定义一个变量 $(".com_num1").each(function (i, n) { //循环 allComNum.push(parseInt($(n).val())); }); for (var i = 0; i < allComNum.length; i++) { result += allComNum[i]; } $(".ShopCartNum").html(result); }); </script> push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。 each() 方法规定为每个匹配元素规定运行的函数。 parseInt() 函数可解析一个字符串，并返回一个整数。 来源： http://www.cnblogs.com/seeyougirl/p/8267229.html

直接上例子 1.无参调用返回按unicode字符编码排序 var arr = [1,2,0,21,15,6,34,9,45]; var arrSort = arr.sort(); console.log(arrSort);//会返回[0,1,15,2,21,34,45,6,9] 2.有参调用，参数为匿名函数 var arr = [1,2,0,21,15,6,34,9,45]; var arrSort = arr.sort(function(a,b){return a-b}); console.log(arrSort);//会返回[0,1,2,6,9,15,21,34,45] 来源： https://www.cnblogs.com/wangxuxu7912/p/11371295.html

引入方式 Script标签内写代码 <script>//在这里面写JS代码</script> 引入额外的JS文件 <script src="myscript.js"></script> 语言规范 注释 // 单行注释 /* 多行 注释 */ 结束符 JavaScript中的语句要以分号(;)为结束符 JS语言基础 变量声明 JavaScript的变量名可以使用_ ，数字，字母，$组成，不能以数字开头 声明变量使用 var 变量名 ；的格式来进行声明 var name = "Alex"; var age = 18; 注意： 变量名是区分大小写的。 推荐使用驼峰式命名规则。 保留字（关键字）不能用做变量名。 补充： ES6新增了let命令，用于声明变量。其用法类似于var，但是所声明的变量只在let命令所在的代码块内有效。例如：for 循环的计数器就很适合使用let命令。 var=['a','b','c','d'] for (let i=0; i<arr.length; i++){console.log(i)} i ''' 会报错i is not defined at <anonymous>:1:1 ''' 但是 for (var i=0; i<arr.length; i++) {console.log(i)} i """ 不会报错，输出4 """ ES6新增const用来声明常量

一、 function noRepeat(arr) { var arr1 = []; for (var i = 0; i < arr.length; i++) { var item = arr[i]; var flag = true; for (var j = 0; j < arr1.length; j++) { if (arr1[j] === item) { flag = false; break; } } if (flag) arr1.push(item); } return arr1; } console.log(noRepeat(arr)); 二、 function noRepeat(arr) { for (var i = 0; i < arr.length; i++) { var item = arr[i]; for (var j = i + 1; j < arr.length; j++) { if (item === arr[j]) { delete arr[j]; } } } var arr1 = []; for (var prop in arr) { arr1.push(arr[prop]); } return arr1; } console.log(noRepeat(arr)); 三、 function noRepeat(arr) { var arr1 = [];

1.css的简介 *css：层叠样式表 **层叠：一层一层的 **样式表：很多的属性和属性值 *使页面显示效果更加好 *css将网页内容和显示样式进行分离，提高了显示功能。 2.css和html的结合方式（四种结合方式） （1)在每个html标签上面都有一个属性style，把css和html结合在一起 -<div style=“background-color:red;color:green;” (2)使用html的一个标签实现<style 标签，写在head里面 *<style type=“text/css” css代码; </style * <style type=“text/css” * <div { background-color:blue; color:red; } </style (3)在style标签里面使用语句 @import url(css文件的路径); -第一步，创建一个css文件 <style type=“text/css” @import url(css文件的路径) </style （4)使用头标签link，引入外部css文件 -第一步，创建一个css文件 -<link rel=“stylesheet” type=“text/css” href=“css文件的路径”/ ***第三种结合方式，缺点：在某些浏览器下不起作用，一般使用第四种方式 ***优先级

夯实JS主要知识点 转自:https://juejin.im/post/5d54e78be51d4561b072dce6 从事前端行业到现在，感觉自己进步最大的时候就是去年打算换工作开始学习的那段时间，特别是看 yck 大佬的掘金小册《前端面试之道》的那段时间。正是那段时间的学习，慢慢对前端知识体系有了个模糊的轮廓，而且也开始接触掘金这个有意思的技术平台。如今工作尘埃落定，倒开始懒散了，通勤路上又开始玩游戏了，晚上回家又开始玩游戏不看书了，闲的时候开始在微信群QQ群注水了。可是距离30岁越来越近，眼前的路却越来越模糊。我知道留给我补课的时间不多了。工作的前三年已经被我挥霍掉，如果这两年不把失去的时间补回来，我可能永远都只能停留在初中级程序员的水平。谨记我还是一个半路出家的非科班出身的大龄初级前端开发工程师，自勉！ 基本类型和引用类型 类型判断 强制类型转换 作用域 执行上下文 理解函数的执行过程 this 指向 闭包 原型和原型链 js 的继承 event loop 基本类型和引用类型 js中数据类型分为基本类型和引用类型，基本类型有六种： number string boolean null undefined symbol （es6） 引用类型包括对象 object 、数组 array 、函数 function 等，统称对象类型： object string 类型即字符串

作者 Mark 'Tarquin' Wilton-Jones · 2006年11月2日 本文翻译自 Efficient JavaScript 原译文地址 http://kb.operachina.com/node/207 传统上，网页中不会有大量的脚本，至少脚本很少会影响网页的性能。但随着网页越来越像 Web 应用程序，脚本的效率对网页性能影响越来越大。而且使用 Web 技术开发的应用程序现在越来越多，因此提高脚本的性能变得很重要。 对于桌面应用程序，通常使用编译器将源代码转换为二进制程序。编译器可以花费大量时间优化最终二进制程序的效率。Web 应用程序则不同。因为Web应用程序需要运行在不同的浏览器、平台和架构中，不可能事先完全编译。浏览器在获得脚本后要执行解释和编译工作。用户要求不仅要求网页能快速的载入，而且要求最终 Web 应用程序执行的效果要和桌面应用程序的一样流畅。Web 应用程序应能运行在多种设备上，从普通的桌面电脑到手机。 浏览器并不很擅长此项工作。虽然 Opera 有着当前最快的脚本引擎，但浏览器有不可避免的局限性，这时就需要 Web 开发者的帮助。Web开发者提高 Web 应用程序的性能的方法很多而且也很简单，如只需要将一种循环变成另一种、将组合样式分解成三个或者只添加实际需要的脚本。 本文从 ECMAScript/JavaScript, DOM,

引用类型的值(对象)是引用类型的一个实例，在ES中引用类型是一种数据结构，将数据和功能组织在一起。引用类型有时候也被称之为 对象定义 ，因为他们描述的是一类对象所具有的属性和方法。 Object类型 两种创建方式 1 new Object() var person = new Object(); person.name = "jing"; person,age = 20; 2 对象字面量 var person = { name:"jing", age:20 } 属性的访问两种方式，1-person.name, 2-person['name'] ,后一种方式的好处可以用来在代码中拼接属性名。 Array 创建方式 // 使用new Array() 构造函数 var arr1 = new Array(); var arr2 = new Array(20); // 长度为20 var arr3 = new Array("red","blue","yellow"); // 数组字面量表示法 var arr4 = ["red","blue","yellow"]; 检测数组方法 arr instanceof Array ,页面多个框架引起的多个全局执行环境问题。怎么理解呢(?) ES5引入的 Array.isArray(arr) 解决上面的问题 #### Array的常用方法 转换方法

注释 WXS 主要有 3 种注释的方法。 示例代码： <!-- wxml --> <wxs module="sample"> // 方法一：单行注释 /* 方法二：多行注释 */ /* 方法三：结尾注释。即从 /* 开始往后的所有 WXS 代码均被注释 var a = 1; var b = 2; var c = "fake"; </wxs> 上述例子中，所有 WXS 代码均被注释掉了。 方法三 和 方法二 的唯一区别是，没有 */ 结束符。 来源： https://www.cnblogs.com/gjh99/p/11347649.html