- 博客(4)
- 收藏
- 关注
原创 chrome DevTools调试技巧
chrome DevTool调试技巧调试是代码开发、定位问题的重要手段。作为前端开发人员,学会利用Chrome开发者工具调试,快速定位问题,也是我们一项必备技能。启动F12右键–>检查右上角设置->更多工具->开发者工具(有时候以上两种会被页面屏蔽)基本布局快速选择元素(ESC退出选择状态)模拟设备分辨率通过右上角三个点,调整布局位置Elemen...
2019-07-10 13:10:09 661
原创 DOM事件机制
DOM事件流(event flow )存在三个阶段:事件捕获阶段、处于目标阶段、事件冒泡阶段。事件捕获:从外到内(从父到子)传播事件冒泡:从内到外APIaddEventListener(event, listener, useCapture)event----事件名称,如click,不带onlistener----事件监听函数useCapture----是否采用事件捕获进行事件捕...
2019-07-03 20:03:05 190
原创 JavaScriptavaScript之WebSocket
JavaScriptavaScript之WebSocket定义WebSocket 是一种在单个 TCP 连接上进行全双工通讯的协议。具有一次握手,持久连接,双向数据传输的特点。基本使用实例化WebSocketvar Socket = new WebSocket(url, [protocol] );WebSocket事件事件 事件处理程序 描述open Socket.ono...
2019-07-02 20:48:41 283
原创 JavaScript中的防抖和节流
JavaScript中的防抖和节流场景引入监听浏览器界面滚动执行回调,一旦滚动,就会触发大量回调,导致性能大大下降,应该如何优化该功能?概念说明防抖:未达到指定时间,再次触发监听时间,则会重新开始计时。(类比电梯例子)节流:在指定时间内,多次触发事件,回调只执行一次。(类比游戏中释放技能)代码实例防抖函数:1秒内再次滚动页面,则重新开始计时。var count = 0; ...
2019-07-01 23:52:20 160
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人