JavaScript
关注
分享
扫一扫
文章平均质量分 82
樂_smile
这个作者很懒，什么都没留下…
展开
-
一篇文章图文并茂地带你粗略了解 devServer proxy 原理
devServer proxy 原理前言笔者在网络上查询 devServer 原理的时候，竟然网上没有一篇这样的文章，笔者斗胆用自己的知识阐述一下 devServer 是如何实现跨域的（注意，本篇文章并非完整实现proxy，亦或是实现devserver 的各个功能，仅仅是对 devServer proxy 部分做个粗略的原理解读。在阅读本文之前，希望你有基础的 node.js 知识以及 js 知识。同源政策浏览器有同源政策，对不同域（即协议，主机，端口任何一个不同的 URL）的 http 请求进行原创 2021-02-17 01:36:57 · 4927 阅读 · 0 评论 -
一篇文章图文并茂地带你轻松学会 HTML5 ajax2.0
JavaScript ajax2.0当你再网络上查询 ajax2.0的时候，会发现几乎查不到什么东西 ，因为其实他和 XMLHttpRequest Level 2 应该是同义的意思。大家似乎都倾向于查询后者。在谈到 ajax2.0 之前，不妨先看一下 ajax1.0 有什么缺陷，导致了 2.0 的诞生。ajax 1.0无法支持文件的上传和读取没有进度反馈信息无法跨域请求数据而新的 ajax2.0 解决了这些问题，并且带来的新的特性ajax2.0假设我们已经创建了一个 xhr 对象co原创 2021-02-13 22:12:53 · 348 阅读 · 0 评论 -
一篇文章图文并茂地带你轻松实践 HTML5 history api
HTML5 history api前言由于笔者在网络上没有找到比较好的关于 history api 的实践案例，有的案例过于杂乱，没有重点，有些案例只是告诉读者 api 是什么，却没告诉怎么用，本文章从零开始带读者实践 history api ，建议和笔者一起写一遍。效果注意 url 变化，另外用到了 虎裤里 和 狼大的图，侵权马上删。流程html 部分需要引入 jquery<!DOCTYPE html><html lang="en"> <he原创 2021-02-12 14:52:06 · 340 阅读 · 1 评论 -
一篇文章图文并茂地带你轻松学完 JavaScript 闭包
JavaScript 闭包为了更好地理解 JavaScript 闭包，笔者将先从 JavaScript 执行上下文以及 JavaScript 作用域开始写起，如果读者对这方面已经了解了，可以直接跳过。1. 执行上下文简单来说，JavaScript 有三种代码运行环境，分别是:Global Code 是 JavaScript 代码开始运行的默认环境Function Code 是 JavaScript 函数运行的环境Eval Code 是 利用 eval 函数执行的代码环境执行上下文可以理解为原创 2021-02-08 16:08:33 · 147 阅读 · 0 评论 -
一篇文章图文并茂地带你轻松学完 JavaScript 事件循环机制(event loop)
JavaScript 事件循环机制 (event loop)本篇文章已经默认你有了基础的 ES6 和 javascript语法 知识。本篇文章比较细致，如果已经对同步异步，单线程等概念比较熟悉的读者可以直接阅读执行栈后面的内容了解 event loop 原理在了解 JavaScript 事件循环机制之前，得先了解同步与异步的概念同步与异步同步（Syncconst cal = () => { for (let i = 0; i < 1e8; i++) { /原创 2021-02-04 21:47:42 · 162 阅读 · 0 评论 -
一篇文章图文并茂地带你轻松学完 JavaScript 继承
JavaScript 继承在阅读本文章之前，已经默认你了解了基础的 JavaScript 语法知识，基础的 ES6 语法知识 。继承种类简单的继承种类可以分为构造函数继承原型链继承class继承寄生继承其中 class 继承是 ES6 后提供的一种语法糖，方便其他面向对象语言的程序员更好的接受 JavaScript 中的继承，本质上还是原型链继承。1. 构造函数继承function Person() { this.name = "name"; this.eat = f原创 2021-02-04 13:59:58 · 257 阅读 · 3 评论 -
一篇文章图文并茂地带你轻松学完 JavaScript 原型和原型链
JavaScript 原型和原型链在阅读本文章之前，已经默认你了解了基础的 JavaScript 语法知识，基础的 ES6 语法知识 。本篇文章旨在为 JavaScript继承 打下基础原型在 JavaScript 里任何一个函数都有一个 prototype 属性，这个属性称之为原型function Person() { this.name = "name";}console.log(Person.prototype)而 Person.prototype 实际上是一个包含 co原创 2021-02-03 23:25:07 · 199 阅读 · 0 评论 -
JS 异步和单线程
一.异步和同步同步：比如你今天要做前端把静态和该做的都做完了，然后tmd，后端一直没动静，不给接口，导致你做不了，阻塞了，而且你就真的就不动了，饭也不吃了，那么称为同步同步就是，你干的事情，可能会阻塞在某个地方在JS 里面就是 alert() 在alert弹出框框点击确定之前，alert下面的代码不会执行异步：比如你今天要做前端和静态和该做的都做完了，然后tmd，后端一直没动静，不给接口，...原创 2019-08-17 21:00:35 · 109 阅读 · 0 评论 -
JS 作用域与闭包
一.执行上下文执行上下文可以理解为函数执行的环境，每一个函数执行时，都会给对应的函数创建这样一个执行环境。js是解释型语言,js代码在执行前遇到上下文会干如下的事(1)把变量定义先拎出来(2)把函数声明先拎出来(3)this(4)arguments上述的东西先拿出来占个位console.log(a)var afn('zhangsan')function fn(name) {...原创 2019-08-17 20:44:40 · 79 阅读 · 0 评论 -
JS 字符串的方法
indexOf（）方法返回字符串中指定文本首次出现的索引（位置）支持第二个参数，从第二个参数的位置开始作为检索的起始位置如果未找到子串，返回-1lastIndexOf（）方法返回字字符串中指定文本最后一次出现的索引支持第二个参数，从尾到头的第二个参数的位置作为开始检索的起始位置如果未找到文本，返回-1search（）方法搜索特定值的字符串，并返回匹配的位置可以设置正则表达式作为...原创 2019-08-11 18:04:19 · 107 阅读 · 0 评论 -
JS 原型和原型链
//原型和原型链//1.构造函数function Person(name, age){ this.name = name this.age = age return this // 默认会有这一行，不写也可以}let p1 = new Person('zhangsan',20)let p2 = new Person('lisi', 21)//类似于模板//...原创 2019-08-11 17:31:32 · 94 阅读 · 0 评论 -
ECMAScript JavaScript node.js 的联系和区别
ECMAScript（以下简称ES）定义语法，node.js 和 JavaScript都必须要遵守关于变量，class，循环，判断，函数等等的规范都在ES中定义本身决定:不能操作DOM不能处理http请求即如果只有ES语法的话根本实现不了任何项目JavaScript (以下简称js）使用ES规范 + web api实现 DOM操作，ajax等node.js使用...原创 2019-08-10 20:59:11 · 246 阅读 · 0 评论