自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 正则表达式中\1 \2和\\1的理解

一、带引号的\1‘\1’匹配的时字符’\1’二、单独的\1表示取得对第几个()的引用eg.‘(\d)\1’:匹配连个连续的数字字符,如33,44,11'(\d)(a)\1:匹配第一个是数字,第二个是a,第三个是和第一个相同的数字,如2a2'(\d)(a)\2:匹配第一个是数字,第二个是a,第三个是和第二个相同的,如:8aa,4aa...

2020-07-08 16:47:00 10717 3

原创 webpack.base.conf.js文件的配置

一、引入模块文件const path = require('path')const utils = require('./utils')const config = require('../config')const vueLoaderConfig = require('./vue-loader.conf')const utils = require(’./utils’)对vue-loader对于css预编译一些提取的工具模块,因为对于个人开发而言,在里面提供了,sass,less,styl

2020-07-07 08:18:35 2281

原创 数据存储

一、离线检测navigator.onLine属性,这个属性为true表示可以上网,值为false表示设备离线 document.write(navigator.onLine?"online":offline)除了navigator.onLine属性之外,还有两个事件,online和offline二、应用缓存三、数据存储3.1、CookieHTTP Cookie,最初是在客户端用于存储会话信息的3.1.1、限制针对不同的浏览器,cookie大小有不同的限制3.1.2、cookie的构成H

2020-06-02 13:08:10 135

原创 数据存储

一、离线检测navigator.onLine属性,这个属性为true表示可以上网,值为false表示设备离线 document.write(navigator.onLine?"online":offline)除了navigator.onLine属性之外,还有两个事件,online和offline二、应用缓存三、数据存储3.1、CookieHTTP Cookie,最初是在客户端用于存储会话信息的3.1.1、限制针对不同的浏览器,cookie大小有不同的限制3.1.2、cookie的构成H

2020-06-01 14:04:31 149

原创 Ajax

一、XMLHttpRequest对象function createXHR(){ //适用于IE7+,Firefox,Opera,Chrome和Safair if (typeof XMLHttpRequest != "undefined"){ return new XMLHttpRequest(); //适用于IE7之前的版本 } else if (typeof A

2020-06-01 07:57:37 130

原创 Ajax

一、XMLHttpRequest对象function createXHR(){ //适用于IE7+,Firefox,Opera,Chrome和Safair if (typeof XMLHttpRequest != "undefined"){ return new XMLHttpRequest(); //适用于IE7之前的版本 } else if (typeof A

2020-05-31 16:01:27 151

原创 JSON

一、语法JSON的语法可以表示以下三种类型的值简单值:字符串,数值,布尔值,null,但是不可以表示undefinded对象数组1.1、简单值JSON必须使用双引号,末尾没有分号5"hello world"1.2、对象1.3、数组二、解析与序列化2.1、JSON对象stringify():javascript对象序列化为json字符串parse():将json字符串解析为原生的javascript对象2.2、序列化选项JSON。stringify()除了要序列化ja

2020-05-31 09:18:34 136

原创 函数表达式

一、函数表达式定义函数的方式有两种:一种是函数声明,另一种是函数表达式函数声明语法格式如下:function functionName(arg0,arg1,arg2){//函数体}关于函数声明,有一个重要的特征就是函数声明提升,意思是在执行代码之前会先读取函数声明函数表达式语法格式如下:var functionName=function(arg0,arg1,arg2){//函数体}二、递归递归函数是一个函数通过名字调用自身情况构成的经典的递归函数 function factor

2020-05-30 09:05:10 2532

原创 HTML5脚本编程

一、跨文档消息传递有时候也叫XMD,指的是在来自不同域的页面间传递消息XMD的核心是postMessage(),接受两个参数,一条消息和一个表示消息接收方来自那个域的字符串从接收到XMD消息时,会触发window处理程序的事件包括以下三个方面的重要信息,data:作为postMessage()的第一个参数origin:发送消息文档所在的域source:发送消息的文档的window对象的代理如果发送消息的窗口来自同一个域,那这个对象就是window二、原生拖放拖动某元素时,会触发dragsta

2020-05-29 15:03:39 1665

原创 使用Canvas绘图

一、基本用法首先,要使用元素,必须设置width和height属性<canvas id="drawing" width="200" height="200" id="drawing"></canvas>要在这个画布上绘图,需要取得绘图的上下文,而取得绘图上下文的引用,需要调用getContent()方法并传入上下文的名字var drawing=document.getElementById("drawing"); if(drawing.getContext){

2020-05-28 10:51:19 882

原创 表单脚本

一、表单的基础知识取得元素引用的方法getElementById()document.forms可以取得页面中所有的表单集合,HTMLCollection1.1、提交表单<input type="submit" value="Submit Form"> <button type="submit">Submit Form</button> <input type="image" src="./课程安排.png">阻止表单提交va

2020-05-27 16:19:13 238

原创 事件

一、事件流IE的事件流是事件冒泡,Nestcape Communicator事件流是事件捕获1.1、事件冒泡IE的事件流叫事件冒泡,即事件开始时由最具体的元素接收,然后逐渐向上传播到较为不具体的节点1.2、事件捕获事件捕获的思想是不太具体的节点应该是更早接收到事件,而最具体的节点应该最后受到事件,事件捕获的用意在于事件达到预定目标之前捕获它1.3、DOM事件流DOM2级事件流包括三个阶段:事件捕获阶段,处于目标阶段和事件冒泡阶段二、事件处理程序相应某个事件的函数就是事件处理程序(或事件监听

2020-05-24 14:20:13 456

原创 DOM2和DOM3

一、DOM的变化DOM2级核心DOM2级视图DOM2级事件DOM2级样式DOM2级遍历和范围DOM2级的HTML

2020-05-22 15:28:21 337

原创 DOM扩展

一、选择符APIjQuery的核心是通过CSS选择选择符DOM文档取得元素的引用1.1、querySelector()方法querySelector()方法接受一个css选择符,返回与该模式匹配的一个元素,如果没有找到匹配的元素,返回null。...

2020-05-21 20:40:32 133

原创 DOM

一、节点层次1.1、Node类型一共有12种节点类型除了IE外,所有的浏览器都可以访问到这个类型。js中所有的节点都继承自Node类型,因此所有的节点类型都共享着相同的基本属性和方法1.1.1、nodeName和nodeValue属性这两个属性完全取决与节点的类型,在使用这两个属性以前,最好是先检测以下节点的类型if(someNode.nodeType==1){value=someNode.nodeName;}如果是一个元素节点,则可以使用nodeName和nodeValue这两个属性,对

2020-05-20 17:07:00 102

原创 BOM

BOM是值浏览器对象模型一、window对象1.1、全局作用域在全局作用域中声明的变量,函数都会变成window属性和方法 var age=29; unction sayAge(){ console.log(this.age) } console.log(window.age);//29 sayAge();//29 window.sayAge()//29但是,定义全局变量与在window对象上直接定义属性还是有一点差别:全局变量不能通过delete操作符删除,而直接在window对象上

2020-05-20 13:17:59 108

原创 函数表达式

一、函数表达式定义函数的方式有两种:一种是函数声明,另一种是函数表达式函数声明语法格式如下:function functionName(arg0,arg1,arg2){//函数体}关于函数声明,有一个重要的特征就是函数声明提升,意思是在执行代码之前会先读取函数声明函数表达式语法格式如下:var functionName=function(arg0,arg1,arg2){//函数体}二、递归递归函数是一个函数通过名字调用自身情况构成的经典的递归函数function factorial(

2020-05-19 12:48:12 5187

原创 面向对象的程序设计

一、理解对象 var person=new Object(); person.name="Nicholas"; person.age=29; person.sayName=function(){ console.log(this.name) }var person={name:"Nicholas",age:29,job:"Software Engineer",sayName:function(){console.log(this.name)}}1.1、属性特性有两种属性:数据

2020-05-18 19:36:07 308

原创 关于FormData

为什么要使用formDataformData能够把form中所有的表单元素的value和value组装成一个querystring从零开始创建FormData对象var formData = new FormData();formData.append("username", "Groucho");formData.append("accountnum", 123456); //数字1...

2020-05-15 16:03:52 270

空空如也

空空如也

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

TA关注的人

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