- 博客(64)
- 收藏
- 关注
RSS订阅原创 React.createRef()
概述：Refs提供一个活的DOM节点或者创建在render方法中的React元素方法中。为什么使用Ref？更改子元素，一般需要使用新的props去重新渲染子元素。但有时需要在数据流之外强制更改子元素。被更改的子元素可能是有一个React组件的实例，或者是一个DOM元素，此时可以用Refs。（一）什么时候使用Refs？管理焦点、文本选择、媒体回放 触发必要动画 整合第三方DO...
2019-12-25 14:13:57
812
原创 总结项目开发中踩过的坑
一、select下拉框如何支持精准和模糊查询？使用此参数可以支持精准和模糊查询，在onFocus中调用方法获取数据列表，然后在输入框中可以直接用。注意：如果要使用onSearch方法，且调用的方法和onFocus调用的方法完全一致，可能会导致showSearch参数失效。...
2019-09-11 17:16:52
349
原创 将本地项目上传到gitlab
在项目下git bash，执行如下命令：1. git init2. git add .3.git commit -m "xxx"4.git remote add origin master http://192.168.130.99:9000/xxxxx.git5.git push -u origin master-u 指定一个默认主机，这样后面就可以不加任何参数使用git...
2019-09-10 16:26:34
412
原创 React中为什么要使用constructor(props){super(props)}?
1.定义class组件，为什么需要加上 super() ？super的作用：super关键字，它指代父类的实例（即指代父类的this对象），子类没有自己的this对象，而是继承父类的this对象。子类必须在constructor方法中调用super方法，从而得到父类的this对象，否则会报错。3.super()加不加props的区别究竟在哪里呢？需要在构造函数内使用this.prop...
2019-08-21 15:27:01
1319
原创 定时器和事件监听器
一、定时器setTimeout&clearTimeout1、t=setTimeout(code, time) 方法用于在指定的毫秒数后调用函数或计算表达式,setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()2、clearTimeout(t) 方法可取消由 setTime...
2019-08-05 19:32:07
965
原创 基于React-redux的todolist的项目搭建和开发步骤
一、安装步骤（1）npm install -g create-react-app 全局安装（2）create-react-app reactproject 新建并对react项目进行命名（注:项目名称不能有大写）（3）cd reactproject通过命令进入文件夹内部，准备运行项目（4）npm sta...
2019-08-05 09:09:03
247
原创 正则验证车牌号码（包括新能源车牌）
摘引文章：https://blog.csdn.net/xjun0812/article/details/81806118正则验证：new RegExp(/^(([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-Z](([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵...
2019-07-29 16:19:15
1408
原创 函数去抖（debounce）和函数节流（throttle）
一、定义函数去抖（debounce）和函数节流（throttle）都是函数调用频率的控制器。_.debounce(func, [wait=0], [options={}])func(Function): 要防抖动的函数。 [wait=0](number): 需要延迟的毫秒数。 [options={}](Object): 选项对象。 [options.leading=fa...
2019-07-17 09:57:07
203
原创 利用git将本地代码上传到github
git命令工具Git Bash 。首先在Git Bash中使用cd命令进入对应的本地项目路录，按照下面的命令操作：1、git init 表示在当前的项目目录中生成本地的git仓库，有的项目有.git文件则不需要init。2、git add . 表示你要提交到github上的文件，如果你要将所有文件都暂存。3、git commit -m “first commit”, 提交代码，...
2019-05-28 00:43:17
148
原创 ES6 数组的扩展
扩展运算符 Array.from() Array.of() 数组实例的 copyWithin() 数组实例的 find() 和 findIndex() 数组实例的 fill() 数组实例的 entries()，keys() 和 values() 数组实例的 includes() 数组实例的 flat()，flatMap() 数组的空位1. Array.from()1.1 A...
2019-04-03 17:47:28
149
原创 ES6 Promise 用法（看懂）
多次看了promise构造函数和all、then、reject、resolve、catch后，终于看懂了。参考文章：https://blog.csdn.net/shan1991fei/article/details/78966297
2019-04-03 15:49:37
219
原创 maps对象和objects的比较
1、Map对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。2、Objects 和 maps 的比较Objects和Maps类似的是，它们都允许你按键存取一个值、删除键、检测一个键是否绑定了值。因此（并且也没有其他内建的替代方式了）过去我们一直都把对象当成Maps使用。不过Maps和Objects有一些重要的区别，在下列情况里使用Map会是更好的选...
2019-03-28 15:01:38
462
原创 深拷贝和浅拷贝
参考文章：https://blog.csdn.net/qq_39207948/article/details/81067482https://blog.csdn.net/u014628388/article/details/77489400深拷贝和浅拷贝的区别1.浅拷贝： 将原对象或原数组的引用直接赋给新对象，新数组，新对象／数组只是原对象的一个引用2.深拷贝： 创建一个新的对象和...
2019-03-28 13:52:42
142
原创 JS两种定时器，setTimeout和setInterval的区别$用定时器切换元素背景颜色
一、setTimeout只在指定时间后执行一次，用于延迟执行某方法或功能//只执行一次var t1 = window.setTimeout(function hello(){ alert("你好");},2000);//去掉定时器的方法window.clearTimeout(t1);二、setInterval以指定时间为周期循环执行//按周期循环执行var t2 =...
2019-03-12 20:59:51
887
原创 数组、字符串去重（优解）
参考文章：https://blog.csdn.net/qq_41713692/article/details/80619292数组去重定义一个空数组，用来存放遍历过程中第一次出现的值；定义一个对象，用来比较是否重复。Array.prototype.unique = function(){ var arr = [], obj ={}, len = this.length; f...
2019-03-12 20:39:22
302
原创 js实现随机选取10–100之间的10个数字，存入一个数组，并排序
Math.random()返回[0,1)之间的随机数<script type="text/javascript"> function sortNumber(a,b){ return a-b;//升序 // return b-a;//降序}//JS实现随机选取10-100之间的10个数字,存入一个数组，并排序var iArray = [];functio...
2019-03-12 19:41:37
7883
原创 字符串和数组的常用方法
一、字符串string常用方法1、substring(start开始位置索引,end结束位置索引) 字符串截取从0开始索取，不包含结束位置的字符；只写一个参数表示重开始位置截取到最后；输入负值将变成0，那个较小就作为开始。var str = 'abcdefg';str.substring(2); //cdefgstr.substring(1,-3); // => str....
2019-03-12 13:50:44
2473
原创 CSS中可以和不可以继承的属性
参考文章：https://www.cnblogs.com/thislbq/p/5882105.html一、无继承的属性1、display:规定元素应该生成的框的类型；2、文本属性：vertical-align:垂直文本对齐text-decoration:规定添加到文本的装饰white-space:空白符的处理3、盒子模型的属性：width、height、margin-、...
2019-03-12 11:39:18
1203
原创 MVVM开发模式的理解&v-if和v-show的区别
一、MVVM分为Model、View、ViewModel三者Model：代表数据模型，数据和业务逻辑都在Model层中定义； View：代表UI视图，负责数据的展示； ViewModel：负责监听Model中数据的改变并且控制视图的更新，处理用户交互操作。View——ViewModel——ModelModel和View并无直接关联，而是通过ViewModel来进行联系的，Model和...
2019-03-11 17:12:27
272
原创 Vue和React的全面对比
参考文章：https://blog.csdn.net/CystalVon/article/details/78428036 总结1、Vue的优势：- 是响应式的数据双向绑定系统- 模板和渲染函数的弹性选择- 简单的语法及项目创建- 更快的渲染速度和更小的体积-vue中的12个指令：v-bind,v-once,v-model,v-text,v-html,v-on,v-if...
2019-03-11 17:12:23
656
原创 IE盒子模型和标准W3C盒子模型以及如何相互转换
一、W3C标准盒模型标准盒模型width只包含content的宽。二、 IE盒模型IE盒模型的width=border*2+padding*2+content三、为什么IE盒模型更容易开发？比如要在一个容器里并排显示两个同样的盒子。你用标准模型时肯定会这样设置每个盒子width:50%。再怎么去调整padding都会在两个盒子的内部去调整，不会再影响布局。四、如何...
2019-03-11 14:55:04
4015
原创 我终于理解了伪类和伪元素以及CSS选择器的优先级
参考文章：https://www.jianshu.com/p/996d021bced3伪元素和伪类从字面理解就是假的元素和假的类。1、伪类（单冒号）CSS3中的定义：伪类存在的意义是为了通过选择器，格式化DOM树意外的信息以及不能被常规CSS选择器获取到的信息。伪元素的功能：（1）格式化DOM树以外的信息。如：<a>标签的:link、:visited等，这些信息不...
2019-03-11 14:16:02
4544
原创 栈堆及例题：整数1,2,3,4,5依次进栈，最后都出栈，可能的出栈序列
一、堆可以看成是一棵树，堆是一棵完全二叉树；将根节点最大的堆叫做最大堆，根节点最小的堆叫做最小堆。堆是在程序运行时（而不是在编译时），申请某个大小的内存空间，即动态分配内存；内存由程序员分配释放，若不释放，程序结束由OS回收。二、队列队列是一种特殊的线性表，只允许在表的前端进行删除，在表后插入，先进先出。三、栈（Stack）又名堆栈，它是一种运算受限的数据结构。仅允许在...
2019-03-08 17:08:59
11903
5
原创 UDP和TCP的优缺点和区别
一、TCPTCP优点：面向对象连接，全双工可靠准确，三次握手建立连接，在数据传递时，与确认、窗口、重传、拥塞控制机制。TCP缺点：慢、效率低，在传输数据之前需要建立连接消耗大量时间；因为TCP有确认机制、三次握手机制导致TCP容易被发现，实现DOS等攻击。什么时候应该使用TCP？对网络通讯质量有要求的时候，整个数据要准确无误的传递给对方，比如：HTTP、FTP、HTTPS等传输文件的协...
2019-03-08 16:07:14
388
原创 TCP连接建立三次握手和TCP连接释放四次挥手（正解篇）
一、参考文章https://blog.csdn.net/lengxiao1993/article/details/82771768多次在网络博客上学习到的错误解读是：防止已失效的连接请求又传送到服务器端，因而产生错误。但这种解释不准确。正确的解释是：为了实现可靠数据传输， TCP 协议的通信双方， 都必须维护一个序列号， 以标识发送出去的数据包中， 哪些是已经被对方收到的。...
2019-03-08 15:44:19
1553
原创 JS创建对象的三种方法
一、工厂模式通过函数来封装，用object方式来创建function creatPerson(name,age,job){ var o = new Object(); //先通过object构造器new一个对象，再往里丰富成员信息。 o.name = name; o.age = age; o.job = job; o.sayName = funct...
2019-02-22 16:04:30
1054
原创 css3中单位px,em,rem,vh,vw,vmin,vmax的区别
px：绝对单位，页面按精确像素展示em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。rem：相对单位，可理解为”root em”, 相对根节点html的字体大小来计算，CSS3新加属性，chrome/firefox/IE9+支持。vw：viewpoint width，视窗宽度，1vw等于...
2018-09-28 10:27:50
803
原创 前端的缓存
前端的缓存无非就Cookie,LocalStorge,SessionStorge这三个Cookie，存储容量小，仅仅4kb左右，在网络请求的时候可以发送，不建议存储重要数据，因为会被网络诈骗就是把本地的cookie发到别人的服务器上，进而获取你的账户密码。LocalStorge,SessionStorge都是本地缓存的主要用的，两者的用法都很简单，都有各自的Set和get方法。主要的区别就...
2018-09-27 16:36:21
204
转载 关于作用域、防止作用域污染、作用域链和闭包的理解
参考博客：https://blog.csdn.net/whd526/article/details/70990994作用域变量的作用域无非就是两种：全局作用域和局部作用域。 全局作用域： 最外层函数定义的变量拥有全局作用域，即对任何内部函数来说，都是可以访问的： <script> var outerVar = "outer"; functi...
2018-09-27 16:29:39
2104
原创 常见的HTTP状态码
参考博客：https://blog.csdn.net/q1056843325/article/details/53147180https://blog.csdn.net/huwei2003/article/details/70139062状态码分类：状态码 响应类别 原因短语 1XX 信息性状态码（Informational） 服务器正在处理请求 2XX...
2018-09-26 10:54:02
203
原创 移动端前端常见的触摸相关的事件touch、tap、swipe等
一、click事件单击事件，类似于PC端的click，但在移动端中，连续click的触发有200ms ~ 300ms的延迟 二、touch类事件（即触摸事件）touchstart：手指触碰到屏幕会触发；touchmove：手指在屏幕上移动会触发；touchend：手指离开屏幕会触发；touchcancel：可由系统进行的触发，比如手指触摸屏幕的时候，突然alert了一下...
2018-09-26 09:54:16
1194
原创 js事件流&事件委托
一、什么是JavaScript事件流？原文博客：https://www.cnblogs.com/st-leslie/p/5907556.html（写得非常好）//举例<body> <div style="width:200px;height:200px;background:lightblue" id="content"> <di...
2018-09-26 09:31:07
307
原创 js内存泄漏几种方式及如何避免、内存溢出
一、什么是内存泄漏(memory leak)？参考阮一峰老师博客：http://www.ruanyifeng.com/blog/2017/04/memory-leak.html不再用到的内存，没有及时释放，就叫做内存泄漏（memory leak）。程序的运行需要内存。只要程序提出要求，操作系统或者运行时（runtime）就必须供给内存。对于持续运行的服务进程（daemon），必须及...
2018-09-25 22:19:41
8330
原创 CSS浏览器兼容性写法、JS浏览器兼容性写法
一、浏览器的内核IE：trident内核Firefox（火狐）：gecko内核Chrome：Blink（基于Webkit）Safari：Webkit内核Oprea：现用Blink，以前是presto内核二、CSS浏览器兼容性-moz- 火狐-o- opera早期-webkit- 谷歌、safari-ms- IE三、JS浏览...
2018-09-25 21:13:06
696
原创 jq的四种绑定事件的方法
参考博客：https://blog.csdn.net/ditto_zhou/article/details/62042670一、jquery的几种事件绑定方式: bind(),on(),live(),delegate()1.bind()函数只能针对已经存在的元素进行事件的设置；但是live(),on(),delegate()均支持未来新添加元素的事件设置；2.bind()函数在jqu...
2018-09-25 16:56:30
5357
原创 Ajax跨域问题、简述Ajax原理及请求过程
一、什么是跨域了解跨域之前先了解同源策略。同源策略：即浏览器为保障用户的安全，浏览器为了保证用户信息的安全，防止恶意的网站窃取数据，禁止不同域之间的JS进行交互。对于浏览器而言只要域名、协议、端口其中一个不同就会引发同源策略，从而限制他们之间如下的交互行为：1、Cookie、LocalStorage 和 IndexDB 无法读取；2、 DOM 无法获得；3、 AJAX 请求不能...
2018-09-24 19:30:45
1296
原创 Promise对象的几种方法
Promise，就是一个对象，用来传递异步操作的信息。1、Promise对象有两个特点：一是对象的状态不受外界影响，有3种状态：Pending（进行中）、Resolved(已完成，又称Fulfilled)和Rejectd（已失败）。只有异步操作的结果可以决定当前是哪一种状态，任何其他操作都无法改变这个状态；二是一旦状态改变（从Pending变为Rsolved和从Pending变为Rej...
2018-09-24 16:34:03
5290
转载 实现垂直水平居中的五种方法
参考博客：https://blog.csdn.net/bury_/article/details/794309431.基于表格样式将要使内容居中的外层容器元素的display设置成table，内层内容块使用table-cell，然后分别设置水平和垂直居中： /*表格方案*/ #table-father{ d...
2018-09-23 17:05:24
1137
转载 JS判断各种数据类型的方法&判断一个变量是否为数组类型
一、js中判断数据类型的方法js的七种数据类型：number、string、boolean、undefined、object、null、symbol和函数类型function。方法一：typeof ,无法检验出数组、对象或nulltypeof 2 // numbertypeof null // object...
2018-09-23 15:19:30
9003
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人