自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(37)
  • 收藏
  • 关注

原创 一篇文章看懂HTTP+WebSocket+计算机网络(附思维导图)

HTTP协议HTTP协议协议简介HTTP 超文本传输协议,是基于TCP/IP协议之上的应用层协议。特点:基于请求-响应的模式。无状态保存:不保存之前发送过的请求或响应,为了实现保存功能引入了cookie。无连接:服务器处理完客户的请求,并收到客户的应答后,即断开连接。HTTP1.0是直接断开,1.1就是长连接机制。HTTP的请求方法HTTP有几种请求方法?一共有八种方法,以不同的方式操作资源:GET:发出获取资源的请求,只用在读取数据。POST:提交数据,创建或修改资

2021-12-12 20:30:19 1987 1

原创 JS高级程序设计精简版(第十二章:DOM)附思维导图

时隔两年后二刷JavaScript高级程序语言,纯手打读书笔记+思维导图,让自己有一个比较全面的知识体系,后面有遇到例子的时候会慢慢补充更多的用法。有不足之处欢迎大家评论区指出,共勉!!DOM1、定位元素getElementById()getElementsByTagName()getElementsByClassName()返回一个包含他们的HTMLCollection,类似NodeList的使用,但其对象有一个额外的方法:namedItem(),可通过标签的name属性获...

2021-12-09 11:54:55 489

原创 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 261

原创 JS高级程序设计精简版(第一章+第二章)附思维导图

时隔两年后二刷JavaScript高级程序语言,纯手打读书笔记+思维导图,让自己有一个比较全面的知识体系,后面有遇到例子的时候会慢慢补充更多的用法。有不足之处欢迎大家评论区指出,共勉!! 第一章 JS简介 一、浏览器相关 浏览器组成浏览器由渲染引擎 + JS引擎组成。渲染引擎:解析HTML+CSS,俗称内核,如chrome的blink,webkitJS引擎:JS解释器,读取网页中的JS代码,解释一行执行一行,如chrome的V8二、JS相关JS组成ECMA...

2021-10-08 22:17:13 262

原创 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 614

原创 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 28610 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 3018

原创 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 200

原创 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 238

原创 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 3204

原创 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 12936

原创 JavaScript 表单脚本

JavaScript 表单脚本一、基本概念 HTML中表单<form>对应JS的是HTMLFormElement类型,具有HTML元素的默认属性,也有以下特有的属性和方法:acceptCharset、action、elements、enctype、length、method、name、target这几个属性都对应表单的特性, 可以通过document.for...

2019-04-14 10:43:32 744

原创 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 430

原创 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 214

原创 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 698

原创 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 343

翻译 HTML基本标签入门篇

HTML基本标签本篇文章介绍了HTML入门的基本标签及用法。标签的语法 由&lt;&gt;开始,&lt;/&gt;结束,HTML标签不区分大小写,但建议小写。部分标签与位置如图&lt;html&gt;——根标签&lt;head&gt; &lt;title&gt;...&lt;/title&gt;——网页标题 &lt;meta&gt; &lt;link&am

2019-03-06 15:38:30 335

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除