- 博客(69)
- 收藏
- 关注
RSS订阅转载 原型和原型链
prototype:1、创建公共的属性和方法2、节约内存3、实现继承原型链：由__proto__组成的链条叫做原型链转载于:https://www.cnblogs.com/r-mp/p/11545552.html...
2019-09-18 21:41:00
126
转载 vuex里各个属性的辅助函数
store = { state:{ username:"Alley", age:20 } } this.$store.state.username this.$store.state.age {{username}} {{age}}...
2019-09-18 21:40:00
285
转载 vue不是不利于Seo优化吗 在用vue开发中怎么才可以实现Seo优化
- 首页用服务端渲染(特点就是有利于SEO优化) nuxt- 设置meta标签- 标签语义化转载于:https://www.cnblogs.com/r-mp/p/11545536.html
2019-09-18 21:39:00
1881
转载 节流和防抖
<script>//防抖var timer = null;document.onscroll = function(){ clearTimeout(timer) timer = setTimeout(()=>{ console.log(111); },500)}//节流var firstTime = 0...
2019-09-18 21:38:00
86
转载 父页面如何调用子页面的方法
ref="child"this.$refs.child.方法转载于:https://www.cnblogs.com/r-mp/p/11545517.html
2019-09-18 21:37:00
404
转载 在面向对象的过程中怎么实现继承的
classPerson{constructor(){this.name="Alley"}show(){}}classManextendsPerson{constructor(){super();//super指的是父级}}...
2019-09-18 21:36:00
86
转载 vue跟react有什么区别
1、数据流的不同：vue双向数据流React单向响应数据流2、性能：vue性能内部已经做过处理了React的性能优化主要在shouldcomponentupdate3、语法vuetemplatereactjsx4、灵活vue不太灵活react比较灵活 。。。。。转载...
2019-09-18 21:35:00
68
转载 Promise
<script>/* 1、promise的使用 2、promise常用的APi .all 多个异步都执行完毕以后才会执行.then中的结果 .race 多个异步中如果有一个执行成功就不在去执行另外一个了 3、多个异步如何同步执行 4、如何执行多个ajax Promise.all promise是一个构造函数 n...
2019-09-18 21:32:00
69
转载 includes()
定义和用法includes() 方法用来判断一个数组是否包含一个指定的值，如果是返回 true，否则false。参数描述searchElement必须。需要查找的元素值。fromIndex可选。从该索引处开始查找 searchElement。如果为负值，则按升序从 array.length + fromIndex 的索引开始搜索。默认为 0。...
2019-08-08 11:30:00
288
转载 常见的数组去重方法
方法一 filter(）+ indexOf( )//思路：主要是利用filter()方法过滤掉重复的元素function ArrayToHeavy(arr) { //过滤掉原数组中重复的数字,返回新的数组 return arr.filter((item, index)=> { //遍历出数组中数字第一次出现的下标,与数字所在...
2019-08-07 22:03:00
187
转载 concat()
定义和用法concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。语法arrayObject.concat(arrayX,arrayX,......,arrayX)参数描述arrayX必需。该参数可以是具体的值，也可以是数组对象。可以是任意多个。返回值返回一个新的数组。该数组是通...
2019-08-07 11:56:00
92
转载 cookies，sessionStorage 和 localStorage 之间有什么区别？
cookie是网站为了标示用户身份而储存在用户本地终端（Client Side）上的数据（通常经过加密）cookie数据始终在同源的http请求中携带（即使不需要），记会在浏览器和服务器间来回传递sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存存储大小：cookie数据大小不能超过4kse...
2019-08-03 09:03:00
65
转载 filter() 、find()、findIndex()
filter()定义和用法filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。注意：filter() 不会对空数组进行检测。注意：filter() 不会改变原始数组。语法array.filter(function(currentValue,index,arr), thisValue)返回...
2019-07-29 11:16:00
117
转载 设置多行文本隐藏显示省略号时样式丢失了
编辑器设置的样式浏览器显示出来的样式很明显 丢失了一行代码 -webkit-box-orient:vertical;解决方法在丢失的代码前加一行代码/* autoprefixer: ignore next */成功解决了转载于:https://www.cnblogs.com/r-mp/p/11255066.ht...
2019-07-27 14:53:00
116
转载 react 中封装一个简单的滚动条组件
import React, { Component } from 'react'//引入better-scrollimport BScroll from 'better-scroll'import './style.scss'export default class AppScroll extends Component { //利用ref精准的获取dom元...
2019-07-26 19:59:00
421
转载 react-router-cache-router
转载---官方文档：https://github.com/CJY0208/react-router-cache-route/blob/master/README_CN.mdCacheRoute搭配react-router工作的、带缓存功能的路由组件，类似于Vue中的keep-alive功能React v15+React-Router v4+...
2019-07-25 21:06:00
975
转载 浅谈React 中 Component与PureComponent如何使用
当组件更新时，如果组件的props和state都没发生改变，render方法就不会触发，用PureComponent省去 Virtual DOM 的生成和比对过程，达到提升性能的目的。反之如果组件的props和state经常发生改变则用Component转载于:https://www.cnblogs.com/r-mp/p/11246714.html...
2019-07-25 20:21:00
96
转载 React.Fragment
引入方式import React, { Fragment} from 'react'Fragments与Vue.js的<template>功能类似，可做不可见的包裹元素。转载于:https://www.cnblogs.com/r-mp/p/11244331.html...
2019-07-25 15:03:00
59
转载 react 16.6 懒加载 Lazy 尝鲜
转载：https://juejin.im/post/5bd70def6fb9a05d38282c30react 16.6 发布了新的功能lazy，和一个组件Suspense下面我们看一下他的用法首先我们先创建两个组件 LazyTest.1 和 LazyTest.2，内容相同import React, { Component } from 'react'e...
2019-07-25 10:56:00
94
转载 URL编码方法 encodeURIComponent（）
描述encodeURIComponent转义除了字母 数字().!~*'-和_之外的所有字符。作用为了避免服务器收到不可预知的请求，对任何用户输入的作为URI部分的内容你都需要用encodeURIComponent进行转义。转载于:https://www.cnblogs.com/r-mp/p/11234593.html...
2019-07-23 21:28:00
55
转载 forEach()
var arr = [6,2,5,4,2]; arr.forEach(function(correntvalue,index,array){ // console.log(correntvalue); //correntvalue是当前项 // console.log(index); //index是当前项的索引 ...
2019-07-23 20:45:00
75
转载 Vue 组件
组件:页面上的任何一个部分都是组件好处:复用 灵活组成：html + csshtml + css + js组件创建的方式全局组件 Vue.component参数1:组件的名称 如果需要使用的时候则当做标签使用即可参数2:组件的配置项 对象 :new Vue中的配置项有什么东西。这个配置项里面就有什么东西唯一不同的是这个配置项中...
2019-07-22 10:40:00
75
转载 Vue 生命周期
生命周期-->生命周期钩子函数：一个组件从创建到销毁的一个过程就是生命周期 beforeCreate：创建前 1、组件创建会执行的一个生命周期函数，我们可以在当前生命周期中创建一个loading.当页面加载完成的时候讲loading移除 2、在当前生命周期函数中是访问不到其他生命周期函数以及data身上的属性 ...
2019-07-22 10:34:00
63
转载 如何手动封装 $ on off emit？
思路$on(eventName,cb)判断当前事件是否存在，如果存在则直接将函数push添加到数组中去如果事件名称不存在，则创建一个数组 然后将函数添加到数组中去 $emit(eventName,[params]) 判断当前事件是否存在 如果存在则拿到当前事件名称的数组，将其遍历调用，如需传递参数则在调用的时候 添加参数...
2019-07-22 10:11:00
105
转载 Vue 实例身上的一些方法（二）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...
2019-07-22 10:08:00
66
转载 Vue 实例身上的一些方法（一）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...
2019-07-22 10:06:00
93
转载 Vue属性过滤
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...
2019-07-22 10:05:00
42
转载 Vue属性监听
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...
2019-07-22 10:04:00
58
转载 Vue实现简单的商品增减功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...
2019-07-22 10:02:00
285
转载 Vue 计算属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...
2019-07-22 10:00:00
62
转载 使用Vue实现一个简单地自定义拖拽功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...
2019-07-22 09:59:00
190
转载 如何使用Vue写一个简单的选项卡功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...
2019-07-22 09:58:00
152
转载 如何使用Vue编写自定义指令？
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...
2019-07-22 09:54:00
125
转载 如何用Vue模拟v-model
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta htt...
2019-07-22 09:53:00
129
转载 Vue指令系统
vuev-text<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &...
2019-07-22 09:50:00
58
转载 Vue是什么?
1、为什么要学习vue学习Vue之前我们先来谈谈JQ的优点: 链式操作DOM 抹平各个浏览器之间的差异频繁的操作DOM会造成什么呢？回流和重绘：页面布局流发生改变就叫做回流重绘元素自身的额样式发生改变但是不会影响布局流回流一定会发生重绘 重绘不一定会发生回流2、vue的发展史...
2019-07-22 09:38:00
65
转载 CSS3-动画
CSS3-动画@keyframes 规则 用于创建动画。在 @keyframes 中规定某项 CSS 样式，能创建由当前样式逐渐改为新样式的动画效果。animation-name规定 @keyframes 动画的名称。animation-duration规定动画完成一个周期所花费的秒或毫秒。默认是 0animation-timing-function速度曲线...
2019-07-21 18:03:00
66
转载 CSS3-背景渐变
CSS3-背景渐变CSS3 渐变（gradient）可以让你在两个或多个指定的颜色之间显示平稳的过渡。 以前，你必须使用图像来实现这些效果，现在通过使用 CSS3 的渐变（gradients）即可实现。此外，渐变效果的元素在放大时看起来效果更好，因为渐变（gradient）是由浏览器生成的。一、背景渐变1、背景色的渐变线性渐变backgro...
2019-07-21 17:45:00
95
转载 怪异盒模型、媒体查询、css3多列、解决iOS回弹
CSS怪异盒子模型box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素content-box这是由 CSS2.1 规定的宽度高度行为。 宽度和高度分别应用到元素的内容框。 在宽度和高度之外绘制元素的内边距和边框。border-box为元素设定的宽度和高度决定了元素的边框盒。 就是说，为元素指定的任何内边距和边框都将在已设定...
2019-07-21 17:19:00
136
转载 CSS3 flex弹性盒
CSS3-弹性盒模型弹性盒子是 CSS3 的一种新的布局模式。 CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。 引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。 弹性盒子由弹性容...
2019-07-21 17:08:00
58
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人