var方法

目录 JavaScript简介 js注释 js的引入方式 js变量 变量名的命名规范 js中常量 js中数据类型 数值类型 字符类型 字符串常用方法 模板字符串 布尔值(Boolean) null和undefined 对象 数组 常用方法 forEach() splice() map() 运算符 算术运算符 比较运算符 逻辑运算符 赋值运算符 流程控制 if else 多分支结构 switch for循环 三元运算 函数 函数定义 函数的全局变量和局部变量 内置对象和方法 自定义对象 Date对象 Date对象的方法 Json对象 RegExp对象 JavaScript简介 JavaScript是前端的一门编程语言 node.js 支持前端js代码可以跑在后端服务器上 JavaScript 是脚本语言 JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。 js也叫ECMAScript js注释 // 单行注释 /* 多行注释1 多行注释2 */ js的引入方式 script标签内部直接书写 通过script标签src书写，引入外部js文件 js变量 声明变量使用 var或let 变量名; 的格式来进行声明 （var声明的是全局有效，let可以只在局部有效）

1.最基本的去重方法 思路：定义一个新数组，并存放原数组的第一个元素，然后将元素组一一和新数组的元素对比，若不同则存放在新数组中。 function unique(arr){ 　　var res = [arr[0]]; 　　for(var i=1;i<arr.length;i++){ 　　　　var repeat = false; 　　　　for(var j=0;j<res.length;j++){ 　　　　　　if(arr[i] == res[j]){ 　　　　　　　　repeat = true; 　　　　　　　　break; 　　　　　　} 　　　　} 　　　　if(!repeat){ 　　　　　　res.push(arr[i]); 　　　　} 　　} 　　return res; } 2.先排序在去重 思路：先将原数组排序，在与相邻的进行比较，如果不同则存入新数组 function unique(arr){ 　　var arr2 = arr.sort(); 　　var res = [arr2[0]]; 　　for(var i=1;i<arr2.length;i++){ 　　　　if(arr2[i] !== res[res.length-1]){ 　　　　　　res.push(arr2[i]); 　　　　} 　　} 　　return res; } 3.利用对象的属性去重（推荐）

一、JavaScript简介 JavaScript是前端的一门编程语言简称JS，需要说明的是JS和java没有关系，js也叫ecmascript，当前使用较多的版本是5.1版本。 特点： JS是一种轻量级的编程语言 JS插入HTML后可由浏览器执行。 二、JS的语法 2.1注释 //单行注释 /*多行注释*/ 2.2引入到HTML的方式 1.script标签内直接书写 <script>//这里书写代码</script> 2.通过script标签src引入外部JS文件 <script src="si.js"></script> 2.3JS的数据类型 2.3.1动态语言与静态语言 JS是动态类型语言，什么是动态类型、静态类型呢？ 动态类型语言特点： 运行期间才做数据类型检查的语言，即动态类型语言编程时， 不用给任何变量指定数据类型 。 该语言会在第一次赋值给变量时，在内部将数据类型记录下来，赋的值是什么数据类型，这个变量就是什么数据类型。动态类型语言有：JavaScript、Python、PHP等。 优点：方便阅读，不需要写非常多的类型相关的代码； 缺点：不方便调试，命名不规范时会造成读不懂，不利于理解等。 静态类型语言特点： 在编译期间检查变量的数据类型，也就是在定义变量时需要先声明变量是什么数据类型，静态类型的语言有：C、C++、C#、JAVA等。 优点：结构非常规范，便于调试

目录 JavaScript概述 JavaScript和ECMAScript的关系 JavaScript引入方式 script标签内写代码 引入额外的JS文件 JavaScript语言规范和基础 JavaScript数据类型 数值(Number) 字符串(String) 模块字符串 布尔值(Boolean) undefined 对象(Object) 数组 运算符 算术运算符 比较运算符 逻辑运算符 赋值运算符 流程控制 if-else if-else if-else switch-case for while 三元运算 函数 函数定义 函数中arguments参数 函数的全局变量和局部变量 自定义对象 date对象 Date对象的方法 JSON对象 RegExp对象 math对象 JavaScript概述 JavaScript和ECMAScript的关系 尽管 ECMAScript 是一个重要的标准，但它并不是 JavaScript 唯一的部分，当然，也不是唯一被标准化的部分。实际上，一个完整的 JavaScript 实现是由以下 3 个不同部分组成的： 核心（ECMAScript） 文档对象模型（DOM） Document object model (整合js，css，html) 浏览器对象模型（BOM） Broswer object model（整合js和浏览器） 简单地说

目录 ECMASript 和 JavaScript的关系： 完整的JavaScript是由以下3部分组成的： JavaScript特点： JavaScript引入方式： 引入额外的JS文件： JavaScript语言规范： JavaScript语言基础 常量声明：“const 常量名” 变量声明： 注意： JavaScript数据类型： 数值（number） 常用方法： 字符串（string）： 字符串的常用方法： 模板字符串（template string）： Boolean 布尔值： 对象（Object） 数组： 数组的常用方法： forEach（）函数 splice（）函数 运算符： 算术运算符：+ - * / % ++ -- 比较运算符： 逻辑运算符：&& || ！ 赋值运算符： = += -= *= /= 流程控制： if 流程控制 switch流程控制 for循环 while循环 三元运算： 函数 函数定义： 普通函数定义： 带参数的函数： 带返回值的函数 立即执行函数： ES6 还可以使用“=>”箭头定义函数。 函数的全局变量和局部变量： 局部变量： 全局变量： 变量生存周期： 作用域： 词法分析： 词法分析的过程： 看两个例子： 例一： 例二： 内置对象和方法： 自定义对象： Date对象： Json 对象 RegExp对象： 补充： 交互数据的格式

目录 JavaScript 一、JavaScript语言的特点 二、JavaScript引入方式 三、注释 四、结束符 五、变量 1. 变量的命名规范 2. 变量的声明方式 六、数据类型 1. 数字型 Number 2. 不是数字型 NaN 3. 字符串 String 4. 布尔值 Boolean 5. null 和 undefined 6. 对象 7. symbol 七、内置函数 1. forEach() 2. splice() 删除元素 3. map() 4. typeof 类型查询 八、运算符 九、运算符 十、流程控制 1. if...else 2. if...else if...else 3. switch 4. for 循环 5. while 循环 6. 三元运算 十一、函数 1. 函数的定义 2. 箭头定义一个函数 3. 函数中的 arguements 参数 4.函数的全局变量和局部变量 5. 作用域 十二、内置对象和方法 1.字典 对象 2.date 对象 3. json 对象 4. regexp 对象（正则） 5.math 对象 JavaScript 一、JavaScript语言的特点 JavaScript 是脚本语言 JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML

jquery 数字滚动方法 用的是countUp.js这个插件 target = 目标元素的 ID； startVal = 开始值； endVal = 结束值； decimals = 小数位数，默认值是0； duration = 动画延迟秒数，默认值是2； 1先初始化 <pre> var options = {   useEasing: true,   useGrouping: false,   separator: ',',   decimal: '.', }; var demo = new CountUp('few', 0, 0, 0, 0.5, options); if (!demo.error) {   demo.start(); } else {   console.error(demo.error); } </pre> 2更新 <pre> demo.update(6000); </pre> 详细参数看http://inorganik.github.io/countUp.js/ 来源： https://www.cnblogs.com/newmiracle/p/11856288.html

javascript canvas 生成图片的方法 先生成base64格式的图片 然后ajax传到后台 写入服务器文件夹即可 <pre> <!DOCTYPE HTML> <html> <body> <canvas id="myCanvas"> your browser does not support the canvas tag </canvas> <script type="text/javascript"> var canvas = document.getElementById('myCanvas'); var ctx = canvas.getContext('2d'); ctx.fillStyle = '#FF0000'; ctx.fillRect(0, 0, 80, 100); var data = getBase64Image(); console.log(data); function getBase64Image() { var canvas = document.getElementById('myCanvas'); var dataURL = canvas.toDataURL("image/png"); return dataURL // return dataURL.replace("data:image/png;base64,", ""); } <

jquery手机端横屏判断方法 <pre> $(function() { var bodywidth = $('body').width(); var bodyheight = $('body').height(); if (bodywidth >= bodyheight) { /*横屏*/ } else { /*竖屏*/ } }) </pre> 注意这个弹出输入法 也会变成横屏提示 所以一开始加载就可以了 来源： https://www.cnblogs.com/newmiracle/p/11856244.html

1、前言   在平时工作开发中，大部分开发人员都花费大量的时间在维护其他人员的代码。很难从头开始开发新代码，很多情况下都是以他人成果为基础的，或者新增修改需求，自己写的代码也会被其他开发人员调用，所以写好一份高质量可维护的代码就显得十分重要。 2、什么是可维护代码 可维护代码需要遵循以下几个特点。 1. 可理解性 -其他人可以接手代码并理解它的意图和一般途径。 2. 直观性 -代码中的东西一看就明白，不管其操作过程有多复杂。 3. 可适应性 -代码以一种数据变化不要求完全重写的方法撰写。 4. 可扩展性 -在代码架构上已考虑在未来允许对核心功能进行扩展。 5. 可调试性 -当有地方出错时，代码可以给你足够的信息快速直接找出问题的所在。 3、代码约定   一种让代码变得可维护的简单途径是形成一套JavaScript代码的书写约定。由于JavaScript的可适应性，代码约定对它很重要。以下小节讨论代码约定的概论。 1.可读性   要让代码可维护，首先它必须可读。可读性的大部分内容和代码缩进相关的，代码整齐的缩进能一眼看出代码块是属于那个功能的，很常见的缩进大小为4个空格，现在大部分编辑器也支持一件格式化代码。可读性另一方面是注释，一般来说，有如下一些地方需要进行注释。 函数和方法 -每个方法或注释都应该包含一个注释，用于描述其目的和用于完成任务所可能使用的算法。 大段代码