- 博客(112)
- 收藏
- 关注
RSS订阅原创 react lazy, suspense, memo
react lazy其实就是懒加载，比如你的父组件中加载了一个子组件，你没有使用react.lazy的话，他会直接去加载父组件和子组件中的代码（父+子.js），如果你使用了react.lazy在你加载父组件的时候（父.js），子组件将不会代码一起加载进去，而是当你需要渲染子组件的时候他的代码才会去加载（子.js），其实就是一个代码分割的作用 然后suspense其实也是搭配react.lazy一...
2019-12-08 18:08:24
409
原创 react propTypes
import PropTypes from 'proptypes'; class Son extends React.Component{ return () } Son.propTypes = { arr: PropTypes.array }
2019-10-29 19:41:58
198
转载 算法篇（js简单实现各种算法）
十大经典算法排序总结对比 名词解释： n: 数据规模k:“桶”的个数In-place: 占用常数内存，不占用额外内存Out-place: 占用额外内存 稳定性：排序后2个相等键值的顺序和排序之前它们的顺序相同 冒泡排序（前后两个值互相比较） function bubbleSort(arr){ for(var i=0; i< arr.length; i...
2019-07-21 23:00:09
313
原创 promise 到 instanceof 到原型链
instance判断是否属于某个对象上的实例 原型链： 先从js的对象讲起吧，js中万物皆是对象，分为普通对象和函数对象，Object 、Function 是 JS 自带的函数对象 普通对象，函数对象 普通对象是什么，函数对象是什么 一、普通对象： var simpleObject = {}; var simpleObject = new Object(); var simpl...
2019-07-15 20:28:12
1033
1
原创 react 兄弟组件通信
解决方案一 父组件传入函数给子组件，子组件通过函数改变父组件状态，同级子组件可以接受 解决方案二 发布订阅模式（eventHub） 很简单理解 context react跨层级传递 import React from 'react' import PropTypes from 'prop-types' class MiddleComponent extends ...
2019-04-11 11:17:21
1541
1
原创 彻底理解JavaScript for循环
var a = [] for (var i = 0; i < 10; i++) { a[i] = function () { console.log(i) } } a[5]() // 10 以上代码的执行顺序可以理解为 在循环中声明了function a[0-9]，但是function a[0-9]并没有执行，当function a[0-9]执行的时候循...
2019-04-10 23:34:39
923
转载 flex属性分配问题
https://blog.youkuaiyun.com/qq_26598303/article/details/52841087
2019-03-03 17:53:36
1051
转载 react的各种性能优化
无状态组件和有状态组件 https://segmentfault.com/a/1190000007553885 https://www.cnblogs.com/wonyun/p/5930333.html
2018-12-06 18:38:05
855
原创 今天发现的一个很神奇的问题，作用域的问题
var num = 1; function add(){ num = 2; } function con(){ add(); console.log(num); } con() //很明显输出的是2 var num = 1; function add(num){ num = 2; } function con(){ add(num); ...
2018-12-05 18:37:29
226
原创 判断是否为移动端还是pc端，自动切换地址
<script> var ec_browse_agent = navigator.userAgent.toLowerCase(); if ((ec_browse_agent.match(/iphone/i)) || (ec_browse_agent.match(/ipod/i)) || (ec_browse_agent.match(/android/i)) || (...
2018-11-19 14:39:21
766
转载 关于微信公众号网页无法在pc端调试的问题
https://www.cnblogs.com/meitian/p/5424587.html 不知道有没有新的解决方案
2018-11-06 16:32:48
2076
原创 react 获取属性的问题，currentTarget确实是可以的，target确实是有问题的
父节点有属性data-cc 这时候点击父节点获取属性 正确方式是 event.currentTarget.getAttribute(“data-cc”) 而不是 event.target.getAttribute(“data-cc”) ps: 1. currentTarget 返回其事件监听器触发该事件的元素。 target 返回触发此事件的元素（事件的目标节点）。 2.rea...
2018-11-05 19:20:08
4511
转载 react ref属性dom操作
https://www.cnblogs.com/xiaohuochai/p/8625445.html 注意，函数式组件不能使用ref，因为他们没有实例 函数式组件是什么，具体参照一下链接 https://www.cnblogs.com/wonyun/p/5930333.html https://segmentfault.com/a/1190000007553885 ...
2018-11-05 16:35:20
783
原创 es6 promise 和 es7 await
注意！！！ 使用es7 async await presets必须使用stage-3，否则不会执行 1、使用了promise，不使用promise，可以用一个callback，不过如果callback也是一个异步就会形成回调地狱 比如 var a = 0; setTimeout({ a = 1 console.log(a); ...
2018-10-20 14:36:39
411
原创 关于前端像素和位图之类的原理
首先需要理解的是几个概念 1、分辨率、屏幕尺寸、像素密度（ppi）。 2、逻辑像素和物理像素。 3、ppi、pt、dpi、dp、sp它们与px之间的关系。 分辨率、屏幕尺寸、像素密度（ppi） 以上是iphone6的尺寸图，它的分辨率是750*1334，大小是4.7英寸。 分辨率又称显示分辨率或屏幕分辨率，它是指水平方向或垂直方向像素的数量。 而通常我们所说多少寸这种屏幕大小的计...
2018-10-19 09:38:30
429
原创 css height 100%
一个很神奇的东西，body和html一定要设置成100%，然后父元素也要设置成100%才能实现，也就是要一层层下来全都设置成100%，有点弱智，然后如果父元素设置了position:absolute,top,bottom,left,right:0，heigth：100%又可以直接生效...
2018-10-17 16:11:33
491
原创 react onClick 等函数传参
不能使用（参数A， 参数B）的方式，而是要使用bind <Button onClick={this.showEdit.bind(this, 'add')}>添加用户</Button> showEdit = (type,(event)) => { console.log(type) // 这里面的type就是'add' this.setState...
2018-10-17 11:13:58
2362
转载 react-router 4
https://segmentfault.com/a/1190000011137828 h5的history肯定要去弄懂，！important
2018-10-15 18:58:01
108
原创 react 组件里的作用域问题
https://blog.youkuaiyun.com/huanghanqian/article/details/80548100
2018-10-09 10:48:28
1787
原创 NPM依赖包版本号~和^和*的区别
~ 会匹配最近的小版本依赖包，比如~1.2.3会匹配所有1.2.x版本，但是不包括1.3.0 ^ 会匹配最新的大版本依赖包，比如^1.2.3会匹配所有1.x.x的包，包括1.3.0，但是不包括2.0.0 *这意味着安装最新版本的依赖包 ...
2018-09-20 12:02:14
880
原创 图片上传阿里云OSS后可以按照指定大小拿到图片
$('#picStay').prepend('<img sort="' + index + '" src="' + objdata.osssignature.host + "/" + file.path + '?x-oss-process=image/resize,m_lfit,h_56,w_36" />');
2018-09-03 10:45:24
8281
原创 pushState实现spa
https://blog.youkuaiyun.com/helloxiaoliang/article/details/73850428
2018-08-30 19:05:48
203
原创 工作中遇到的各种问题
eval requireJS h5 history pjax Promise.all() Promise.all = function ( promises ) { return new Promise( function ( fulfil, reject ) { var result = [], pending, i, p...
2018-08-30 10:07:44
357
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人