自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

  • 博客(73)
  • 收藏
  • 关注

转载 redux

显示react脚手架的配置文件使用指令:npm run eject,如果出现报错,我们需要使用git将工作区的文件放到本地库上,指令:git add .将工作区的文件添加到暂存区git commit -m 'first commit',将暂存区提交到本地库npm run eject,此时我们的配置文件就出来了如果我们想使用 css 的预编译语言:scss,我们需要下载 sass-...

2019-09-26 20:39:00 139

转载 react路由

在 web 应用开发中,路由系统是不可或缺的一部分。在浏览器当前的 URL 发生变化时,路由系统会做出一些响应,用来保证用户界面与 URL 的同步。随着单页应用时代的到来,为之服务的前端路由系统也相继出现了。有一些独立的第三方路由系统,比如director,代码库也比较轻量。当然,主流的前端框架也都有自己的路由,比如 Backbone、Ember、Angular、React 等等。那 ...

2019-09-24 08:13:00 202

转载 react的三大属性

react的三大属性 state props refsprops 来自外部属性states 来自内部状态refs 用于表示组件内某个元素state基础(最重要的属性)state是组件对象最重要的属性,其值是对象,即可以包含多个数据可以通过更新组件的state来更新对应的页面的显示(重新进行组件渲染)state 操作    初始化状态...

2019-09-05 20:29:00 209

转载 VueX理解

什么是Vuex?官方说法:Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。个人理解:Vuex是用来管理组件之间通信的一个插件为什么要用Vuex? 组件之间是独立的,组件之间想要实现通信,我目前知道的就只有props选项,但这也仅限于父组件和子组件之间的通信。如果...

2019-08-20 21:04:00 197

转载 ES6 数组的方法

数组的类  数组的类是Array数组的定义  var arr=[元素]  var arr=new Array(3) 数字3,代表有三个元素或者三个空位  如果数组定义采用 new 实例,类中跟的是一个数字 n ,代表有 n 个元素  var arr=new Array("6") 有一个元素,并且这个元素是6数组的方法of 方法  1. Array 类...

2019-07-10 14:07:00 190

转载 ES6 module

module es6 模块设计思想,尽量保持静态化)  es6 使用 export 对外暴露接口  使用 iimport 引入其他模块  import 声明的变量,必须放在 {} 内,变量名必须和暴露的接口名一致;  exprot var a="hello world" (不建议)  var a="hello world";   exprot {a}  (建议)...

2019-07-09 19:17:00 105

转载 ES6的 class的基本语法

1.类的由来  JavaScript 语言中,生成实例对象的传统方法是通过构造函数,但是这种写法跟传统的面向对象语言差异很大,容易让不熟悉这门语言的程序员感到困惑,下面有一个例子    ES6提供了更接近传统语言的写法,引入了 class(类)这个概念,作为对象的模板,通过class关键字,可以定义类,这种写法只是让对象原型的写法更加清晰,更像面向对象编程的语法,下...

2019-07-09 19:13:00 131

转载 变量的解构赋值

变量的解构赋值(模式匹配)  ... 拓展运算符  可以将数据类型变为数组  解构赋值:数组的解构赋值  对象的解构赋值  1. 前后模式必须匹配    后面的值是什么格式,前面变量声明的也是什么格式,比如后面的值是二维数组,前面声明的也是二维模式    案例:      let [a,[b,c]]=[1,[2,3]]; // a b c 是变量...

2019-07-09 14:17:00 245

转载 ES6入门

ES6(ES6其实还是js,只不过多了多种方法)1.js声明变量的方式  var function let const Class import 定义变量的关键字  备注:不能忽略函数的形参,函数的私有变量  var 定义变量    var 变量能够提升但是不能定义,给window添加了一个对应的属性  function    funtion 既可...

2019-07-08 15:00:00 93

转载 前端模块化

js模块提供的三种规范1.commen.js 规范 代表就是node.js,适合后台开发,因为是同步的,服务器的运行比较快,等待时间不长,commen.js 不适合用于前端,前端的客户是浏览器,浏览器追求的是异步加载,浏览器不能等待太长时间2.前端模块的规范是 amd规范 ,代表就是requirejs,它是异步加载的,很多前端框架都是用的amd规范,比如jquery,angula...

2019-07-04 19:09:00 102

转载 第三方模块npm

npm介绍npm 全名 node package manager node包管理工具,增删查改如果npm操作太慢,可以安装npm镜像npm的下载比如全局下载一个jquery文件,全局下载的文件在任何一个文件夹下都能使用这个包,它的全局安装目录如下如何全局安装,假如我要下载一个jquery文件,在文件夹中开启的终端中安装npm install -g...

2019-06-03 19:18:00 132

转载 模块化开发

什么是模块化开发?在前端开发中,起初只要在script标签中嵌入几十上百行代码就能实现一些基本的交互效果,后来js得到重视,应用也广泛起来,jQuery,Ajax,Node.js,MVC,MVVM等的助力也使得前端的开发得到重视,也使得前端的项目越来越复杂,然而,javascript却没有为阻止代码提供任何明显的帮助,甚至没有类的概念,更不用说模块化了,那么究竟什么是模块化开发那?...

2019-06-03 15:29:00 125

转载 百度地图API

百度地图API的介绍简单的介绍一下这是一个什么神奇的东西:百度地图Javascript API是一套由JavaScript语言编写的应用程序接口,可以帮助你在网站中构建功能丰富的,交互性强的地图应用,它支持移动端和PC端,而且它还是免费对我们开放使用方法1.注册百度账号-》2.申请成为百度开发者-》获取服务密钥-》4.使用相关服务功能1.注册百度账号  如果你有百度账...

2019-05-24 10:50:00 115

转载 svg矢量图

svg矢量图  canvas:用于绘制位图  svg:使用xml格式绘制图形  svg:要有一个根节点,标签就相当于html  svg 命名空间 xmlns="http://www.w3.org/2000/svg" 版本version="1.1"  svg如果不设置大小,默认占用位置 300x150  定义矩形:rect标签,必填的两个属性 width he...

2019-05-22 07:56:00 407

转载 canvas介绍和用途

canvas介绍和用途canvas(画布)主要是位图  svg(矢量图)canvas标签,必须要写的3个属性 id  width  height    为什么不在style中设置width和height呢?    因为这设置width和height话会有位移差;    位移差:在画布里面的元素有偏差;  js中每次使用canvas,都要设置一个绘图环境,然后会得到...

2019-05-22 07:49:00 291

转载 HTML表单

表单语法注意:提交的方式一般为post,但是如果没有服务器的话,你在测试的时候会显示内部服务器错误,但是get提交会成功过,因为本人使用的是HBuilder,所以使用get提交成功是完全可以的,因为这HBuilder里边内置服务器可以处理这个问题,实际开发中还是要用post提交的表单元素格式语法:属性和说明  type:指定元素的类型。text、pas...

2019-05-15 19:04:00 139

转载 移动端布局

1.移动设备 手机和ipad系统:安卓系统、ios系统安卓系统:内置浏览器是谷歌ios系统:内置Safari浏览器,他们的内核是webkit,不考虑兼容性,需要考虑的是安卓和ios的区别2.布局布局考虑:  设备的实际大小,设备的分辨率,厂家(设计者)给的分辨率  页面的大小,设计稿上的大小(设计稿上的大小是多大,开发的页面大小就是多大)  浏览器的视口...

2019-05-07 17:31:00 106

转载 MySQL—Dos命令操作数据库

MySQL  是一个关系型数据库,存在表的概念  结构,数据库可以存放多张表,每个表可以存放多个字段,每个字段可以存放多个记录Dos命令操作数据库  PhpStudy使用终端打开数据库    第一次打开默认的密码是 root  进入之后的显示如下:  数据的增删查改  查看数据库的指令 show databases;(一定要加;)    ...

2019-04-10 21:35:00 129

转载 PHP面向对象

一、定义类使用关键字class定义二、实例化对象 使用关键字new实例化对象三、类成员的添加和访问(1)类成员:属性、方法、常量(2)添加成员需要使用修饰符 public、protected、private(3)修饰符的作用范围  public 类内类外子类  protected 类内 子类  private 类内(4)添加方法:如果方法前不带修...

2019-04-10 07:36:00 114

转载 PHP语法

PHP是一门动态交互的计算机语言,动态交互都需要服务器;我们所了解过的静态交互都有:html,css,js;1.我们学习PHP需要服务器,当我们没有服务器的条件时,PHPstudy给我们提供了一个集成服务器;在PHPStudy里,我们可以注意到三个重要的文件,WWW:根目录,你的项目文件写在里面,通过网址打开;Apache:服务器环境;MySQL:数据库,用来进行后台与前...

2019-04-10 07:29:00 108

转载 Git指令

git指令前面是$符号git指令配置用户git config--global 参数 在当前系统任何位置都可以使用这个用户如果不加 --global只能在当前文件夹目录下使创建2019版本库,进入这个版本库,查看版本库所在的目录下一步 使用git init这个命令将这个版本库变成git可以管理的库变成.git可以管理库的标志就是在文件夹里面会出现一...

2019-04-02 08:49:00 67

转载 常用的Dos命令

打开终端的方式  window+R/打开开始栏,输cmd在某个文件夹下打开终端  按住shift+右击修改终端背景和文字颜色做的指令  先输入color help,然后输入color 0F(前面代表背景颜色,后边代表字体颜色)创建文件夹指令 md指令重命名文件 ren指令清屏指令 cls指令进入别的盘符的指令 D:(本来在C盘,在后边写上D...

2019-03-31 19:33:00 81

转载 关于CSS3

浏览器内核谷歌 Webkit 火狐 Gecko IE Trident国内的浏览器内核都是WebkitCSS3的兼容性CSS3针对同一样式在不同浏览器的兼容,需要在样式的属性上加内核前缀谷歌 -webkit-transtion:Opear -o-transtion:Firefox -moz-transtion:IE -ms-tra...

2019-03-18 21:01:00 120

转载 数据渲染

案例分析 原有的list中有三个li,并且每个li身上有onmouseover事件1.字符串拼接(最常用的方法)优点:只进行了一次DOM回流缺点:原有的DOM事件都会丢失丢失的原因:丢失的原因就在innerHTML这个属性,这个属性是返回或设置DOM中的内容,以字符串形式返回,拼接完之后是string类型,而onmouse这些属性是DOM元素对象身上的,所以这些on...

2019-03-14 15:13:00 101

转载 jQuery中的AJAX

LOADload 将服务器中的数据加载到指定的元素中案例:一个网站有许多的页面,但是头部和尾部都一样,可以使用load加载load传参load传参是以post方式发送的,php后台用post接收或request接收jQuery中的ajaxjQuery中ajax跨域的问题转载于:https://www.cnblogs.com/pangh...

2019-03-13 19:18:00 63

转载 AJAX

什么是AJAX?AJAX相当于异步的JavaScript和XMLAJAX是用于创建快速动态网页的技术通过在后台与服务器进行少量的数据交换,AJAX可以使网页实现异步更新,这就意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新传统的网页(不使用AJAX)如果需要更新内容,必须重载整个网页面有很多使用AJAX的应用程序案例:新浪微博、Coogle地图、开心网等...

2019-03-13 10:40:00 94

转载 面向对象3

1.构造函数里的属性怎么看?  看this,谁的前面有this谁就是属性    num不是属性,是私有作用域下的私有变量2.任何查找面向对象的中的this  (1)函数函数里的 this执行实例对象  (2)如果是方法中的this    a》找到this 在调用的方法时看方法前面的“.”是谁,this就是谁    b》替换this 将this换成你找到的...

2019-01-07 19:49:00 74

转载 克隆对象、对象继承

1.克隆对象这种写法不是对象克隆,就是把obj的内存地址赋给了obj2(这是错误的写法)(1)通过for in克隆,不管是私有的还是公有的全部克隆成私有的(2)js提供了一个一个克隆的方法 Object.create()  var obj2=Object.create() 将obj的所有的属性克隆到obj2的原型上  2.对象的继承(1)原型继...

2019-01-06 15:26:00 129

转载 面向对象2

1.面向对象的目的就是生成对象object2.生成对象的方式(1)单例模式(字面量定义)var obj={}(2)类的实例 var obj=new Obeject()(3)工厂模式 (4)构造函数 :扮演三种角色 普通函数 普通的对象 类 工厂模式,生成的对象必须要返回,构造函数模式不用return,构造函数模式默认return的是thi...

2019-01-03 19:50:00 78

转载 面向对象1

1.作用域栈内存: js执行的环境 (作用域)堆内存: 存放代码的空间 存放方式 键值对的形式存 字符串的形式存js代码在执行之前,浏览器会给他一个全局作用域叫window,每个作用域下分连个模块,一个是内存模块,一个是执行模块。内存模块会给所有的变量一个内存地址。变量的声明在js中靠关键字var 和function 。2.什么时候会有作用域的形成?浏览器天生有一个全...

2019-01-03 19:22:00 74

转载 cookie

1.cookie cookie就是一个存放数据的东西,存储量很小4KB,存放在客户端上和应用设备上。2.应用场景用户注册,用户登录,购物车。Chrome浏览器在计算机中存放cookie的位置C:\Users\Administrator\AppData\Local\Google\Chrome\User Data\Default\CacheChrome浏览器如何查看c...

2019-01-02 17:30:00 77

转载 js笔记22

1.在拖拽元素的时候,如果元素的内部加了文字或者图片,拖拽效果会失灵?浏览器会给文字和图片一个默认行为,当文字和图片被选中的时候,会有一个拖拽的效果,即使我们没有人为给他添加。所以当我们点击这个元素拖拽时,有可能选中文字或图片触发浏览器天生给的那个行为,从而导致我们写的那个拖拽效果失灵。怎么解决?setCapture() 全局捕获的方法 他是ie低版本所特有的。给一个...

2019-01-02 17:18:00 73

转载 正则详解

1.var reg=/./ var reg=/\./前者代表任意一个字符而后者代表这个字符串中得有一个.2.?的使用如果单独的一个字符后面带? var reg=/\d?/ /n?/代表一个或0个这个字符的出现如果是量词+和*,{2,}后面带? 取消正则的贪婪性 在捕获阶段3.捕获1.普通捕获 exec() match()普通捕获有懒惰性,给正则...

2018-12-21 15:07:00 151

转载 正则的理解

1.正则的懒惰性?每次在它的方法exec中捕获的时候,只捕获第一次匹配的内容,而不往下捕获,我们把这种情况称为正则的懒惰性且每一次捕获的位置都是从索引0开始正则的实例对象上有一个lastindex的属性,是正则开始捕获的起始位置var reg=/\d+/;var st="abc123efg456";console.log(reg.exec(st))输出123...

2018-12-19 19:20:00 89

转载 闭包、正则表达式

1.闭包:函数在调用的时候会形成一个私有的作用域,对内部变量起到保护作用,这种机制就叫做闭包2.变量销毁  (1)人为销毁 var a=12;a=null;  (2)自然销毁 函数调用完成之后,浏览器会自动销毁函数内的变量   3.闭包  (1)保护变量  (2)还存数据4.闭包的种类  (1)函数式     (2)对象式   5....

2018-12-17 20:37:00 1640

转载 js笔记21

1.解决函数内的this指向  (1)可以在函数外提前声明变量 _this/=this  (2)通过apply和call来修改函数内的this指向  二者的区别:  二者的用法不一样,就是参数形式不一样 fn.call(obj,a,b)/fn.apply(obj,[a,b])  二者代表的是将函数内的this换成obj之后然后把fn调用了  (3)bind修改...

2018-12-10 19:45:00 69

转载 js笔记20

1.DOM零级事件元素绑定多个click,最后只执行最后一个click DOM二级事件绑定多个click,都要执行  注意当绑定的多个事件名,函数名,事件发生阶段三者完全一样时,才执行最后一个    第二个参数尽量不要使用匿名函数  区别    (1)DOM零级绑定多个相同的事件,后者会覆盖前者,DOM二级事件不会    (2)DOM零级只适合普通事件,D...

2018-12-06 19:33:00 85

转载 js笔记19 事件对象

1.常用的事件  onmouseover onmouseout onmousedown onmousemove onmouseup onclick onchange onfocus onblur等等2.每个元素身上的事件都是天生自带的,不需要我们去定义,只需要我们给这个事件绑定一个方法,当事件触发的时候就会执行这个方法3.事件绑定的方法  (1)div....

2018-12-03 19:38:00 82

转载 作用域面试专练

函数调用:函数最大的优势,会形成一个独立的模块,可以按需选择,可以重复使用函数调用的过程:函数执行的时候会形成一个自己的私有作用域。最大的作用域是window(全局作用域),然后执行函数里面的代码块函数递归:函数内部,内部调用自己的函数归属:函数归属谁跟它在哪调用没有关系,而是在哪定义有关作用域和作用域链:浏览器给js的生存环境;js代码执行之前,浏览器会给js一个生存环...

2018-12-03 07:39:00 89

转载 js笔记18

1.面向对象(1)单例模式(2)工厂模式(3)构造函数  a.类 js天生自带的类  基类 object  子类 Function Array Number Math Boolean Date Regexp String  2.事件  浏览器客户端上客户触发的行为都称为事件  所有的事件都是天生自带的,不需要我们去绑定,...

2018-11-30 15:19:00 75

空空如也

空空如也

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

TA关注的人

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