chc2517的博客

[ES6] ES6 新特性之数组

chc2517 — Thu, 29 Oct 2020 08:41:35 +0800

扩展运算符扩展运算符(…)允许一个表达式在原地展开，当需要多个参数(比如函数调用时)或者多个值( 比如字面量数组)。理解：得到数组的每一项 ES5 ： let arr = [1, 2, 3, 4, 5]; for (let i = 0; i < arr.length; i++) { console.log(arr[i]); } ES6 ： let arr = [1, 2, 3, 4, 5]; console.log(...arr); // 1 2 3 4 5 扩展运算符主要用于函数调

[ES6] ES6 新特性之字符串

chc2517 — Wed, 28 Oct 2020 09:00:39 +0800

判断是否包含 ES5： let str = 'hebeisheng'; // ES5提供判断是否包含的方法 console.log(str.indexOf('e')); // 1 console.log(str.lastIndexOf('e')); // 7 ES6： includes() 方法 startsWith() 方法 endsWith() 方法 includes() 方法 includes() 方法用于判断一个字符串是否包含在另一个字符串中，返回布尔值。语法结构： str.includes

[ES6] ES6 新特性之解构赋值

chc2517 — Tue, 27 Oct 2020 09:30:11 +0800

变量的解构赋值 ECMAScript 6 允许按照一定模式从数组或对象中提取值，对变量进行赋值。这种赋值方式被称为“解构赋值”(Destructuring)。 ECMAScript 5 为变量赋值方式如下: var a = 10; var b = 11; var c = 12; ECMAScript 6 为变量赋值方式如下: let [a, b, c] = [10, 11, 12]; ECMAScript 6 的“解构赋值”本质上属于“模式匹配”。赋值运算符两边的模式相同，左边的变量会被赋予

[ES6] ES6 新特性之声明变量

chc2517 — Mon, 26 Oct 2020 14:30:50 +0800

ES5 ES6 用 var 关键字声明变量用 let 关键字声明变量全局作用域全局作用域函数作用域块级作用域 ES5 中用 var 关键字声明变量 var v = 100; // 在全局作用域中 function fn() { // 在函数作用域中 - 只能在当前函数作用域中访问 var w = 10; console.log(v); // 100 console.log(w); // 10 } console.log(v) //...

[ES6] ES6介绍

chc2517 — Sun, 25 Oct 2020 09:27:27 +0800

ES6是什么 ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准，已经在2015年6月正式发布了。Mozilla公司将在这个标准的基础上，推出JavaScript 2.0。 ECMA 与JavaScript的关系 1996年11月， JavaScript的创造者Netscape公司，决定将、JavaScript 提交给标准化组织， ECMA，希望这种语言能够成为国际标准。次年，ECMA发布262号标准文件(ECMA-262)的第一版，规定了浏览器脚本语言的标准，并将这种语言称

[wangEditor] wangEditor富文本编辑器使用

chc2517 — Fri, 02 Oct 2020 10:53:01 +0800

自动生成编辑器主要函数： var editor = new wangEditor(dom); editor.create(); 作用：创建一个编辑器参数：dom 获取HTML一个节点常用 div1 元素生成编辑器。用div 元素生成的编辑器时，wangEditor直接将该div变成一个可编辑区域，内容的改动无需拷贝。注意：wangEditor 从v3版本开始不支持 textarea 使用 id 生成编辑器

请输入内容...

[wangEditor] wangEditor富文本编辑器介绍

chc2517 — Thu, 24 Sep 2020 20:01:19 +0800

wangEditor介绍 wangEditor 是一款基于javascript和css开发的html富文本编辑器，开源免费。产品第一版发布于2014年11月。下载方法点击· https://github.com/wangfupeng1988/wangEditor/releases 下载最新版使用git下载： git clone https://github.com/wangfupeng1988/wangEditor.git 使用npm安装: npm install wangeditor （注意 wa

canvas

chc2517 — Thu, 17 Sep 2020 21:38:43 +0800

canvas是什么 canvas是一个可以使用脚本(通常为JavaScript来绘制图形的 HTML元素 ,就是HTML的一种画布

实现跨域访问

chc2517 — Wed, 09 Sep 2020 19:22:44 +0800

文章目录跨域访问是什么同源策略域名是什么跨域是什么常见跨域技术常见跨域JSONP是什么script元素实现跨域访问$.getJSON()实现跨域访问跨域访问是什么同源策略 1995年，同源政策由Netscape公司引人浏览器。目前，所有测览器都实行这个政策。同源政策的目的，是为了保证用户信息的安全，防止恶意的网站窃取数据。随着互联网的发展，“同源政策”越来越严格。目前，如果非同源，共有三种行为受到限制： Cookie、LocalStorage和IndexDB无法读取 DOM无法获得 AJAX请求不能

Ajax的基本用法

chc2517 — Wed, 02 Sep 2020 17:20:37 +0800

文章目录同步交互与异步交互交互是什么同步交互是什么异步交互是什么异步交互的优势异步交互的劣势Ajax是什么Ajax涉及的技术Ajax工作原理Ajax的核心对象实现Ajax异步交互实现Ajax的执行步骤创建Ajax的核心对象Ajax异步请求数据同步交互与异步交互交互是什么同步交互是什么所谓同步交互，就是指发送一个请求，需要等待返回，然后才能够发送下一个请求。同步交互相当于排队，轮到下一个的情况会因为前一个而有所不同。说明：就是上一行代码没加载完，下一行不能加载异步交互是什么所谓异步交互，就是

HTTP各种特性总览

chc2517 — Tue, 25 Aug 2020 22:13:53 +0800

文章目录CORS跨域请求的限制与解决CORS跨域限制以及预请求验证允许方法允许Content-Type其他限制预请求缓存头Cache-Control的含义和使用可缓存性到期重新验证其他缓存验证Last-Modified和Etag的使用Last-ModifiedEtagcookie和sessionCookieCookie属性HTTP长连接数据协商分类RedirectCSP作用限制方式实例 CORS跨域请求的限制与解决返回数据时设置头信息,只能有一个域名,需要多个域名要判断 const http = requ

HTTP协议基础及发展历史

chc2517 — Mon, 24 Aug 2020 23:02:26 +0800

文章目录5层网络模型介绍底三层传输层应用层HTTP协议的发展历史HTTP/0.9HTTP/1.0HTTP/1.1 5层网络模型介绍经典五层模型：底三层物理层主要作用是定义物理设备如何传输数据数据链路层在通信的实体间建立数据链路连接网络层为数据在结点之间传输创建逻辑链路传输层向用户提供可靠的端到端(End-to-End)服务传输层向高层屏蔽了下层数据通信的细节应用层为应用软件提供了很多服务构建于TCP协议之上屏蔽网络传输相关细节 HTTP协议的发展历史 HTTP/0.9 只有一个

跨域资源共享

chc2517 — Fri, 21 Aug 2020 01:40:10 +0800

文章目录跨域资源共享是什么CORS是什么简单请求简单请求是什么跨域资源共享是什么 CORS是什么 CORS全称为Cross-Origin Resource Sharing，被译为跨域资源共享，新增了一组HTTP首部字段，允许服务器声明哪些源站有权限访问哪些资源。跨域资源共享标准规范要求，对那些可能对服务器数据产生副作用的HTTP请求方法（特别是GET以外的HTTP请求，或者搭配某些MIME类型的POST请求），浏览器必须首先使用OPTIONS方法发起一个预检请求，从而获知服务端是否允许该跨域请求。服务

Cookie

chc2517 — Thu, 20 Aug 2020 16:05:21 +0800

文章目录Cookie是什么Cookie的存储Cookie的作用域Cookie的有效期Cookie的应用访问与更新Cookie创建Cookie读取Cookie删除CookieHTTP中的CookieSet-Cookie响应头Cookie请求头 Cookie是什么 Cookie是服务器发送到用户浏览器并保存在本地的一小块数据，会在刘览器下次向同一服务器再发起请求时被携带并发送到服务器上。通常，Cookie用于告知服务端两个请求是否来自同一浏览器，如保持用户的登录状态。Cookie使基于无状态的HTTP协议记录

HTTP缓存机制

chc2517 — Wed, 19 Aug 2020 07:17:36 +0800

文章目录缓存机制是什么无缓存机制有缓存机制缓存机制私有缓存共享缓存缓存控制Cache-control头Pragma头缓存机制是什么缓存是-种保存资源副本并在下次请求时直接使用该副本的技术。当web缓存发现请求的资源已经被存储，它会拦截请求，返回该资源的拷贝，而不会去源服务器重新下载。缓存需要合理配置，因为并不是所有资源都是永久不变的。重要的是对一个资源的缓存应截止到其下一次发生改变(即不能缓存过期的资源)。无缓存机制存在的问题：对互联网的带宽造成比较大的压力对服务器的运行造成比较大的压力

HTTP消息

chc2517 — Fri, 14 Aug 2020 01:11:48 +0800

文章目录MIME类型HTTP/2.0HTTP1.x缺点 MIME类型 MIIME类型全称为Mu Jtipu rpose Internet Mail Extensions,被译为多用途Internet邮件扩展类型是一种标准化的方式来表示文档的性质和格式。浏览器通常使用MIME类型(而不是文件扩展名)来确定如何处理文档;因此服务器设置正确以将正确的MIME类型附加到响应对象的头部是非常重要的。类型描述经典实例 text 表明文件是普通文本 text/plain, text/html, t

了解HTTP

chc2517 — Mon, 10 Aug 2020 23:47:19 +0800

文章目录HTTP是什么HTTP协议历史与标准HTTP请求与响应消息HTTP的基本原理基于HTTP的组件系统客户端Web服务器代理( Proxies )HTTP的相关概念HTTP的基本特性HTTP能控制什么HTTP流 HTTP是什么 HTTP全称为Hypec Text Transfer Protocol,被译为超文本传输协议，是互联网上应用最为广泛一种网络协议。 HTTP协议是在Web上进行数据交换的基础，是一-种“客户端-服务器端”协议。也就是说，请求通常是由像浏览器这样的接受方发起的。-个完整的Web文档

JavaScript 数组方法

chc2517 — Sat, 04 Jul 2020 22:09:49 +0800

JavaScript 数组方法文章目录JavaScript 数组方法forEach()方法map()方法filter() 方法 forEach()方法 forEach() 方法是遍历数组，把遍历出来的每一项交给回调函数. 语法结构： arr.forEach(function (item, index) { }); arr：一个数组参数： item：数组里面的值 index：每一个值对应的索引 let arr = [10, 20, 30, 40]; arr.forEach(function (

Nodejs入门

chc2517 — Wed, 01 Jul 2020 20:39:21 +0800

Nodejs入门学习Nodejs建议 1.了解客户浏览器与服务端后台交互过程，可以在以后的前端开发工作中与后端人员之间的沟通更加容易理解。虽然工作中不一定用的上Nodejs，但是通过对服务端开发的了解，能够让你在日常工作中与公司的后端人员之间的沟通变得更加轻松。 2.了解服务端开发一些特性，可以在工作中，当我们前端与后端交互出现bug问题时，能够更快速的定位bug是出现自己的客户端还是别人的服务端。作为一名前端人员，如果对后台不了解，那么以后在于后台交互的开发中有可能明明是后台的问题但，是由