JavaScript
coding随想
学吧,学无止境
展开
-
JavaScript 数组的函数 map/forEach/reduce/filter
map// map//作用:对数组进行遍历//返回值:新的数组// 是否改变:否var arr = [2, 5, 3, 4];var ret = arr.map(function(value) { return value + 1;});console.log(ret); //[3,6,4,5]console.log(arr); //[2,5,3,4]2.forEach// forEach 方法// 作用:遍历数组的每一项// 返回值:undefined// 是否改变:.原创 2020-09-27 09:41:56 · 146 阅读 · 0 评论 -
script 标签的 defer 和 asnyc 属性的作用以及二者的区别?
1、defer 和 async 的网络加载过程是一致的,都是异步执行。2、区别在于加载完成之后什么时候执行,可以看出 defer 是文档所有元素解析完成之后才执行的。3、如果存在多个 defer 脚本,那么它们是按照顺序执行脚本的,而 async,无论声明顺序如何,只要加载完成就立刻执行无论script标签是嵌入代码还是引用外部文件,只要不包含 defer 属性和 async 属性(这两个属性只对外部文件有效),浏览器会按照script的出现顺序对他们依次进行解析,也就是说,只有在第一个script转载 2020-09-27 09:26:23 · 262 阅读 · 0 评论 -
ES6新特性超快速入门(大量实例)
let和const,数组解构,对象解构,模板字符串,函数默认参数,展开运算符,for of 循环,箭头函数,类定义class,set,map,模块的导入导出,进阶资源及兼容性解决原创 2020-08-26 09:13:21 · 187 阅读 · 0 评论 -
jQuery-笔记6
jQuery尺寸和位置操作jQuery元素大小获取$('div').width(); //div的 width$('div').innerWidth(); //div的 width+padding$('div').outerWidth(); //div的 width+padding+border$('div').outerWidth(true); //div的 width+padding+border+marginjQuery的相关位置操作主要有三个:offset(), positi原创 2020-08-05 19:48:06 · 121 阅读 · 0 评论 -
jQuery-笔记5
jQuery的其他方法jQuery对象拷贝$.extend([deep], target, object1, ..., [objectN]);//deep 如果设置成true为深拷贝,默认为false浅拷贝//target 要拷贝的目标对象//object1 待拷贝到第一个对象的对象//objectN 待拷贝到第N个对象的对象//浅拷贝是将被拷贝对象复杂数据类型中的地址拷贝给目标对象,//修改目标对象会影响被拷贝对象,这种方法会覆盖target的内容//深拷贝是完全克隆(拷贝对象,而原创 2020-08-05 14:50:13 · 127 阅读 · 0 评论 -
jQuery-笔记4
jQuery事件jQuery事件注册//单个事件注册$element.事件(function(){});//事件处理on()绑定事件element.on(events, [selector], fn);//events 一个或多个用空格分隔的事件类型//selector 元素的子元素选择器//fn 回调函数on()也可以实现事件委派,例如将li的事件委托给ul。(老版本会有bind(), live(), delegate()等方法,现在都用on()来处理)$('ul').on原创 2020-08-04 20:31:54 · 188 阅读 · 0 评论 -
jQuery-笔记3
属性操作设置或获取元素的固有属性prop()//element.prop('属性名') //element.prop('属性名', '属性值') <a herf='www.baidu.com'></a>console.log($('a').prop('herf'));//获取属性值$('a').prop('title', 'XXX'); //修改属性值设置或获取元素的自定义属性attr()attr('属性') //获取属性值 类似于原生getAttribute(原创 2020-08-04 18:05:19 · 149 阅读 · 0 评论 -
jQuery-笔记2
jq选择器$('选择器') //直接写css选择器即可隐式迭代遍历内部DOM元素(伪数组形式存储)的过程就叫做隐式迭代。简单理解:把匹配到的所有元素内部进行遍历循环,执行相同的方法。jq筛选选择器jq筛选方法jq操作css样式设置类样式方法这种方法不会像原生js的className属性会替换原来的类名。jq常用动画效果动画的使用都会有一个排队的问题,在动画前加一个stop()就可以了。...原创 2020-08-04 11:01:56 · 135 阅读 · 0 评论 -
jQuery-笔记1
jQuery 的入口函数(两种):等待页面内容加载$(function(){ ..........});$(document).ready(function(){ ...........})注意事项1.等待DOM结构渲染完毕即可执行内部代码,不必外部资源都加载完。2.相当于原生js中的DOMContentLoaded3.不同于原生js中的load事件是等页面文档、外部的js事件、css事件、图片加载完毕才执行。$是jQuery的别称,也是jQuery的顶级对象。DOM对象.原创 2020-08-03 18:32:31 · 123 阅读 · 0 评论 -
JavaScript学习笔记-6-函数function
JavaScript函数概念函数:就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。函数的使用声明function 函数名() { //函数体代码}function 是声明函数的关键字,必须小写由于函数一般是为了实现某个功能才定义的, 所以通常我们将函数名命名为动词,比如 getSum调用函数名(); // 通过调用函数名来执行函数体代码调用的时候千万不要忘记添加小括号口诀:函数不调用,自己不执行注意:声明函数本身并不原创 2020-07-10 16:48:54 · 200 阅读 · 0 评论 -
JavaScript学习笔记-5 -数组
数组概念数组可以把一组相关的数据一起存放,并提供方便的访问(获取)方式。数组是指一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。创建数组利用 new 创建数组var 数组名 = new Array() ;var arr = new Array(); // 创建一个新的空数组利用数组字面量创建数组var 数组名 = [];var 数组名 = ['小白','小黑','大黄','瑞奇'];获原创 2020-07-10 16:40:23 · 216 阅读 · 0 评论 -
JavaScript 学习笔记 - 4 - 字符串对象及操作
根据字符返回位置 字符串通过基本包装类型可以调用部分方法来操作字符串,以下是返回指定字符的位置的方法:根据位置返回字符 字符串通过基本包装类型可以调用部分方法来操作字符串,以下是根据位置返回指定位置上的字符:在上述方法中,charCodeAt方法返回的是指定位置上字符对应的ASCII码。字符串操作方法 字符串通过基本包装类型可以调用部分方法来操作字符串,以下是部分操作方法:replace()方法 replace() 方法用于在字符串中用一些字符替换另一些字符,其使用格式如下:原创 2020-07-03 17:31:03 · 142 阅读 · 0 评论 -
JavaScript学习笔记 - 3 - 内置对象及操作 - Math、日期、数组对象
内置对象简介JavaScript 中的对象分为3种:自定义对象 、内置对象、 浏览器对象。前面两种对象是JS 基础内容,属于 ECMAScript。第三个浏览器对象属于 JS 独有的, JS API 讲解内置对象就是指 JS 语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或是最基本而必要的功能(属性和方法),内置对象最大的优点就是帮助我们快速开发。JavaScript 提供了多个内置对象:Math、 Date 、Array、String等Math对象Math 对象不是构造函数,它具有原创 2020-07-03 16:43:08 · 245 阅读 · 0 评论 -
JavaScript学习笔记-2
数据类型数据类型简介不同的数据类型(例如数字、字符)占用的内存空间不同,为了方便分配便定义了不同的数据类型。js是一种弱类型或者动态型语言,不用提前声明变量类型,在程序运行过程中,类型会被自动确定。转义字符js的转义字符要写在引号里面...原创 2020-06-29 14:24:03 · 128 阅读 · 0 评论 -
JavaScript学习笔记-1
初识jsjs是一种运行在客户端的脚本语言(script是脚本的意思)脚本语言:不需要编译,运行过程中由浏览器内置的js解释器(js引擎)逐行进行解释。(浏览器内一般有渲染引擎-又称为内核,用来渲染HTML和css等标记语言。还有js引擎)现在也可以利用Node.js技术进行服务器端编程浏览器执行js简介渲染引擎 : 又称为内核,用来解析 HTML 和 css 等标记语言。例如Chrome浏览器的blink,老版本的webkitjs引擎:也称为js解释器,用来读取网页中的JavaScript原创 2020-06-29 09:53:07 · 206 阅读 · 0 评论