chc2517-CSDN博客

原创 [ES6] ES6 新特性之数组

扩展运算符扩展运算符(…)允许一个表达式在原地展开，当需要多个参数(比如函数调用时)或者多个值( 比如字面量数组)。理解：得到数组的每一项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扩展运算符主要用于函数调

2020-10-29 08:41:35 747

原创 [ES6] ES6 新特性之字符串

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

2020-10-28 09:00:39 303

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

变量的解构赋值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 的“解构赋值”本质上属于“模式匹配”。赋值运算符两边的模式相同，左边的变量会被赋予

2020-10-27 09:30:11 472

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

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

2020-10-26 14:30:50 269

原创 [ES6] ES6介绍

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

2020-10-25 09:27:27 393

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

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

2020-10-02 10:53:01 1448

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

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

2020-09-24 20:01:19 580

原创 canvas

canvas是什么canvas是一个可以使用脚本(通常为JavaScript来绘制图形的 HTML元素 ,就是HTML的一种画布<canvas> 最早由Apple引入WebKit，用于Mac OS X 的 Dashboard，随后被各个浏览器实现。如今，所有主流的浏览器都支持它。<canvas>标签Canvas 的默认大小为300像素×150像素（宽×高，像素的单位是px）。但是，可以使用HTML的高度和宽度属性来自定义Canvas 的尺寸。为了在 Canvas 上绘制图形，

2020-09-17 21:38:43 533 1

原创实现跨域访问

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

2020-09-09 19:22:44 156

原创 Ajax的基本用法

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

2020-09-02 17:20:37 156

原创 HTTP各种特性总览

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

2020-08-25 22:13:53 159

原创 HTTP协议基础及发展历史

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

2020-08-24 23:02:26 126

原创跨域资源共享

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

2020-08-21 01:40:10 146

原创 Cookie

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

2020-08-20 16:05:21 161

原创 HTTP缓存机制

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

2020-08-19 07:17:36 189

原创 HTTP消息

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

2020-08-14 01:11:48 233

原创了解HTTP

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

2020-08-10 23:47:19 160

原创 JavaScript 数组方法

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

2020-07-04 22:09:49 116 1

原创 Nodejs入门

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

2020-07-01 20:39:21 185 2

chc2517的博客