- 博客(37)
- 收藏
- 关注
RSS订阅原创 一篇文章看懂HTTP+WebSocket+计算机网络（附思维导图）
HTTP协议HTTP协议协议简介HTTP 超文本传输协议，是基于TCP/IP协议之上的应用层协议。特点：基于请求-响应的模式。无状态保存：不保存之前发送过的请求或响应，为了实现保存功能引入了cookie。无连接：服务器处理完客户的请求，并收到客户的应答后，即断开连接。HTTP1.0是直接断开，1.1就是长连接机制。HTTP的请求方法HTTP有几种请求方法？一共有八种方法，以不同的方式操作资源：GET：发出获取资源的请求，只用在读取数据。POST：提交数据，创建或修改资
2021-12-12 20:30:19
1991
1
原创 JS高级程序设计精简版（第十二章：DOM）附思维导图
时隔两年后二刷JavaScript高级程序语言，纯手打读书笔记+思维导图，让自己有一个比较全面的知识体系，后面有遇到例子的时候会慢慢补充更多的用法。有不足之处欢迎大家评论区指出，共勉！！DOM1、定位元素getElementById()getElementsByTagName()getElementsByClassName()返回一个包含他们的HTMLCollection，类似NodeList的使用，但其对象有一个额外的方法：namedItem()，可通过标签的name属性获...
2021-12-09 11:54:55
490
原创 JS高级程序设计精简版（第十一章：期约与异步）附思维导图
时隔两年后二刷JavaScript高级程序语言，纯手打读书笔记+思维导图，让自己有一个比较全面的知识体系，后面有遇到例子的时候会慢慢补充更多的用法。有不足之处欢迎大家评论区指出，共勉！！第十一章 期约与异步一、异步同步与异步同步：所有指令都是在单个线程中按顺序执行的异步：为了不阻塞线程，可以将计算量大或要等很长时间的操作使用异步。ES5异步：以往只支持回调函数来表明异步操作完成，因此很经常串联多个异步操作（回调地狱）二、期约ES6期约：ES6新增的引用类型Pro...
2021-12-09 11:33:26
463
原创 JS高级程序设计精简版（第十章：函数）附思维导图
时隔两年后二刷JavaScript高级程序语言，纯手打读书笔记+思维导图，让自己有一个比较全面的知识体系，后面有遇到例子的时候会慢慢补充更多的用法。有不足之处欢迎大家评论区指出，共勉！！第十章 函数函数也是对象，函数是Function类型的实例，函数名就是指向函数对象的指针。定义函数的四种方式：函数声明、函数表达式、new Function();、箭头函数一、参数1、实参函数定义的形参个数可以和实参个数不同，因为函数被调用时接收一个数组保存实参。因为js函数使用参...
2021-12-08 22:13:55
736
原创 JS高级程序设计精简版（第九章：代理与反射）附思维导图
时隔两年后二刷JavaScript高级程序语言，纯手打读书笔记+思维导图，让自己有一个比较全面的知识体系，后面有遇到例子的时候会慢慢补充更多的用法。有不足之处欢迎大家评论区指出，共勉！！代理和反射可以拦截对目标对象的操作，必须通过操作代理才能实现拦截。代理是真实JS对象的透明抽象层。反射API封装了一整套与捕获器拦截的操作相对应的方法，一、代理基础创建一个代理var proxy = Proxy(目标对象，处理程序对象)给目标或代理的属性赋值，两个对象都会有反应，因为代理会将...
2021-12-08 22:08:24
129
原创 JS高级程序设计精简版（第八章：第八章对象、类与面向对象）附思维导图
时隔两年后二刷JavaScript高级程序语言，纯手打读书笔记+思维导图，让自己有一个比较全面的知识体系，后面有遇到例子的时候会慢慢补充更多的用法。有不足之处欢迎大家评论区指出，共勉！！一、对象的属性定义属性Object.defineProperty(obj,prop,desc) 或者Object.defineProperties(obj,{prop:{desc}})desc是属性的配置，有六种，以下是其默认值。value get set ...
2021-12-08 22:05:44
598
1
原创 JS高级程序设计精简版（第六章：集合引用类型）附思维导图
一、ObjectNew object（）或者对象字面量 object = {} 不会调用 Object构造函数key为数值会自动转为字符串二、数组创建数组：数组字面量 [] 也不会调用Array构造函数ES6新增两种创建数组的静态方法。Array.form(arg,function(x){})arg可以是任何可迭代的结构，或者有length属性和可索引元素的结构。若arg是现有数组，则对此数组进行浅拷贝。Function(x){}对创建出来的数组元素都调用一次函数，并.
2021-12-08 18:39:51
239
原创 JS高级程序设计精简版（第五章：引用类型）附思维导图
时隔两年后二刷JavaScript高级程序语言，纯手打读书笔记+思维导图，让自己有一个比较全面的知识体系，后面有遇到例子的时候会慢慢补充更多的用法。有不足之处欢迎大家评论区指出，共勉！！第五章 引用类型一、日期Date1、时区概念：UTC：世界协调时，利用原子钟计算时间与日期，世界统一时间，是没有时区概念的。GMT：格林尼治标准时间,根据地球自转公转而定的时间，可以视为UTC一样的时间（忽略不计）。时区：中国是东八区，（GMT + 8 = 中国本地时间）2、创建日...
2021-10-08 23:35:33
190
原创 JS高级程序设计精简版（第四章：变量、作用域和内存）附思维导图
时隔两年后二刷JavaScript高级程序语言，纯手打读书笔记+思维导图，让自己有一个比较全面的知识体系，后面有遇到例子的时候会慢慢补充更多的用法。有不足之处欢迎大家评论区指出，共勉！！第四章 变量、作用域和内存一、变量1、基本类型和引用类型基本类型存的是值，引用类型存的是地址，地址指向堆内存的对象。传参：按值传参，引用类型的话值就是地址。引用类型的类型检测：instanceof 如 arr instanceof Array //true2、变量声明...
2021-10-08 23:11:40
248
1
原创 JS高级程序设计精简版（第三章：语言基础）附思维导图
时隔两年后二刷JavaScript高级程序语言，纯手打读书笔记+思维导图，让自己有一个比较全面的知识体系，后面有遇到例子的时候会慢慢补充更多的用法。有不足之处欢迎大家评论区指出，共勉！！第三章 语言基础一、数据类型检测——typeof检测给定变量的数据类型——typeof“undefined”——如果这个值未定义；“boolean”——如果这个值是布尔值；“string"——如果这个值是字符串；”number“——如果这个值是数值；”object”——如果这个...
2021-10-08 22:53:42
263
原创 JS高级程序设计精简版（第一章+第二章）附思维导图
时隔两年后二刷JavaScript高级程序语言，纯手打读书笔记+思维导图，让自己有一个比较全面的知识体系，后面有遇到例子的时候会慢慢补充更多的用法。有不足之处欢迎大家评论区指出，共勉！！ 第一章 JS简介 一、浏览器相关 浏览器组成浏览器由渲染引擎 + JS引擎组成。渲染引擎：解析HTML+CSS，俗称内核，如chrome的blink，webkitJS引擎：JS解释器，读取网页中的JS代码，解释一行执行一行，如chrome的V8二、JS相关JS组成ECMA...
2021-10-08 22:17:13
263
原创 ActionScript3语法基础
一、日期类型与JS的Date类似，差别在于，创建一个Dtae对象时，要声明为Date类型的变量var now:Date = new Date();var millenium:Date = new Date(2000, 0, 1, 0, 0, 0, 0); //2000年1月1日午夜二、字符串类型1、创建字符串引号使用、方法、属性等与JS相同，也有length属性，差别在...
2020-07-14 15:14:03
615
原创 Refused to load the image 'http://localhost:8082/favicon.ico', Vue页面cannot get问题
在吃完饭后或者一觉睡醒，打开项目就发现启动不了了，npm只是一直卡在94%，没有报错信息，如下图打开网页后，发现页面只有：Cannot GET /而控制台报错：Refused to load the image 'http://localhost:8082/favicon.ico' because it violates the following Content Security...
2019-09-04 18:08:32
28612
8
原创 vue的无缝滚动插件：vue-seamless-scroll
1、npm安装npm install vue-seamless-scroll --save2、引入import scroll from 'vue-seamless-scroll'官方demo:https://chenxuan1993.gitee.io/component-document/index_prod#/component/seamless-default3、使用...
2019-08-16 14:29:48
3020
原创 SASS基础——CSS扩展语言
一、变量$可以把反复使用的css属性值 定义成变量，通过变量名来引用它们1、声明变量，如$basic-border: 1px solid black;作用域：变量在CSS规则块内定义则作用域为块内，在块外定义则全局使用。变量名：在SASS中下滑线和中划线可以互相通用，但纯CSS的地方不行2、使用变量可以在CSS属性的标准值可存在的任何地方使用它，改变变量的声明即可改变所有引...
2019-08-15 11:18:03
447
原创 Vue入门（九） Vuex
每一个 Vuex 应用的核心就是 store（仓库），store包含着应用中大部分的状态 (state)。使用vuex来保存我们需要管理的状态值，值一旦被修改，所有引用该值的地方就会自动更新。Vuex 和单纯的全局对象有以下两点不同：①若 store 中的状态发生变化，相应的组件也会更新。②不能直接改变 store 中的状态，通过mutation来改变，可以跟踪每一个状态的变化...
2019-07-23 17:43:53
271
原创 vue入门（八）Vue Router 高阶
一、导航守卫 导航就是我们说的路由，当路由发生变化的时候，我们想要做的事情（如登录后才能进入的页面） 参数或查询的改变并不会触发进入/离开的导航守卫。1、全局前置守卫router.beforeEach 使用router.beforeEach注册一个全局前置守卫，它在导航被触发后调用，按照创建顺序调用，此时导航在所有守卫 resolve 完之前一直处于等待中。...
2019-07-19 14:36:29
303
原创 vue入门（七）Vue Router
一、基础用 Vue.js + Vue Router 创建单页应用使用router-link组件来导航，通过传入to属性指定连接，router-link默认会被渲染成一个<a>标签（类似a但点击不会再刷新页面）<router-link to="/foo">Go to Foo</router-link><router-view> 此处渲...
2019-07-19 10:21:36
201
原创 vue入门（六）可复用性＆组合
一、混入 一个混入对象可以包含任意组件选项，当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。var myMixin = { ... } //定义一个混入对象var Component = Vue.extend({ mixins:[myMixin] //定义一个使用混入对象的组件})1、选项合并 当组件...
2019-07-18 16:30:57
314
原创 vue入门（五）过渡＆动画
一、单元素、组件的过渡 transition的封装组件，在使用v-if、v-show、动态组件、组件根节点中，可以给任何元素和组件添加过渡当插入或删除包含在transition组件中的元素时，Vue会探测元素是否使用CSS过渡或动画、JS钩子函数调用。1、过渡的类名在进入/离开的过渡中，会有 6 个 class 切换：①v-enter：元素被插入之前生效②v-ente...
2019-07-18 10:46:44
239
原创 vue入门（三）vue CLI脚手架
一、创建一个项目 创建一个项目有两种方法1、Git创建一个项目 在要创建项目的文件夹下，右键git bash here，输入以下命令vue init webpack project-name //project-name为项目名cd project-name //进入文件夹中npm run dev //运行此时会出现配置选项，defau...
2019-07-17 22:08:05
140
原创 vue入门（四）组件components
一、基本介绍组件是可复用的Vue实例，可以在一个通过new Vue创建的Vue根实例中，把这个组件作为自定义元素来使用。组件也可以包含data、computed、watch、methods以及生命周期钩子等，除了el。1、一个组件的data必须是一个函数 这样，每个实例可以维护自己独立的数据，而不是每个组件都使用同一个数据：data:function(){ ...
2019-07-17 22:07:43
3208
原创 vue入门（二）渲染
一、条件渲染1、v-if 和v-else 条件渲染就是，通过改变条件来决定一些东西是否出现在页面中。如v-if和v-else，此要成对出现，且放在同级别标签中。如下例子，当v-if为true时，页面显示hello world 。当v-if为false时，则显示 你好 世界。<p v-if="isShow">hello world</p><...
2019-07-16 22:26:31
607
原创 vue入门（一）数据绑定
一、如何使用Vue1、CDN方式<script src="https://cdn.jsdelivr.net/npm/vue"></script>2、NPM方式（构建大型应用时）$ npm install vue二、Vue实例中的属性1、el： element，需要获取的元素， 是HTML中的根容器元素，“里面填写元素选择器”2、data：...
2019-07-15 23:18:55
381
原创 JavaScript HTML5脚本编程
JavaScript HTML5脚本编程 一、跨文档消息传递 跨文档消息传送（XDM）：在来自不同域的页面间传递消息。 postMessage()方法：向当前页面中的<iframe>元素或者由当前页面弹出的窗口传递数据。两个参数：一条消息、接收方来自哪个域。var iframeWindow = document.getElementById("myfr...
2019-04-22 11:33:50
267
原创 JavaScript 使用Canvas绘图
JavaScript 使用Canvas绘图 <canvas>元素负责在页面中设定一个区域，可以通过JavaScript动态地在这区域中绘制图形。一、基本用法1、先设置width和height来指定绘图区域大小，默认是透明的。需用getContext()方法获得绘图上下文。if(drawing.getcontext){ //检测浏览器是否支持canvas元...
2019-04-15 13:40:54
12945
原创 JavaScript 表单脚本
JavaScript 表单脚本一、基本概念 HTML中表单<form>对应JS的是HTMLFormElement类型，具有HTML元素的默认属性，也有以下特有的属性和方法：acceptCharset、action、elements、enctype、length、method、name、target这几个属性都对应表单的特性， 可以通过document.for...
2019-04-14 10:43:32
745
原创 JavaScript 事件（下）
接JavaScript 事件（上）6、变动事件 当DOM中的某一部分发生变化时给出提示DOMSubtreeModified：DOM结构变化触发DOMNodeInserted: 插入子节点触发DOMNodeRemoved:删除节点触发DOMNodeInstertedIntoDocument:节点插入文档时触发DOMNodeRemovedFromDocument:节点...
2019-04-12 09:59:22
269
原创 JavaScript 事件（上）
JavaScript 事件一、基本概念1、事件：JS通过事件与HTML交互2、事件流：描述的是从页面中接收事件的顺序，IE是事件冒泡流，其他是事件捕获流3、事件冒泡：从最底层的节点逐级向上传播，DOM2级规范的，如：div → body → html → document4、事件捕获：与冒泡相反的顺序5、DOM事件流：包括三阶段，事件捕获、处于目标和时间冒泡阶段二、事件...
2019-04-07 23:49:10
569
原创 浅谈JavaScript中DOM2
浅谈JavaScript中DOM2DOM2级分成了以下六个模块：1、DOM2级核心：为节点添加了方法和属性2、DOM2级视图3、DOM2级事件：说明了如何使用事件与DOM文档交互4、DOM2级样式：CSS5、DOM2级遍历和范围6、DOM2级HTML一、样式 在THML中，为网页设置样式有三种方法，而DOM2则围绕这三种方法提供了一套API，可以使用下列代...
2019-04-06 20:07:42
431
原创 JavaScript DOM拓展 API 遍历等
浅谈DOM拓展 对DOM的两个主要拓展是Selectors API 和HTML5一、选择符API——Selectors Selectors API致力于让浏览器原生支持CSS查询，即解析和树查询操作可以在浏览器中直接编译完成，相比其他JS库，极大地改善了性能。Selectors API Level 1有以下两大方法，可通过Document和Element类型实例调用它们...
2019-04-05 00:13:05
215
原创 JavaScript DOM操作技术
JavaScript DOM操作技术一、动态脚本 动态脚本指的是：不是预先写在HTML页面上的，而是在将来某一时刻通过修改DOM动态添加的脚本。 创建动态脚本的两种方式：引入外部src文件或者直接插入JavaScript代码。1、引入外部文件<script type="text/javascript" src="file.js"> </scri...
2019-04-04 22:15:54
223
原创 JavaScript 浅谈DOM节点层次：Text /Coment等类型
浅谈DOM其他节点层次：Text 、Coment、一、Text类型——文本 Text类型表示纯文本内容，其特性有 nodeType == 3 ; nodeName == "#text" ; nodeValue == "节点内的所有文本" 访问Text节点：可通过nodeValue属性或者data属性访问 文本节点：标签间有空格或者文本为一个文...
2019-04-03 23:31:44
699
原创 JavaScript 浅谈DOM节点层次：Element类型
浅谈DOM节点层次——Element类型一、基本概念1、Element类型用于表现XML或HTML元素，对元素标签名、子节点及特性的访问，其特性有： nodeType == 1 ; nodeName == "标签名" ; nodeValue == null ; 2、获取元素名及标签名<div id="Div"> </div>...
2019-04-03 21:30:41
252
原创 JavaScript 浅谈DOM节点层次：Document类型
浅谈DOM节点层次——Document类型一、基本概念1、Document类型 JavaScript通过Document这一节点类型来表示文档。Document类型可以表示HTML页面或者其他基于XML的文档。Document接口描述了任何类型文档的公共属性和方法。2、HTMLDocument HTMLDocument继承自Document类型，且根据HTML文档...
2019-04-03 16:13:00
636
原创 JavaScript 浅谈DOM节点层次:Node类型
浅谈DOM节点层次——Node类型一、什么是Node类型？ 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。就是说，DOM可以将网页页面文档画成一个多层节点构成的结构。 Node(节点)接口由DOM中的所有Node（节点）类型（元素节点、文档节点等等）实现。JavaScript中一共有12种Node类型，而所有的节点都...
2019-04-03 01:22:27
344
翻译 HTML基本标签入门篇
HTML基本标签本篇文章介绍了HTML入门的基本标签及用法。标签的语法 由<>开始，</>结束，HTML标签不区分大小写，但建议小写。部分标签与位置如图<html>——根标签<head> <title>...</title>——网页标题 <meta> <link&am
2019-03-06 15:38:30
336
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人