自定义博客皮肤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)
  • 收藏
  • 关注

原创 git

git第一次连接仓库并且向仓库传入文件git initgit remote add origin 仓库地址git add .git commitgit push -u origin master 修改远程仓库地址git remote set-url origin 仓库地址...

2018-08-29 10:25:46 111

原创 离线应用与客户端存储

离线检测: navigator.onLine: 这个值为ture表示能上网,值为false表示设备离线。 online:这是window对象的事件,当从离线变为在线时触发。 offline:这是window对象的事件,当从在线变为离线时触发。   Cookie: 设置cookie一次只设置一个。如果删除cookie,只要将相对应的cookie的失效时...

2018-08-29 10:25:05 137

原创 window对象的方法

window对象的方法获取页面视口大小的三种方法,window.innerWidth、document.documentElement.clientWidth、document.body.clientWidth open:可以打开新的窗口,它可以接受四个参数,第一个参数是需要打开的地址,第二个是怎么样打开,第三个是新窗口的属性设置,第四个是指是否替换掉历史记录的布尔值。(试了下好像不行...

2018-08-29 10:24:25 324

原创 webGL

类型化数组: ArrayBuffer:这是一个构造函数,创建时通过传入数字来为将来的使用而分配一定的字节。单位时B(1B=8b,1B = 2的8次方)。 这个构造函数的实例有一个属性: byteLength:用于获取包含的字节数。  视图: DataView:这是一个构造函数,创建这个构造函数的实例需要传入1-3个参数,第一个参数是类型化数组的实例,第二...

2018-08-29 10:23:40 153

原创 react生命周期

上边的数据是当前的state和props,下边是传入的数据 第一次渲染生命周期:     更新state:   更新props: 用forceUpdate更新:   新的生命周期: getDerivedStateFromProps:作用是返回一个对象(必须得是对象或者数组)来更新state的数据。更新当前的...

2018-08-29 10:22:55 118

原创 object属性和方法

For in:返回的是所有可被枚举的属性,无论是实例还是原型。 In:返回的是所有可访问到的数据,不管是否可枚举。 Object.keys:返回所有实例可枚举属性。 Object.getOwnPropertyNames:返回的是所有实例的属性,不管是否可枚举。...

2018-08-29 10:18:00 822

原创 js操作样式

DOM样式属性和方法: 指定的元素,它的style有这么几个属性和方法: cssText:通过这个属性可以访问到元素的特性style设置的属性,并且可以直接赋值设置。 removeProperty(属性名称):从样式中删除给定属性。 setProperty(属性名称,值,权重):可以通过这个方法设置给定样式的同时设置其权重,可以传入”important”或者一个空字...

2018-08-28 17:09:29 800

原创 html5

原生拖放: 浏览器原生支持的拖放元素只有图像链接和文本,如果别的元素也需要拖放那就需要将元素的draggable属性设置为true。 拖放事件: 在被拖放的元素中,依次触发这些事件: dragstart:在刚开始按下鼠标,开始移动时会先触发这个事件。 drag:在元素被拖动期间会持续触发该事件。 dragend: 当拖动停止时触发这个事件。 ...

2018-08-28 17:09:01 74

原创 高级技巧

不可拓展对象: preventExtensions(想要禁止拓展的对象):这个是Object的静态方法,它可以用于禁止对象的拓展,也就是一旦用了这个方法,相对应的对象就不能在添加属性。但是可以修改和删除原有属性。 isExtensible(测试的对象):这个是Object的静态方法,用于测试相对应的对象是否可以拓展。true是可拓展,false是不可拓展。   密封...

2018-08-28 17:08:25 122

原创 form表单

form元素中的子元素都可以通过form属性来得到form元素。比如input.form 一些表单元素可以有required属性,用于表示必填字段。在提交表单,如果必填字段未填写,则会有提示,并且不能提交表单。 所有表单元素都有个checkValidity方法,这个方法返回当前表单元素的值是否有效。  form元素的属性和方法: action:接收请求的URL,...

2018-08-28 17:07:51 255

原创 js事件

在html特性指定事件时,变量event保存着event对象。 无论指定事件处理程序时使用什么方法,都会传入event对象作为函数的第一个参数。 在ie中event对象可以通过window.event来访问。现在谷歌浏览器的window也支持event。 event又下面几个常用属性和方法。 currentTarget:其事件处理程序当前正在处理事件的那个元素。...

2018-08-28 17:07:04 109

原创 dom操作

所有节点共有的属性: nodeType: 返回的是数字,每一个数字代表一种节点类型。 nodeName:对于元素节点,返回的是元素的标签名。 nodeValue:对于元素节点,返回的始终是null。对于文本节点返回的是文本内容(可以直接赋值设置)。节点关系: childNodes:返回的是所有的子节点,数据结构类似于数组的NodeList对象。可以像数组一样使用...

2018-08-28 17:06:29 99

原创 canvas

getContext:在使用canvas元素上绘图,需要先调用canvas的getContext方法,并传入上文的名称,比如:2d。取得绘图上下文对象的引用,所有的绘图都是应用这个对象的方法。 toDataURL:使用这个canvas元素的方法,可以导出在canvas元素上绘制的图像。这个方法接受一个参数,即图像的MIME类型格式,比如:image/png。取得的是一个url,直接给图像元...

2018-08-28 17:05:47 114

原创 array的所有方法

数组的方法toString: 返回的结果为,数组转换为字符串的形似,逗号分隔。 push:增加在最后一项,返回的是数组的长度。 pop:删掉数组的最后一项,返回的是删除的项。 shift:删掉数组的第一项,返回的是删除的项。 unshift:增加数组的第一项,返回的是数组的长度。 reverse:返回将数组反着排序,同时数组也会反序。返回的值和原来的数组...

2018-08-28 17:05:02 220

原创 ajax

new XMLHttpRequest来取得XHR对象。 要使用XHR对象,要调用以下方法: open(要发送的请求类型,请求的url地址,是否异步发送请求):调用这个方法不会真正发送请求,而只是启动一个请求以备发送。 send(作为请求主体发送的数据):调用这个方法就发送了特定的请求。如果不需要通过请求主体发送数据,则必须传入null。  当服务器响应之后,响应...

2018-08-28 17:04:21 97

原创 错误处理与调试

错误类型: 一共有7种错误类型: Error: 基类,其它错误类型都继承自该类型。 EvalError:如果没将eval当成函数调用就会抛出此类型错误。 RangeError: 超出范围就会抛出此错误类型。例如:在初始化数组时传入了不支持的项数,比如-20。 ReferenceError: 访问不存在的变量时会抛出此类型的错误。 SyntaxErro...

2018-08-28 17:03:42 74

原创 当经过webpack打包,一些css被删掉的问题解决方案

/* autoprefixer: off */ -webkit-box-orient: vertical; /* autoprefixer: on */

2018-07-13 19:33:58 1316

原创 垃圾收集策略:引用计数

之前一指很不理解高程三中,引用计数因为互相引用导致的内存泄漏的问题。经过自己的‘瞎猜’,我大概是明白了什么意思。function problem () {    var objectA = new Object();    var objectB = new Object();    objectA.someOtherObject = objectB;    objectB.anotherObje...

2018-06-24 11:40:45 181

原创 postcss-loader的使用

先安装插件npm install --save-dev postcss-loader autoprefixer;配置webpackuse: [ { loader: 'style-loader', }, { loader: 'css-loader', options: { modules: true,...

2018-04-20 12:58:57 2286

空空如也

空空如也

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

TA关注的人

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