- 博客(4)
- 收藏
- 关注
RSS订阅原创 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关注的人