
JavaScript
js
探鱼不是鱼
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Object方法详解
Object.defineProperty(obj,propertyName,{}) 给对象添加属性(指定描述符) 设置对象属性的元属性 const person = { firstName: "chen", lastName: "guanxi", }; // 定义对象的属性的属性(原属性) Object.defineProperty(person, "fullname", { // value:'chen guanxi', 属性的值 configurable: false, /原创 2020-11-27 00:35:37 · 382 阅读 · 0 评论 -
DOM 常用方法
node.NodeType 得到节点类型 1 元素节点 3 文本节点 const lis = document.querySelectorAll("li"); // console.dir(lis[0]); // li console.log(lis[0].nodeType); // 1 createDocumentFragment() 文档碎片,高效批量更新多个节点 <div id="app"> <ul> <li></li原创 2020-11-27 00:34:04 · 289 阅读 · 0 评论 -
JavaScript 封装自己函数库
格式 // IIFE需要把匿名函数括起来,然后后边加小括号调用,当然也可以使用一元运算符~!+-等加到匿名函数前,可以省略括号 // 防止其他插件没有添加末尾的分号 影响自身 ; ~function (w) { /* 封账自己的函数库,为了避免过多的使用全局变量,需要使用IIFE封装. 把window对象传递进IIFE中,给全局扩展一个对象my 把所有的方法全部封装到my上,方便未来使用 */ w.my = {}; /原创 2020-11-16 00:47:14 · 362 阅读 · 0 评论 -
关于call apply bind
原理 function fn1() { alert(1) } /* 给f扩展一个方法a,当a方法调用,那么f就调用了 */ fn1.call = function () { this(); } fn1.call(); 区别 /* call、apply、bind:原创 2020-11-16 00:40:43 · 158 阅读 · 0 评论 -
JavaScript ES5-ES6详解
ES5 1.严格模式 1.全局严格模式 严格模式修复了一些导致 JavaScript引擎难以执行优化的缺陷:有时候,相同的代码,严格模式可以比非严格模式下运行得更快 如果浏览器不支持, 只解析为一条简单的语句, 没有任何副作用 a.开启全局严格模式 <script> "use strict" //在全局开启严格模式 b.变量必须声明才能使用 <script> "use strict" a = 1;原创 2020-11-15 00:08:06 · 1017 阅读 · 0 评论 -
String字符串方法详解
String.prototype constructor属性 用于创造对象的原型对象的特定的函数 length属性 返回了字符串的长度 slice() 取某个字符串的一部分,并返回一个新的字符串,且不会改动原字符串 <script> var str = "hello world"; console.log(str.slice(1)); //ello world console.log(str); //"h原创 2020-11-14 23:14:46 · 292 阅读 · 0 评论 -
Array数组方法详解
Array from() 从一个类似数组或可迭代对象创建一个新的,浅拷贝的数组实例 将类数组对象转为真正的数组 { const obj1 = { 0: "a", 1: "b", 2: "c", length: 3 } const obj2 = { 0: "a",原创 2020-11-14 22:33:47 · 1811 阅读 · 0 评论 -
JavaScript总结
数据类型 分类 基本数据类型 Null null Undefiend undefined String 定义字符串:单引号/双引号/反引号 :转义符号 Number 2进制 0b 8进制 0o 16进制 0x 10进制 科学计数法 1.23E-30 NaN Infinity Boolean true/false 引用数据类型 Object Object 对象{} 无序复杂的对象数据类型 Array 数组[] 有序的简单的对象数据类型 Function原创 2020-11-10 23:50:30 · 278 阅读 · 0 评论 -
Javascript ES6-11
ECMS相关介绍 什么是ECMA ECMA(European Computer Manufacturers Association)中文名称为欧洲计算机制 造商协会,这个组织的目标是评估、开发和认可电信和计算机标准。1994 年后该 组织改名为 Ecma 国际 什么是ECMAScript ECMAScript 是由 Ecma 国际通过 ECMA-262 标准化的脚本程序设计语言。 什么是ECMA-262 Ecma 国际制定了许多标准,而 ECMA-262 只是其中的一个,所有标准列表查看 http://ww原创 2020-11-09 23:50:57 · 994 阅读 · 0 评论 -
Promise-Async
异步处理方案 Promise 作用 Promise对象是一个异步变成的解决方案,可以将异步操作以同步的流程表达出来, 避免了层层嵌套的回调函数(俗称’回调地狱’) 注意 promise不是异步代码,而是盛放异步代码的工具 实例化promise:为了把异步代码写到promise中,异步代码执行状态会返回出去 静态属性/方法 resolve() 直接返回一个成功状态的promise对象 reject() 直接返回一个失败状态的promise对象 all() Promise.all([xx,xx,xx原创 2020-11-09 23:34:52 · 813 阅读 · 0 评论 -
手写Promise then/catch/resolve/reject all/allSetteld
原生 <script> const promise = new Promise((resolve, reject) => { resolve(); // reject(); }); console.log(promise); </script> //Promise是一个构造函数 //参数为一个函数,且同步自调用了(这里称它为executor) //executor中传入了两个函数,分别是re原创 2020-11-09 20:08:44 · 659 阅读 · 0 评论 -
JS继承/class类
ES5继承 对象上的方法 公有属性/方法 设置给实例对象的属性和方法被称作公有属性和公有方法 私有属性/方法 声明在构造函数中的变量或函数,被称作为私有属性和私有方法 静态属性/方法 js中无需实例化就可以调用的方法或属性叫做静态方法和静态属性 特权方法 在构造函数中给实例对象绑定的方法被称为特权方法 示例 function Car(color,speed){ // 私有属性 let num = 0 // 私有方法 function fn(){ console原创 2020-10-25 19:25:55 · 451 阅读 · 0 评论