js
文章平均质量分 80
孛儿只斤·苏日娜
这个作者很懒,什么都没留下…
展开
-
浏览器地址栏输入 URL 敲下回车后发生了什么?
浏览器地址栏输入 URL 敲下回车后发生了什么?一、简单分析简单的分析,从输入URL到回车后发生的行为如下:URL解析DNS 查询TCP 连接HTTP 请求响应请求页面渲染二、详细分析URL解析首先判断你输入的是一个合法的URL 还是一个待搜索的关键词,并且根据你输入的内容进行对应操作一个url的结构解析如下:DNS查询DNS(Domain Names System),域名系统,是互联网一项服务,是进行域名和与之相对应的 IP 地址进行转换的服务器。简单来讲,DNS相当转载 2021-08-11 17:15:18 · 440 阅读 · 0 评论 -
javascript 原型与原型链
原型与原型链一、原型概念每一个 javascript 对象(除null外)创建的时候,就会与之关联另一个对象,这个对象就是我们所说的原型,每一个对象都会从原型中“继承”属性。一、prototype 和 __proto__的区别我们每创建一个函数,解析器都会向里添加一个prototype属性,该属性指向函数的原型对象。因此,prototype是函数才有的属性!!!__proto__是每个对象都有的隐含属性。var obj = {};console.log("obj.prototype:",原创 2021-07-20 14:06:10 · 88 阅读 · 0 评论 -
JavaScript 代码优化技巧
JavaScript 代码优化技巧1. 含有多个条件的 if 语句//longhandif (x === 'abc' || x === 'def' || x === 'ghi' || x ==='jkl') { //logic}//shorthandif (['abc', 'def', 'ghi', 'jkl'].includes(x)) { //logic}includes() 方法用来判断一个数组是否包含一个指定的值,根据情况,如果包含则返回 true,否则返回fals原创 2021-07-16 09:30:08 · 61 阅读 · 0 评论 -
ECMAScript 6 (3)Promise 对象
Promise 对象1、含义Promise 是异步编程的一种解决方案,所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promise 提供统一的 API,各种异步操作都可以用同样的方法进行处理。Promise对象有以下两个特点。对象的状态不受外界影响。promise对象代表一个异步操作,有三种状态:pending(进行中)、fulfilled(已成功)和rejected(以失败原创 2020-09-14 17:51:09 · 283 阅读 · 0 评论 -
ECMAScript 6 (2)let 和 const 命令
let 和 const 命令1、let 命令1.1 基本用法ES6 新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 1上面代码在代码块之中,分别用let和var声明了两个变量。然后在代码块之外调用这两个变量,结果let声明的变量报错,var声明的变量返回了正确的值。这表明,let声明的变量原创 2020-09-01 09:09:31 · 91 阅读 · 0 评论 -
ECMAScript 6 (1)ES6总结--思维导图
ECMAScript 61、Babel 转码器1.1 概念Babel 是ES6 转码器,可以将 ES6 代码转为 ES5 代码,从而在老版本的浏览器执行。这意味着,你可以用 ES6 的方式编写程序,又不用担心现有环境是否支持。// 转码前arr.map(item => item + 1);// 转码后arr.map(function (item) { return item + 1;});上面的原始代码用了箭头函数,Babel 将其转为普通函数,就能在不支持箭头函数的 Jav原创 2020-08-31 10:02:28 · 293 阅读 · 0 评论 -
vue--输入框校验方法
输入框校验方法效果图:布局:<template> <div class="ff"> <input type="text" v-model="val" @input="change" maxlength="10" /> <span>*</span> <span v-show="flag">支持格式:纯数字</span> </div></template>样原创 2020-08-26 09:55:14 · 7979 阅读 · 1 评论 -
认识JavaScript(4)JavaScript 的运算符
JavaScript 的运算符1、算数运算符1.1 所有算数运算符加法运算符:x + y减法运算符: x - y乘法运算符: x * y除法运算符:x / y指数运算符:x ** y余数运算符:x % y自增运算符:++x 或者 x++自减运算符:–x 或者 x–数值运算符: +x负数值运算符:-x赋值运算符 :=1.2 加法运算符1、俩数值相加2 + 3 // 52、布尔值相加true + true // 2false + false // 0转载 2020-08-18 10:18:44 · 157 阅读 · 0 评论 -
认识JavaScript(3)JavaScript 的数组方法大全
数组方法大全1、join()功能: 将数组中所有元素都转化为字符串并连接在一起。使用场景: 数组转字符串。是否改变原数组: 否案例:var arr1 = [1,2,3,4,5,6];var arr2 = arr.join();console.log(arr2) // 1,2,3,4,5,6console.log(arr1) // [1, 2, 3, 4, 5, 6]2、reverse()功能: 倒序。使用场景: 数组倒序。是否改变原数组: 否案例:原创 2020-08-10 09:52:45 · 160 阅读 · 0 评论 -
认识JavaScript(2)JavaScript 的数据类型
1、数据类型1.1、概念JavaScript 语言的每一个值,都属于某一种数据类型。JavaScript 的数据类型,共有八种。1.2、typeof 运算符JavaScript 有三种方法,可以确定一个值到底是什么类型。typeofinstanceofObject.prototype.toStringtypeof 123 // "number"typeof '123' // "string"typeof false // "原创 2020-08-03 14:21:13 · 207 阅读 · 0 评论 -
认识JavaScript(1)JavaScript 的基本语法
认识JavaScript1、什么是 JavaScript 语言?JavaScript 是一种轻量级的脚本语言。所谓“脚本语言”,指的是它不具备开发操作系统的能力,而是只用来编写控制其他大型应用程序(比如浏览器)的“脚本”。JavaScript 也是一种嵌入式语言。它本身提供的核心语法不算很多,只能用来做一些数学和逻辑运算。JavaScript 本身不提供任何与 I/O(输入/输出)相关的 API,都要靠宿主环境(host)提供,所以 JavaScript 只合适嵌入更大型的应用程序环境,去调用宿主环境原创 2020-07-30 09:01:05 · 242 阅读 · 0 评论