- 博客(66)
- 收藏
- 关注
RSS订阅转载 React：react-router-dom 详解
使用react构建单页面应用： 实现方法：（1）react-router （2）react-router-domreact-router: 实现了路由的核心功能，而react-router-dom依赖react-router，react-router-dom: 基于react-router，加入了在浏览器运行环境下的一些功能： Link...
2019-09-23 20:47:00
486
转载 Vuex个人总结
一：.什么是Vuex？ Vuex是用来管理组件之间通信的一个插件。 他有4个核心选项：state mutations getters actions； state：用来存放组件之间共享的数据。他跟组件的data选项类似，只不过data选项是用来存放组件的私有数据。 getters：有时候，我们需要对state的数据进行筛选，过滤。这些操作都是在组件的计算属...
2019-08-20 20:29:00
135
转载 vue--生命周期
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-U...
2019-07-25 19:28:00
104
转载 ES6-新增数组方法
（1） var arr=new Array（“10”） console.log（arr）； 代表arr有一个值为10；（2） var arr=Array.of(4); console.log(arr) 代表arr有一个空位；（3） var arr=["xiao","hu","pan","xuan","rui"]; arr...
2019-07-10 14:19:00
93
转载 ES6-module（模块）
1’.使用export对外暴露模块接口； 使用import引入其他模块 import声明的变量必须放在{}内，变量名必须和暴露接口名一致；2.你暴露多少个变量你就得声明多少个变量；模块文件中,你对外暴露的是什么，你得到的就是什么；common.js得到的永远是一个对象；export和export dafalut之间的区别： export可以同时对...
2019-07-09 19:47:00
80
转载 ES6-Class
回顾：函数变量作用域的问题： 1.函数体内声明的变量： var a=45; function fn（）{ console,log（a） var a=12; } fn（）2.参数中的变量： 没有赋值 function fn（a）{} 赋值的值不是变量 function (a=45){} ...
2019-07-09 19:37:00
55
转载 ES6-const,解构赋值,箭头函数
const就是定义的常量，一旦赋值，就不能再改变了不能重复定义变量没有变量提升；不会给window添加属性；解构赋值： 数组解构赋值 (1)前后模式必须匹配（后面的值是什么模式，前面的变量必须是什么模式） (2)前多后少(前面声明的变量多，后面赋值少，那么解构不成功，没有匹配上的变量就会报undefined) (3)前少后多(1.省略赋...
2019-07-09 14:47:00
184
转载 前端模块化
1.模块化：Js模块化提供了三种规范 1，commonjs规范 代表就是nodejs 适合后台开发 因为是同步的 服务器的运行比较快等待时间不长，commonjs不适合用于前端，前端的客户端是浏览器，浏览器追求异步加载，浏览器不能等待太长时间。 2，前端模块的规范是Amd规范 代表就是requirejs，他是异步的，很多前端框架都是用的amd规范，比如jquer...
2019-07-09 14:47:00
68
转载 ES6-Let
了解浏览器执行的机制： 浏览器再执行的时候，首先开辟一个大空间window，window下面分两个模块，一个叫栈，一个叫堆内存，栈用来存放变量的内存地址，堆主要存放代码块，然后浏览器从上到下执行；1.定义变量的两种：var function2.ES6定义变量 ：Let const 前端定义变量的关键字：var functionLet...
2019-07-05 15:36:00
66
转载 Canvas和SVG二者区别
1.首先Canvas和SVG是两种可视化技术；2.对各自的描述：Canvas 通过JavaScript来绘制2D图形。Canvas 是逐像素进行渲染的。在 canvas 中，一旦图形被绘制完成，它就不会继续得到浏览器的关注。如果其位置发生变化，那么整个场景也需要重新绘制，包括任何或许已被图形覆盖的对象。SVG 是一种使用 XML 描述 2D 图形的语言。SVG 基于 XML，...
2019-05-23 14:44:00
81
转载 ajax---部分总结
ajax1. 打开终端的快捷键：window+r——cmd——ipconfig动态页面：跟后台发生数据交互的页面前后台数据交互依赖的一项技术叫ajax；xml：是数据的一种存储格式，被抛弃了json：是一种数据存储格式，当前最流行的；2.ajax的本质就是xmlHttprequest对象 在__proto__上有三个方法：open（） send（） onRe...
2019-05-23 14:36:00
146
转载 HTML5-----5月23日随笔（离线缓存以及video标签）
一： 1.什么是离线缓存？ 离线缓存：离线缓存可以将站点的一些文件缓存到本地，它是浏览器的一种机制，将需要的文件缓存下来，以便后期即使没有连接网络，被缓存的页面也可以展示 2.离线缓存的优势？ 在没有网络的时候可以访问到缓存的对应的站点页面，包括html，js，css，img等文件 在没有网络的时候，浏览器也会优先使用已离线存储的文件，返回一...
2019-05-23 14:32:00
147
转载 HTML5-----5月20日随笔（主svg）
1.知识回顾： 超出的以省略号形式显示出来：overflow：hidden； white-space：nowrap； text-overflow：ellipsis； 三者都不能少；2.原生js在移动端的事件 （1）原生js中只有DOM二级事件的写法 div.adde...
2019-05-20 20:01:00
74
转载 Web--弹性布局---5月17日
1.分两部分 弹性父级 弹性子元素2.给父级设置 display：flex或inline-flex （1） Flex-direction 指定弹性盒子中子元素的排列方式； （2）Display 属性 flex 指定父元素为弹性盒子模型 display:flex; 内部元素按行排列，变成了行级块元素 （3）flex属性 设置弹性盒的子元素如何分配空间 属...
2019-05-17 15:32:00
148
转载 19年5月16日H5canvas课堂随笔
1.rect（），fillrect（），strokeRect（）的区别；（1）rect() 方法是单纯的画出一个矩形框，调用stroke() 或 fill()后才会真正作用于画布。（2）fillRect() 方法是画出一个有填充颜色的矩形框（默认是黑色的）（3）strokeRect() 绘制线框；2.绘制大小是默认的一像素的边框，但是我们放大知道得到的并不是1像素的边框，...
2019-05-16 16:44:00
75
转载 Web-表单专题
input控件对于input控件,增加了几个type,并且可以直接进行验证；1.email<form method="post"> <!--邮件认证--> <input type="email" name="emali"> <input type="submit" value="提交"> </form>...
2019-05-15 19:21:00
92
转载 Web--2019年5月7日移动端随笔
1.视口 viewport设备宽：如手机，ipad的宽度页面宽：开发写的页面宽带视口宽：浏览器自身的一个属性，就是眼睛可看到的区域<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /&...
2019-05-07 19:39:00
78
转载 Web-css3--19年5月5日随笔
1.渐变：gradients水平渐变 linear gradients 语法： background：linear-gradient（direction，color1，color2，........）； Direction 1：这个参数可以省略 如果省略了默认方向是从上到下； 2.这个参数如果不省略， 写方向的起始值top（从上到下） l...
2019-05-07 19:26:00
85
转载 数据库指令----4月10日
一：Mysql 这是一个关系型数据库，存在表的概念。 结构 数据库可以存放多张表 ，每个表可以存放多个字段，每个字段可以存放多个记录。Dos命令操作数据库。 phpsyudy使用终端打开数据库第一步：打开phpstudy，点开选项菜单，找到MySQL工具，然后找到MySQL命令行；第二步：打开之后，输入密码，如果是第一次打开，默认就是root；二：...
2019-04-10 20:16:00
64
转载 19--3--14--数据处理
1.渲染数据 （1）案例分析 1.渲染数据的四种方式： （1）字符串拼接，最常用的方法 优点：只进行了一次Dom回流 缺点：原有dom的事件都会丢失；原因：就在于innerHTML这个属性，这个属性是返回或设置Dom中的内容，以字符串形式返回。拼接完之后是string类型，而onmouse这些属性是Dom元素对象身上的...
2019-03-14 17:19:00
59
转载 面向对象---1月2日课堂随笔
1.作用域： 栈内存 js 执行的环境（作用域） 堆内存：存放代码块的空间 存放方式 键值对的形式存 字符串的形式存 js代码在执行之前，浏览器会给他一个全局作用域叫window，每个作用域下分两个模块，一个是内存模块，一个是执行模块。内存模块会给所有的变量一个内存地址。变量的声明在js中靠关键字var 和function。2.什么时候会有作用域的形成...
2019-01-02 21:00:00
68
转载 Web--js高级--12月21日随笔
问题： 在拖拽元素的时候，如果元素的内部加了文字或者图片，拖拽效果会失灵？ 因为浏览器会给文字和图片一个默认行为，当文字和图片被选中的时候，会有一个拖拽的效果，即使我们没有人为他添加。所以当我们点击这个元素拖拽时，有可能选中文字或图片，触发浏览器天生给的那个行为，从而导致我们写的那个拖拽效果失灵。 obj.onmousedown=function(ev){ var e...
2019-01-02 20:16:00
65
转载 Web--Js高级--12月20日随笔
1.正则：检索字符串的一跳规则2.正则就是由元字符和修饰符构成。3.写在//里面的都叫元字符，元字符分两种 一种是有特殊意义，一种没有特殊意义，没有特殊意义的就是字符本身。特殊意思的元字符 （1）\ 转义字符 转译后面紧跟的字符的意义\d \. （2）.代表除了\n以外的任何单个字符 （3）d，D，w，W，s,S，b，B ...
2019-01-02 20:09:00
90
转载 Web--js高级--12月19日随笔
1. 正则命名格式： var reg=/./ var reg=/\./2.?的使用： 如果单独的一个字符后面带？ var reg=/\d?/； /n?/。 代表一个或0个这个字符的出现 如果是量词+和*，{2，}后面带？ 取消正则的贪婪性 在捕获阶段var reg=/\d+?/var st="123hello"...
2018-12-21 16:15:00
75
转载 Web--js高级--12月18日随笔
一： 正则：RegExp 概念：用来检验字符串的规则 如何使用： Var reg=/ / var reg=new RegExp（）最后的本质都是一个实例对象。 方法： test（）匹配的方法 exec（）捕获的方法二：修饰符： i （忽略大小写） m（）代表多行匹配 ...
2018-12-21 14:40:00
72
转载 Web--js高级--12月17日随笔
1.正则 ：regexp 正则就是处理字符串的一个规则，只能处理字符串，其他的干不了； 只要是表单提交的数据都是字符串。2.正则定义 （1）var reg=new RegExp（） （2）var reg=/格式/；3.正则的方法： 就两大功能，一个是匹配，匹配成功的就是true；第二个就是捕获，如果有就拿出来。 Test...
2018-12-18 19:25:00
70
转载 Web--js高级--关于所学闭包随笔
1.闭包：函数在调用的时候会形成一个私有作用域，对内部变量起到保护作用，这就叫闭包。2.变量销毁： 1.人为销毁： var a=12；a=null 2.自然销毁：函数调用完成之后 浏览器会自动销毁函数内的变量3.闭包作用： （1）保护变量 （2）缓存数据4.闭包的种类： （1）函数式 （2）对象式 ...
2018-12-18 19:14:00
78
转载 Web--js高级--12月10日随笔
1.解决函数内this指向 1. 可以在函数外提前声明变量 —this/that=this 2. 通过 apply和call来修改函数内的this指向 （1）二者区别 用法是一样的，就是参数形式不一样 fn.call（obj，a，b）/fn.apply(obj,[a,b])(1) 二者代表的是将函数内的this换成obj之后然后把fn调...
2018-12-10 20:41:00
91
转载 Web--js高级--12月4日随笔
DOM0级事件元素绑定多个click最后只执行最后一个click。DOM2级事件元素绑定多个click，都要执行。 注意当绑定的多个事件名，函数名，事件发生阶段三者完全一样时，才执行最后一个。div.addEventListener（‘’click‘’ ，fn1，false）div.addEventListener（‘’click‘’ ，fn1，false）第二参数...
2018-12-10 20:21:00
61
转载 Web--js高级--12月3日随笔
事件对象1.每个元素身上的事件是天生自带的，不需要我们去定义，只需要我们给这个事件绑定一个方法，当事件触发时就会执行这个方法。2.事件绑定的方法： 1.div.onclick=function(){} DOM0级事件 2.div.addEventListener（）或div.attachEvent（）DOM2级事件绑定 二者的区别 onclick是...
2018-12-03 11:39:00
70
转载 Web--js高级--11月30日随笔
一：面向对象的三种方式： 1.单例模式 2.工厂模式 3.构造函数js天生自带的类Object 基类： Function Array Number Math Boolean Date Regexp String二：事件 浏览器客户端上客户出发的行为都成为是事件所有的事件都是天生自带的，不需要我们去绑定，只需要我...
2018-11-30 17:05:00
68
转载 Web--js中级--11月21日随笔
1.this 是js的关键字用途：指向某一个对象。判断this的指向： 函数（方法） 内 一种是以函数的方式调用（不带）this指向window 一种是以方法的形式调用（函数名前面带点）this指向点前面的 函数（方法）外，this指向windowthis指向的特例 1.自调用函数内的this都指向window 2.定时器的th...
2018-11-30 15:28:00
53
转载 Web-js中级-11月20日
BOM 浏览器对象模型1.window.open(url,ways)url 是打开的网页地址ways 打开的方式 _selfwindow.close()浏览器用户信息Window.navigator浏览器地址信息Window.location5.window.history 记录浏览器的访问历史记录Window.history.fo...
2018-11-21 20:03:00
54
转载 Web-js中级-11月19日
1.动画(1) Css样式提供了运动过渡的属性transition 从一种情况到另一种情况叫过渡Transition:attr time linear delay；Attr 是变化的属性Time 是花费的时间Linear 变化的速度Delay 是延迟复习background:url() no-repeat 50% 50% red;Backgr...
2018-11-21 19:53:00
52
转载 Web-js中级-11月14-18日
1.DOM document object model(1) 节点树状图Document>documentElement>body>tagname2..我们常用的节点类型（1）元素节点(标签)（2）文本节点（文本节点）3.属性节点(标签里的属性).document有个属性叫nodeType 返回的是数字1代表元素节点 2代表...
2018-11-21 19:51:00
63
转载 Web-js中级-11月13日
js操作css样式Div.style.width="100px".在div标签内我们添加了一个style属性，并设定了width值。这种写法会给标签带来大量的style属性，跟实际项目不符。我们没有让css和html分离所以我们是为了获取css样式window.getComputedStyle() 获取经过计算机计算的所有属性就是只要渲染出来的都是经过计算的。getC...
2018-11-21 19:42:00
53
转载 Web-js中级-11月12日
元素的属性Div.attributes 是所有标签属性构成的数组集合Div.classList 是所有class名构成的数组集合‘ 在class的原型链上可以看到add（）’和remove（）1. client系列 （1）clientWidth/clientHeight 是我们设置的宽和高加上内边距 （没有边框） clientL...
2018-11-12 20:14:00
59
转载 Web-js中级-11月9日
函数封装 函数封装是一种函数的功能，它把一个程序员写的一个或者多个功能通过函数、类的方式封装起来，对外只提供一个简单的函数接口。当程序员在写程序的过程中需要执行同样的操作时，程序员（调用者）不需要写同样的函数来调用，直接可以从函数库里面调用。转载于:https://www.cnblogs.com/lovels/p/9948619.html...
2018-11-12 19:44:00
72
转载 Web-js中级-11月8日
1.定时器this问题： 不管定时器里函数怎么写它里面this都是window。怎么处理定时器中的this为指定的对象在函数前面将关键字this赋值给一个变量，函数内使用这个变量代替this。转载于:https://www.cnblogs.com/lovels/p/9948570.html...
2018-11-12 19:37:00
56
转载 Web-js中级-11月7日
1.针对表单的：Form input select textareatype=”radio/checkbox/password/button/text/submit/reset/”表单的事件： onchange 当表单内容被修改时触发的事件。 onfocus 获取焦点事件。 onblur 失去焦点事件 表单里的内容给用value。 那di...
2018-11-12 19:30:00
74
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人