javascript
关注
分享
扫一扫
王大锤_code
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JS 对象基本用法
声明对象的两种语法let obj = { 'name': 'frank', 'age': 18 }let obj = new Object({'name': 'frank'})如何删除对象的属性delete obj.xxx或 delete obj['xxx']即可删除 obj 的 xxx 属性区分「属性值为 undefined」和「不含属性名」不含属性名'xxx' in obj === false含有属性名，但是值为 undefined'xxx' in obj && o原创 2020-10-04 16:24:01 · 225 阅读 · 0 评论 -
ES6内置对象扩展
Array的扩展扩展运算符可以将数组或者对象转为用逗号分隔的参数序列。 let ary = [1, 2, 3]; ...ary // 1, 2, 3 console.log(...ary); // 1 2 3 console.log(1, 2, 3)扩展运算符可以应用于合并数组。// 方法一 let ary1 = [1, 2, 3]; let ary2 = [3, 4, 5]; let ary3 = [...ary1, ...ary2]; // 方法二 ary1.pu原创 2020-08-16 00:06:25 · 237 阅读 · 0 评论 -
ES6的新增语法
let没有变量提升有块级作用域const具有块级作用域没有变量提升常量声明时必须赋值常量赋值后，不能修改作用：声明常量，常量就是值（内存地址）不能变化的量。<body> <script type="text/javascript"> /* let关键字就是用来声明变量的 使用let关键字声明的变量具有块级作用域 在一个大括号中 使用let关键字声明的变量才具有块级作用域 //var关键字是不具备这个特点的 防止循原创 2020-08-15 01:52:32 · 225 阅读 · 0 评论 -
JS正则表达式
JS当初被创建的时候时被用来做表单验证的，正则表达式就是专门做这个的。对用户输入的信息做校验，不合格的信息就不发给后端。匹配替换提取创建正则表达式正则表达式也是对象通过调用 RegExp 对象的构造函数创建var 变量名 = new RegExp(/表达式/);通过字面量创建var 变量名 = /表达式/;检测正则表达式regexObj.test(str)regexObj是正则表达式str是要被检测的字符串返回一个布尔值true或者false符号<script&原创 2020-08-15 00:35:44 · 139 阅读 · 0 评论 -
JavaScript函数进阶
用这个标题可能不太好，不是包含所有的函数进阶的知识，只是我最近学的部分做一个总结。函数声明函数声明方式 function 关键字 (命名函数)函数表达式 (匿名函数)new Function() 用的比较少，效率较低。函数中this指向一般指向我们的调用者，改变函数中this的三种方法call，apply，bind。fun.call(thisArg, arg1, arg2, ...)fun.apply(thisArg, [argsArray])fun.bind(thisAr原创 2020-08-14 16:50:04 · 177 阅读 · 0 评论 -
ES5新增的操作数组，字符串，对象的方法
数组forEach()、map()、filter()、some()、every()；array.forEach(function(currentValue, index, arr))array.filter(function(currentValue, index, arr))array.some(function(currentValue, index, arr))currentValue: 数组当前项的值index：数组当前项的索引arr：数组对象本身forEach就是正常的循环，遍历原创 2020-08-14 14:20:55 · 192 阅读 · 0 评论 -
javascript构造函数和原型
创建对象：ES5 VS ES6ES5：字面量Object构造函数<script> // 1. 利用 new Object() 创建对象 var obj1 = new Object(); // 2. 利用 对象字面量创建对象 var obj2 = {}; // 3. 利用构造函数创建对象 function Star(uname, age) { this.un原创 2020-08-14 01:00:58 · 222 阅读 · 0 评论 -
JS类和对象，super关键字
对象是由属性和方法组成的：属性：事物的特征，在对象中用属性来表示（常用名词）方法：事物的行为，在对象中用方法来表示（常用动词）类抽象了对象的公共部分，它泛指某一大类（class）对象特指某一个，通过类实例化一个具体的对象面向对象的思维特点:抽取（抽象）对象共用的属性和行为组织(封装)成一个类(模板)对类进行实例化, 获取类的对象创建和实例化类class name { // class body} var xx = new name(); construct原创 2020-08-13 15:01:50 · 1500 阅读 · 1 评论 -
PC端网页特效
元素偏移量 offset 系列元素可视区 client 系列元素滚动 scroll 系列offsetoffset 翻译过来就是偏移量， 我们使用 offset 系列相关属性可以动态的得到该元素的位置（偏移）、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小（宽度高度）注意： 返回的数值都不带单位offset 与 style 区别能得到的样式值：任意样式VS行内元素得到的数值：无单位VS有单位padding+border+width：能得到VS不能得到读写： 只读VS读写原创 2020-08-13 12:31:37 · 433 阅读 · 0 评论 -
BOM总结
什么是BOM浏览器对象模型把「浏览器」当做一个「对象」来看待BOM 的顶级对象是 windowBOM 学习的是浏览器窗口交互的一些对象BOM 是浏览器厂商在各自浏览器上定义的，兼容性较差什么是DOM文档对象模型DOM 就是把「文档」当做一个「对象」来看待DOM 的顶级对象是 documentDOM 主要学习的是操作页面元素DOM 是 W3C 标准规范BOM 比 DOM 更大，它包含 DOM。window 对象是浏览器的顶级对象，它具有双重角色。它是 JS 访问浏览器窗口的一个原创 2020-08-12 01:57:39 · 250 阅读 · 0 评论 -
Dom高级事件
注册事件（绑定事件）删除事件（解绑事件）DOM事件流事件对象阻止事件冒泡事件委托（代理、委派）常用的鼠标事件常用的键盘事件注册事件给元素添加事件，称为注册事件或者绑定事件。注册事件有两种方式：传统方式和方法监听注册方式传统注册方式利用 on 开头的事件 onclick<button onclick=“alert('hi~')”></button>btn.onclick = function() {}特点： 注册事件的唯一性同一个元素同一个事件只能设置一原创 2020-08-11 13:17:54 · 207 阅读 · 0 评论 -
Dom节点操作
父子兄层级关系父node.parentNodeparentNode 属性可返回某节点的父节点，注意是最近的一个父节点如果指定的节点没有父节点则返回 null 。子parentNode.childNodes（标准）parentNode.childNodes 返回包含指定节点的子节点的集合，该集合为即时更新的集合。注意：返回值里面包含了所有的子节点，包括元素节点，文本节点等。如果只想要获得里面的元素节点，则需要专门处理。 所以我们一般不提倡使用childNodesparentNode原创 2020-08-10 15:35:10 · 315 阅读 · 0 评论 -
Dom操作元素
JavaScript 的 DOM 操作可以改变网页内容、结构和样式，我们可以利用 DOM 操作元素来改变元素里面的内容 、属性等。element.innerText：从起始位置到终止位置的内容, 但它去除 html 标签， 同时空格和换行也会去掉（非标准）element.innerHTML：起始位置到终止位置的全部内容，包括 html 标签，同时保留空格和换行（标准）利用 DOM 可以操作如下表单元素的属性：type、value、checked、selected、disabled我们可以通过 JS原创 2020-08-10 14:15:17 · 375 阅读 · 0 评论 -
Dom获取页面元素
DOM树文档：一个页面就是一个文档，DOM 中使用 document 表示元素：页面中的所有标签都是元素，DOM 中使用 element 表示节点：网页中的所有内容都是节点（标签、属性、文本、注释等），DOM 中使用 node 表示DOM 把以上内容都看做是对象元素获取根据 ID 获取根据标签名获取通过 HTML5 新增的方法获取特殊元素获取1.根据 ID 获取<div id="time">2019-9-9</div> <script>原创 2020-08-10 00:41:59 · 160 阅读 · 0 评论 -
javascrit对象(包括内置对象和存储)
创建对象在 JavaScript 中，现阶段我们可以采用三种方式创建对象（object）：利用字面量创建对象利用 new Object 创建对象利用构造函数创建对象var star = { name: 'pink', age: 18, sex: '男', sayHi: function () { alert('大家好啊~'); }, };var andy = new Object()原创 2020-08-08 16:22:36 · 200 阅读 · 0 评论 -
javascript函数小结
函数声明自命名匿名函数函数的参数argument内置对象returnreturn只能返回一个值，return num1，num2；这是返回num2。如果不返回值，就默认返回undefind。作用域全局变量局部变量在es6之前JavaScript没有块级作用域if(true){ var num = 123; console.log(123); //123}console.log(num); //123下面是一个案例function f1() {原创 2020-08-08 16:05:25 · 193 阅读 · 0 评论