- 博客(9)
- 收藏
- 关注
原创 React学习使用应注意的点(JSX)
JSX当使用组件时,标签名一定要是大写开头否则会报错const JsxComponent = (props) => (<div>Hello React</div>)/** right **/ReactDOM.render( <JsxComponent/>, document.getElementById('root'));/** ...
2019-09-01 17:18:46
136
原创 React学习使用应注意的点(Refs)
refsReact v16.3后创建ref及使用可通过以下方式(注:不能在函数式组件上使用 ref 属性,因为它们没有实例)class RefComponent extends React.Component { render () { return <div></div> }} let myRef = React.createRef() /...
2019-09-01 17:18:13
196
原创 PC端微信内置浏览器兼容问题
PC端微信内置浏览器兼容问题微信自带浏览器用的是QQ浏览器X5内核,而X5内核是腾讯基于开源Webkit优化的浏览器渲染引擎,目前除了微信、手机QQ、京东等有30多款APP内置浏览器都是基于X5内核。在PC端微信浏览器使用的webkit版本较低,会产生较多兼容问题0.01.无法识别URLSearchParams可通过npm安装url-search-params-polyfill,再在mai...
2019-08-05 14:18:53
8810
原创 浅拷贝与深拷贝
防抖动和节流原因在为dom绑定一些事件(resize、scroll、input)时,可能会由于用户操作反复触发函数造成资源的浪费,这时候可通过函数防抖和函数节流的避免重复触发事件回调。防抖动原理:在第一次触发事件后,设置一个定时器,定时器结束后再执行真正需要执行的方法,若定时器未结束时事件再此被触发,则将之前的定时器消除,再次设置定时器重复以上过程。代码:function debounc...
2019-08-05 14:17:32
129
原创 node项目部署
第一次自己部署node项目,搞了很久,终于摸清了大概的套路0.0本地node项目部署服务器(我用的是阿里的centos云服务器)实现node和git配合,每次开发完上传到git,再在服务器使用git拉下来,再次运行,减少每次将项目放到服务器的步骤,使用工具:node、git、nvm、pm2nvm:我们可能同时在进行2个项目,而2个不同的项目所使用的node版本又是不一样的,或者是要用更新的n...
2019-08-05 14:13:54
317
原创 CSS的重绘和回流
回流定义:当RenderTree中的一部分(或全部)因为元素的规模尺寸,布局,隐藏等改变而需要重新构建,则称为回流触发回流属性1.盒子模型相关属性:width height display padding margin border border-width min-height2.定位属性及浮动:position left right top bottom float clear3....
2019-08-05 14:10:11
184
原创 JS:两数字字符串相乘
题目:给定两个数字(0-9)字符串(长度不限)求它们的乘积。function multiply(sum1, sum2) { /**将两个字符串拆为数组并反转,生成结果数组并初始化为0**/ let s1 = sum1.split('').reverse() let s2 = sum2.split('').reverse() let r = new Array(s1....
2019-03-28 21:19:40
2113
原创 JS的防抖动和节流
使用防抖动和节流原因在为dom绑定一些事件(resize、scroll、input)时,可能会由于用户操作反复触发函数造成资源的浪费,这时候可通过函数防抖和函数节流的避免重复触发事件回调。防抖动原理:在第一次触发事件后,设置一个定时器,定时器结束后再执行真正需要执行的方法,若定时器未结束时事件再此被触发,则将之前的定时器消除,再次设置定时器重复以上过程。代码:function debou...
2019-03-28 19:18:26
647
原创 冒泡排序JS实现
用Javascript实现冒泡排序无优化实现原理:设数组的长度为n,遍历n次,每次从最后一个元素一一与前一元素对比,若小于前一元素则交换位置。function BubbleSort(array) { // 无优化 for (let i = 0; i &amp;amp;lt; array.length; i++) { for (let j = array.length - 1; j...
2019-03-04 17:04:54
337
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人