![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
文章平均质量分 82
zhang_xin_new
这个作者很懒,什么都没留下…
展开
-
前端要知道的性能优化
文章提纲: TCP UDP 套接字插座 HTTP协议 DNS解析 HTTP请求发起和响应 页面渲染的过程 页面的性能优化 TCP连接 TCP:传输控制协议,传输控制协议,是一种面向连接的,可靠的,基于字节流的传输层通信协议。说的这么专业,有啥用呢?先来举个个子子吧还记得小时候我们做的纸杯电话么?两个纸杯用一条绳...转载 2018-10-26 22:08:35 · 328 阅读 · 0 评论 -
chrome调试技巧
写在前面 本文包括浏览器调试,不包括web移动端调试。 本文调试均在chrome浏览器进行 alert 这个不用多说了,不言自明 console 基本输出 想必大家都在用console.log在控制台输出点东西,其实console还有其它的方法: console.log("打印字符串");//在控制台打印自定义字符串 console.error("我是个错误");//在控制台打印...转载 2018-10-26 22:36:39 · 318 阅读 · 0 评论 -
页面性能优化的方法
引子 互联网有一项著名的8秒原则。用户在访问Web网页时,如果时间超过8秒就会感到不耐烦,如果加载需要太长时间,他们就会放弃访问。大部分用户希望网页能在2秒之内就完成加载。事实上,加载时间每多1秒,你就会流失7%的用户。8秒并不是准确的8秒钟,只是向网站开发者表明了加载时间的重要性。那我们如何优化页面性能,提高页面加载速度呢?这是本文主要要探讨的问题,然而性能优化是个综合性问题,没有标准答案,想...转载 2018-11-19 06:57:11 · 2763 阅读 · 0 评论 -
React 中ref的几种用法
React 中ref的几种用法 1.字符串 通过 this.refs.a 来引用真实dom的节点 dom 节点上使用 <input type ="text" ref="a"/> 2.回调函数 回调函数就是在dom节点或组件上挂载函数,函数的入参是dom节点或组件实例,达到的效果与字符串形式是一样的, 都是获取其引用。 <input type="text" ref={(in...原创 2019-06-11 19:30:28 · 15037 阅读 · 0 评论