- 博客(112)
- 收藏
- 关注
RSS订阅原创 react lazy, suspense, memo
react lazy其实就是懒加载，比如你的父组件中加载了一个子组件，你没有使用react.lazy的话，他会直接去加载父组件和子组件中的代码（父+子.js），如果你使用了react.lazy在你加载父组件的时候（父.js），子组件将不会代码一起加载进去，而是当你需要渲染子组件的时候他的代码才会去加载（子.js），其实就是一个代码分割的作用然后suspense其实也是搭配react.lazy一...
2019-12-08 18:08:24
401
原创 react propTypes
import PropTypes from 'proptypes';class Son extends React.Component{ return ()}Son.propTypes = { arr: PropTypes.array}
2019-10-29 19:41:58
189
转载 算法篇（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
306
原创 promise 到 instanceof 到原型链
instance判断是否属于某个对象上的实例原型链： 先从js的对象讲起吧，js中万物皆是对象，分为普通对象和函数对象，Object 、Function 是 JS 自带的函数对象普通对象，函数对象普通对象是什么，函数对象是什么一、普通对象： var simpleObject = {};var simpleObject = new Object();var simpl...
2019-07-15 20:28:12
1023
1
原创 react 兄弟组件通信
解决方案一父组件传入函数给子组件，子组件通过函数改变父组件状态，同级子组件可以接受解决方案二发布订阅模式（eventHub）很简单理解contextreact跨层级传递import React from 'react'import PropTypes from 'prop-types'class MiddleComponent extends ...
2019-04-11 11:17:21
1531
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
895
转载 flex属性分配问题
https://blog.youkuaiyun.com/qq_26598303/article/details/52841087
2019-03-03 17:53:36
1042
转载 react的各种性能优化
无状态组件和有状态组件https://segmentfault.com/a/1190000007553885https://www.cnblogs.com/wonyun/p/5930333.html
2018-12-06 18:38:05
842
原创 今天发现的一个很神奇的问题，作用域的问题
var num = 1;function add(){ num = 2;}function con(){ add(); console.log(num);}con() //很明显输出的是2var num = 1;function add(num){ num = 2;}function con(){ add(num); ...
2018-12-05 18:37:29
213
原创 判断是否为移动端还是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
744
转载 关于微信公众号网页无法在pc端调试的问题
https://www.cnblogs.com/meitian/p/5424587.html不知道有没有新的解决方案
2018-11-06 16:32:48
2047
原创 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
4498
转载 react ref属性dom操作
https://www.cnblogs.com/xiaohuochai/p/8625445.html注意，函数式组件不能使用ref，因为他们没有实例函数式组件是什么，具体参照一下链接https://www.cnblogs.com/wonyun/p/5930333.htmlhttps://segmentfault.com/a/1190000007553885 ...
2018-11-05 16:35:20
773
原创 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
399
原创 关于前端像素和位图之类的原理
首先需要理解的是几个概念1、分辨率、屏幕尺寸、像素密度（ppi）。2、逻辑像素和物理像素。3、ppi、pt、dpi、dp、sp它们与px之间的关系。分辨率、屏幕尺寸、像素密度（ppi）以上是iphone6的尺寸图，它的分辨率是750*1334，大小是4.7英寸。分辨率又称显示分辨率或屏幕分辨率，它是指水平方向或垂直方向像素的数量。而通常我们所说多少寸这种屏幕大小的计...
2018-10-19 09:38:30
413
原创 css height 100%
一个很神奇的东西，body和html一定要设置成100%，然后父元素也要设置成100%才能实现，也就是要一层层下来全都设置成100%，有点弱智，然后如果父元素设置了position:absolute,top,bottom,left,right:0，heigth：100%又可以直接生效...
2018-10-17 16:11:33
482
原创 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
2353
转载 react-router 4
https://segmentfault.com/a/1190000011137828h5的history肯定要去弄懂，！important
2018-10-15 18:58:01
106
原创 react 组件里的作用域问题
https://blog.youkuaiyun.com/huanghanqian/article/details/80548100
2018-10-09 10:48:28
1777
原创 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
875
原创 图片上传阿里云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
8255
原创 pushState实现spa
https://blog.youkuaiyun.com/helloxiaoliang/article/details/73850428
2018-08-30 19:05:48
192
原创 工作中遇到的各种问题
evalrequireJSh5 history pjaxPromise.all()Promise.all = function ( promises ) { return new Promise( function ( fulfil, reject ) { var result = [], pending, i, p...
2018-08-30 10:07:44
346
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人