JavaScript
关注
分享
扫一扫
文章平均质量分 75
js总结
chy-x
这个作者很懒，什么都没留下…
展开
-
jQuery的使用
js、jq的ajax返回的是后端的data，可以直接使用；axios返回的是reponse，使用的是reponse.data。浏览器可以缓存get方式的响应，get方式获取到的数据可能是浏览器缓存的响应，实际并没有请求后台。注意：箭头函数不会改变this的指向，此处用箭头函数写容易出错，尽量用匿名函数写。js的事件带on，jq的事件就是js事件去掉on。css()、width()、height()设置的都是行内样式。$(“xxx”).each(xxx函数) 用于遍历元素集合。原创 2020-05-18 12:08:56 · 849 阅读 · 0 评论 -
JavaScript 数据类型、面向对象编程
for in是Object遍历属性的方式，数组继承了Object，可以使用for in遍历数组，但毕竟不是专门的数组遍历方式，容易踩坑，不推荐使用for in遍历数组。用原型挂载方法后，创建对象时不再创建成员方法，同一个工厂创建的对象共用同一个原型，通过对象调用方法时，自动把对象挂载到原型上，调用原型上的方法，得到相应的结果。在工厂函数内部，this表示创建的对象，成员变量要用this，不用this则使用的是形参，不是成员变量。js的字符串是不可变的，所有修改字符串的操作，都是以新串形式返回，原串不改变。原创 2020-05-14 15:23:43 · 5978 阅读 · 4 评论 -
JavaScript ES6 代理，反射，函数，类
目录Proxy 代理Reflect 反射使用Proxy、Reflect实现双向绑定函数类 Proxy 代理代理对象let user = { id: 1, name: 'chy', tel: '13812345678'}let userProxy = new Proxy(user, { //参数：目标对象（实参），增强 // 获取属性值。对get方法进行增强 get: function (target, key) { // 形参：目标对原创 2020-05-19 20:22:34 · 2442 阅读 · 0 评论 -
JavaScript ES6 字符串、数组、Map、Set
let age=20;// ES5的对象定义name:name, //key都是字符串，值会取变量的值，=> "name":"chy"age:age,${// ES5的对象定义 let user1 = {name : name , //key都是字符串，值会取变量的值，=> "name":"chy" age : age , info : function() {console . log(` 姓名： ${ name } ，年龄： ${ age } `);原创 2020-05-19 10:30:58 · 2315 阅读 · 0 评论 -
JavaScript ES6入门
目录ES6项目环境的搭建新的变量声明方式 let、const新的数据类型Symbol解构赋值 ECMAScript是JavaScript的标准，JavaScript是ECMAScript的实现。ES6是2015年发布的，也叫作ES2015。ES6的目标是使JS可以编写复杂的⼤型应⽤程序，成为企业级开发语⾔。 ES6项目环境的搭建因为某些浏览器不支持ES6，我们需要使用babel将ES6代码转换为低版本的ES代码（低版本js代码），以兼容某些不支持ES6的浏览器，比如IE。&原创 2020-05-17 17:04:34 · 1024 阅读 · 0 评论 -
JavaScript Date、Math对象、杂项
目录Date 时间日期Math 数学运算switch语句比较运算符逻辑运算符this关键字命名规范 Date 时间日期 // 创建Date对象 var date1=new Date(); //当前日期时间 var date2=new Date(2020, 5, 1); //指定日期时间，年，月，日，时，分，秒，毫秒，参数个数可变，但顺序必需按这个来 var date3=new Date(1222222222222); //到1970.1.1 00:00:00的时间戳，毫原创 2020-05-16 17:14:15 · 589 阅读 · 0 评论 -
JavaScript BOM
目录浏览器标签页|窗口window.location对话框window.onload事件 BOM(Browser Object Model)即浏览器对象模型，是⼀个与浏览器窗⼝进⾏交互的对象 浏览器标签页|窗口 // 在新标签页中打开指定页面，第二个参数指定打开方式，缺省时默认在新标签页中打开。url必需指定协议 window.open("http://www.baidu.com","_blank"); // 如果使用了第三个参数指定窗口尺寸，会议新窗口的方式打原创 2020-05-16 13:05:51 · 532 阅读 · 0 评论 -
JavaScript DOM
目录DOM节点 DOM节点DOM 节点根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点：整个文档是一个文档节点每个 HTML 元素是元素节点HTML 元素内的文本是文本节点每个 HTML 属性是属性节点注释是注释节点获取节点时只计算元素节点、文本节点节点类型：1是元素节点、2是属性节点、3是文本节点HTML DOM 节点树HTML DOM 将 HTML 文档视作树结构。这种结构被称为节点树：HTML DOM Tree 实例HTML DOM原创 2020-05-16 12:39:10 · 578 阅读 · 0 评论 -
JavaScript 函数、闭包
目录函数函数的定义、调用函数传参函数返回值变量作用域闭包闭包的特点闭包的优点闭包的缺点其它switch语句逻辑判断命名规范 函数函数出现的意义：封装代码，方便调用、复用。函数的定义、调用 // 定义函数常用的方式 function f1(){ console.log(1); } var f2=function(){ console.log(2); } // ES6的箭头函数常用来代替匿名函数，()中写参数 var f3=() => {原创 2020-05-15 20:45:01 · 1375 阅读 · 0 评论 -
JavaScript 事件监听
目录事件监听的使用方式常见的事件监听事件的绑定、解绑事件冒泡键盘事件、键码鼠标事件 事件监听的使用方式 <!-- onload可以写在body中，也可以在js脚本中写成window.onload事件监听 --> <body onload="alert('onload');"> <!-- js不区分单引、双引，字符串用单引、双引均可 --> <button id="btn" onclick="alert('click');"&g原创 2020-05-15 19:40:33 · 1278 阅读 · 0 评论 -
JavaScript 基础
JavaScript是弱类型、动态类型、基于原型的语⾔javascript是运⾏在浏览器中的解释型语⾔JS的组成ECMAScript : 解释器，描述了js的语法和基本对象，是javascript的标准DOM : Document Object Model ⽂档对象模型，W3C制定DOM标准BOM : Browser Object Model 浏览器对象模型，没有统一的标准...原创 2020-05-14 10:03:06 · 715 阅读 · 0 评论