我不是小丑-CSDN博客

原创 2021-08-17 webpack

webpack首先webpack的作用是什么第一个概念webpack是一个前端资源构建工具,就是把一些小的功能整合成一个大包里面。我们只需要关心这个大包具体是怎么操作就可以了第二个概念webpack也是一个静态模块打包器，在我们的项目中，我们会引入一些静态模块资源，比如js,css,图片资源等等。。它会将入口文件作为起点开始打包，他会把每一个依赖都记录，形成一个依赖树状关系图，形成好之后它会根据依赖树中的顺序依次把这些资源都给引进来，形成代码块（chunk）,再对代码块进行各项处理，比如把less文

2021-08-17 10:04:17 96

原创 ES6 中的 Promise对象与迭代器

Promise对象ECMAScript 6新增了Promise 对象，该对象允许对延迟和异步操作流程进行控制。一个 Promise对象就是一个代表了异步操作最终完成或者失败的对象。开发人员可以使用由其他函数创建并返回的Promise对象。Promise对象本质上就是一个绑定了回调的对象，而不是将回调传进函数内部。一个Promise有以下几种状态:pending:初始状态，既不是成功，也不是失败状态。fulfilled:意味着操作成功完成。rejected:意味着操作失败。创建Promise

2020-10-28 20:40:52 336

原创 ES6中的键值对集合

键值对集合Set集合Set对象是值的集合，可以按照插入的顺序迭代它的元素。Set 集合中的元素只会出现一次，即Set集合中的元素是唯一的。const set = new Set([1,2,3,4,5]);ES6提供了Set构造函数,创建Set对象Set集合 - 值(唯一的)的集合应用 - 利于 Set 集合为数组元素去重const arr = [1, 2, 3, 4, 5, 5];let set = new Set(arr);console.log(set);NAN,undefune

2020-10-28 20:39:06 424

原创 ES6中的扩展运算符

扩展运算符基本语法扩展运算符(…)允许一个表达式在原地展开，当需要多个参数（比如函数调用时）或者多个值(比如字面量数组）。// 定义一个数组var arr = [1, 2, 3, 4];// 利用扩展运算符console.log(...arr);//扩展运算符主要用于函数调用的参数（形参与实参）。function f(a, b) { console.log(a + b);}let args = [1, 2];f(...args);替代apply()，call() 方法ca

2020-10-27 20:04:22 522

原创 http请求概述

http请求概述从输入url到显示页面的整个过程DNS解析,建立TCP连接,发送http请求先解析域名，解析出来一个IP地址，客服端个服务器建立一个TCP连接，发送http请求server接收到http请求,处理,并返回客户端接收到返回数据,处理数据(如渲染页面,执行js )nodejs处理http请求get请求和querystringget请求,即客户端要向server端获取数据,如查询博客列表通过querystring来传递数据,如a.html?a=100&b=

2020-09-30 09:25:55 137

原创学习canvas（二）

学习canvas（二）绘制文字fillText()在指定的(x,y)位置填充指定的文本，绘制的最大宽度是可选的.fillText(text, x, y [, maxWidth]);text使用当前的 font,textAlign, textBaseline和direction值对文本进行渲染。x文本起点的 x 轴坐标。y文本起点的 y 轴坐标。maxWidth 可选绘制的最大宽度。如果指定了值，并且经过计算字符串的值比最大宽度还要宽，字体为了适应会水平缩放（如果通过水

2020-09-24 17:03:14 140

原创学习canvas

学习canvas圆弧绘制圆弧或者圆，我们使用arc()方法。语法void ctx.arc(x, y, radius, startAngle, endAngle, anticlockwise);参数x:圆弧中心（圆心）的 x 轴坐标。y:圆弧中心（圆心）的 y 轴坐标。radius:圆弧的半径startAngle：圆弧的起始点， x轴方向开始计算，单位以弧度表示。endAngle：圆弧的终点，单位以弧度表示。anticlockwise（可选）：可选的Boolean值，如果为 tru

2020-09-17 17:30:03 137

原创 Fetch

Fetchfetch是一种HTTP数据请求的方式，是XMLHttpRequest的一种替代方案。fetch不是ajax的进一步封装，而是原生js。Fetch函数就是原生js，没有使用XMLHttpRequest对象。特点1、第一个参数是URL:2、第二个是可选参数，可以控制不同配置的 init 对象3、使用了 JavaScript Promises 来处理结果/回调:Fetch默认请求是GETfetch('server/server.js').then(result => { c

2020-09-09 20:24:27 403

原创 Ajax是什么

Ajax是什么Ajax是Asynchronous JavaScript XML的缩写，被译为异步JavaScript和XML。Ajax本身并不是一个新技术，而是一个在2005年被Jesse James Garrett提出的新术语，用来描述一种使用现有技水集合的“新”方法。当使用Ajax模型，HTML页面能够快速地将数据逐步更新显示在用户界面上，不需要重载（刷新）整个页面。这使得HTMIL页面能成更快速地对用户的操作进行反馈。尽管Ajax中的“X”代表XML，但由于JSON的许多优势，目前JSON

2020-09-06 18:54:47 714

原创 JSON是什么

JSON是什么JSON是JavaScript Object Notation的缩写，是一种轻量级的数据交换格式。JSON是基于JavaScript Prograrmming Language,Standard ECMA-262 3rd Edition-December1999的一个子集。JSON是独立于任何语言的文本格式。易于程序员阅读和编写，同时也易于计算机解析和生成。JSON的中文官网地址: http://www.json.org/jison-ZhhtmlJSON语法规则JSON格式的构建比较

2020-09-06 08:30:37 820

原创 jQuery中的Ajax

jQuery中的AjaxjQuery不仅对JavaScript语言进行了封装，也对Ajax异步交互进行了封装。jQuery提供了六个Ajax操作的方法:load()方法get()方法和get()方法和get()方法和post()方法$ajax()方法getScript()方法和getScript()方法和getScript()方法和getJSON()方法getScript()方法和getScript()方法和getScript()方法和.getJSON(方法jQuery除了封装了六个Aj

2020-09-06 08:29:07 308

原创缓存是什么

缓存是什么缓存是一种保存资源副本并在下次请求时直接使用该副本的技术。当web缓存发现请求的资源已经被存储，它会拦截请求，返回该资源的拷贝，而不会去源服务器重新下载。缓存需要合理配置，因为并不是所有资源都是永久不变的。重要的是对一个资源的缓存应截止到其下一次发生改变(即不能缓存过期的资源)。无缓存机制与缓存机制缓存的优势缓存服务器端的数据，具有以下优势:缓解服务器端的资源消耗和运行压力，提升服务器端的整体性能。减少服务器端资源加载的延迟，进而减少显示某个资源所用的时间。减少对带宽造成的压

2020-08-27 08:30:27 874

原创 Cookie

CookieCookie是什么Cookie是服务器发送到用户浏览器并保存在本地的一小块数据，会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。通常，Cookie用于告知服务端两个请求是否来自同一浏览器，如保持用户的登录状态。Cookie使基于无状态的HTTP协议记录稳定的状态信息成为了可能。Cookie技术产生源于HT TP协议在互联网上的急速发展。Cookie曾一度用于客户端数据的存储，因当时并没有其它合适的存储办法而作为唯一的存储手段。但现在随着现代浏览器开始支持各种各样的存

2020-08-27 08:24:46 309

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

经典五层模型低三层物理层物理层主要作用是定义物理设备如何传输数据数据链路层数据链路层在通信的实体间建立数据链路连接网络层网络层为数据在结点之间传输创建逻辑链路传输层向用户提供可靠的端到端(End-to-End)服务传输层向高层屏蔽了下层数据通信的细节应用层为应用软件提供了很多服务构建于TCP协议之.上屏蔽网络传输相关细节HTTP协议发展历史HTTP/0.9只有一-个命令GET没有HEADER等描述数据的信息服务器发送完毕，就关闭TCP连接.HTTP/1.0增加了很

2020-08-27 08:19:51 289

原创基于HTTP的组件系统

基于HTTP的组件系统请求通过一个实体被发出，实体也就是用户代理。大多数情况下，这个用户代理都是指浏览器。每一个发送到服务器的请求，都会被服务器处理并返回一个消息，也就是响应。在这个请求与回应之间，还有许许多多的被称为Proxies的实体，他们的作用与表现各不相同。客户端user-agent就是任何能够为用户发起行为的工具。这个角色通常都是由浏览器来扮演。一些例外情况，比如是工程师使用的程序，以及Web开发人员调试应用程序。浏览器总是作为发起一个请求的实体(近几年已经出现一些机制能够模拟由服

2020-08-20 16:07:42 378

原创 HTTP的基本特性

HTTP的基本特性HTTP是简单的虽然下一代HTTP/2协议将HTTP消息封装到了帧中，HTTP大体上还是被设计得简单易读。HTTP报文能够被人读懂，还允许简单测试，降低了门槛。HT TP是可扩展的在HT TP/1.0中出现的HTTP headers让协议扩展变得非常容易。HTTP是无状态，有会话的在同一个连接中，两个执行成功的请求之间是没有关系的。这就带来了一个问题，用户没有办法在同一个网站中进行连续的交互。HTTP和连接一个连接是由传输层来控制的，这从根本上不属于HTTP的范围。

2020-08-20 16:05:22 1216

原创 HTTP是什么

HTTP 是什么HTTP全称为HyperText Transfer Protocol,被译为超文本传输协议，是互联网.上应用最为广泛的一种网络协议。HTTP协议是在Web上进行数据交换的基础，是一种“客户端-服务器端”协议。也就是说，请求通常是由像浏览器这样的接受方发起的。一个完整的Web文档通常是由不同的子文档拼接而成的，像是文本、布局描述、图片、视频、脚本等等。设计HTTP最初的目的是为了提供一-种发布和接收HTML页面的方法。HTTP 协议历史与标准HTTP/0.9: 1991年制定，有

2020-08-20 15:56:14 2977

原创 ajax跨域问题

跨域问题1.跨越的固定报错格式2.什么是跨域浏览器在使用ajax时,如果请求的接口地址，和当前打开的页面地址，不同源称之为跨域。ajax:浏览器只有使用ajax发送请求才会出现跨域。 href属性与src属性不会出现跨域接口地址: ajax请求的url打开的页面:当前页面的window.location.href不同源:浏览器使用ajax,向不同源的接口发送请求，称之为跨域访问为什么要有同源与不同源出于安全考虑，浏览器不允许,页面向不同源的接口请求数据，因为如果接口和网页不同源

2020-07-08 15:05:49 326

原创 Es6模板字符串

模板字符串模板字符串会保留原样字符串格式，以及可以占位es5的写法//字符串没有格式，里边也不能写变量let author = "小丸子";//报错的let str1 = " 静夜思 author 窗前明月光, 疑是地上霜, 举头望明月, 低头思故乡";es6:模板字符串let author = "李白";let str1 = ` 静夜思

2020-07-02 10:49:48 307

原创利用数据类型Set 实现数组去重

利用数据类型Set 实现数组去重Set作用和数组类似，和数组不同的是:他不能存放重复的元素基本使用let set1 = new Set([10, 20, 30, 40, 10, 20, 30, 50]);console.log(set1); //Set { 10, 20, 30, 40, 50 }数组去重let arr = [10, 20, 30, 40, 10, 20, 30, 50]; //这个数组有很多重复的项let set = new Set(arr);console.log(s

2020-07-02 10:27:43 579

原创 let与const

let与constlet关键字let 声明变量a.没有变量提升b.有块级作用域c.不能重复声明d.可以重新赋值a.没有变量提升console.log(age);//报错了let age = 38;b.有块级作用域for (let i = 0; i < 10; i++) {}console.log(i); //报错了c.不能重复声明let num = 10;let num = 20;console.log(num); //报错d.可以重新赋值let num1

2020-07-02 09:18:06 304

原创 node.js入门

1.什么是nodejsNode 是一个构建于 Chorme V8 引擎之上的一个 Javascript运行环境Node是一个运行环境，作用是让js拥有开发服务器的功能2.Node.js 环境安装如何确认当前电脑是否已经安装了Node环境打开终端，输入node -v，如果能看到版本号则说明当前电脑已经安装Node环境，如果提示Node不是内部或外部命令，则表示未安装一旦安装了node,则会自动井安装npm3.如何运行Node.js程序2.使用终端命令node [js文

2020-07-02 09:07:23 320

原创 jQuery属性操作

jQuery第三天属性和属性节点1.什么是属性？对象身上保存的变量就是属性2.如何操作属性？对象.属性名称 = 值对象.属性名称对象[‘属性名称’] = 值对象[‘属性名称’]3.什么是属性结点在编写html代码时在HTML标签中添加的属性就是属性结点在浏览器中找到span这个DOM元素之后，展开看到的都是属性在attributes属性中保持的所有内容都是属性结点4.如何操作属性结点DOM元素.setAttribute(“属性名称”, “值”);DOM元素.getAttrib

2020-06-18 00:14:02 341 1

原创 jQuery核心函数和工具方法

jQuery第二天jQuery的核心函数$();就代表调用jQuery的核心函数1.接收一个函数$(function () { alert("hello");});2.1接收一个字符串返回一个jQuery对象,对象中保存了找到的BOM元素var $box1 = $(".box1");var $box2 = $("#box2");console.log($box1);console.log($box2);2.2.接收一个代码片段如果传递的是一个字符串的代码片段会根据字符串的代码

2020-06-17 07:49:39 355

fuxinyu1的博客