[综合] React在组件中监听redux中state状态的改变

解决方式： 1、在组件中引入store 2、在constructor构造器方法中，重写store.subscribe方法（该方法即是监听state状态改变的放过） 组件完整代码如下： importReact,{Component}from'react' importCSSModulesfrom'r...

[综合] qs.stringify和JSON.stringify的使用和区别

最近在用vue2.x做项目，说实话，项目比较赶不吃力那肯定是假的。这里顺带吐槽一下二线城市东莞，我之前待的城市。深圳很多新技术打得火热，东莞还是有点滞后呐。言归正传，说说qs.stringify和JSON.stringify qs可通过npminstallqs命令进行安装，是一个npm仓库所管理的包...

[综合] 多个异步请求执行成功后，执行后续操作

方法一： jq的$.when().done() $.when($.ajax(),$.ajax(),$.ajax()).done(fn).fail(fn); 当内部传入的3个ajax都执行了成功的回调,done里的函数才会被触发,而当有一个ajax执行失败了，fail就被触发。 方法二： Promis...

[综合] React如何在组件中获取路由参数？

路由参数假如我们有很多list页面，这些页面除了动态内容不同，其他的页面部分都相同，这个时候需要怎么配置路由和组件呢？ 这种场景就需要用到路由的参数功能，增加一条包含参数的路由配置。 importListfrom'./component/list';<Routepath="list/:id"c...

[综合] js字节单位转换函数（KB MB GB TB PB EB ZB）

先来个初级的 byteChange=byte=>{letsize=''if(byte<0.1*1024){//小于0.1KB则转化成Bsize=byte.toFixed(2)+'B'}elseif(byte<0.1*1024*1024){//小于0.1MB则转换成KBsize=(b...

[综合] JS中判断一个对象是否为null、undefined、0、NaN

写了个str="s"++;然后出现Nan，找了一会。收集资料如下判断：1.判断undefined: vartmp=undefined;if(typeof(tmp)=="undefined"){alert("undefined"); } 说明：typeof返回的是字符串，有六种可能："number"、...

[综合] git clone 报错 Permission denied (publickey,password).git配置ssh key

翻译下这段英文，大概意思是： 权限被拒绝（公钥、密码）。无法从远程存储库中读取。 解决方式：创建sshkey、配置git 1、设置username和email（github每次commit都会记录他们） gitconfig--globaluser.name"wenbo" gitconfig--g...

[综合] HTML5 video 进入全屏和退出全屏

当我们使用video标签的时候，有时候因为更多的需要，我们要自己自定义控制栏，而进入和退出全屏也是其中的一部分 不同的浏览器有不同的实现方法 //Webkit element.webkitRequestFullScreen();//进入全屏 document.webkitCancelFullSc...

[综合] node.js操作mysql出错 Cannot enqueue Handshake after invoking quit

出错背景： 当第一次执行数据库操作时，是可以成功的。这时第二次执行数据库操作，就会报错如标题所示。 原因： 这是因为我们在使用.end()方法关掉连接之后，需要重新调用createConnection重新创建一个连接。 解决方式： 例如下面封装的一个操作数据库的查询跟增加的方法。方法中每次都会首先使...

[综合] js移除数组中指定元素

首先需要找到元素的下标： vararray=["zhangsan","lisi","wangwu"]; varindex=array.indexOf("lisi"); 使用splice函数进行移除： if(index>-1){array.splice(index,1); } splice函数的...

[综合] es5中的类、原型链、静态方法、继承

下面一段代码，讲解了如何使用es5创建一个类、设置原型链属性方法、设置静态方法 functionPerson(name,age){//构造函数里面的方法和属性this.name=namethis.age=agethis.run=function(){console.log(`${this.name}...

[综合] es6中的类与继承、静态方法、实现单例

1、如果使用es6定义一个类 //使用class关键字申明一个类 classPerson{constructor(name,age){//类的构造函数，实例化的时候执行this._name=namethis._age=age}setName(name){this._name=name}getName...

[综合] 深入理解js中的yield

yield关键字用来暂停和恢复一个生成器函数（(function*或遗留的生成器函数）。 语法 [rv]=yield[expression]; expression 定义通过迭代器协议从生成器函数返回的值。如果省略，则返回undefined。 rv 返回传递给生成器的next()方法的可选值，以恢复...

[综合] Object.assign() 方法

Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。 consttarget={a:1,b:2}; constsource={b:4,c:5};constreturnedTarget=Object.assign(target,source);...

[综合] JavaScript 数组find() 方法

定义和用法 find()方法返回通过测试（函数内判断）的数组的第一个元素的值。 find()方法为数组中的每个元素都调用一次函数执行： 当数组中的元素在测试条件时返回true时,find()返回符合条件的元素，之后的值不会再调用执行函数。 如果没有符合条件的元素返回undefined 注意:fi...

[综合] withRouter() 在非路由组件中使用路由库的api

我们知道，在非路由组件中，是拿不到例如像this.props.location.pathname数据。 倘若我们想拿到类似这种路由数据，可以使用withRouter()将非路由组件包装成路由组件。用法与redux中的connect类似。 如下： importReact,{Component}from...

[综合] JavaScript Array filter() 方法

定义和用法 filter()方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。 注意：filter()不会对空数组进行检测。 注意：filter()不会改变原始数组。 实例 返回数组ages中所有元素都大于18的元素: varages=[32,33,16,40];funct...

[综合] JavaScript Array indexOf() 方法

实例 查找数组中的"Apple"元素： varfruits=["Banana","Orange","Apple","Mango"]; vara=fruits.indexOf("Apple"); a结果输出： 2 以上输出结果意味着"Apple"元素位于数组中的第3个位置。 定义和用法 indexOf...

[综合] react-redux 中state改变，页面未重新渲染

1.问题? 在redux中，通过reducer来对state的进行更新，但是我在reducer中改变了state的值，但是页面没有重新渲染，并且在控制台输出显示state的值已经改变 代码： constinitStore=[{name:'lili',blogTitle:'nihao',blogCo...

[综合] js时间字符串与时间戳之间的转换

1、当前时间换时间戳 vartimestamp=parseInt(newDate().getTime()/1000);//当前时间戳 document.write(timestamp); 2、当前时间换日期字符串 varnow=newDate(); varyy=now.getFullYear();/...