原创 安卓低機型卡頓分析以優化方案
當前狀況 安裝低端機型H5頁面可能存在丟幀問題 丟幀卡頓可能原因分析 現象分析 呈現速度緩慢: 在呈現速度緩慢的幀數較多的頁面，當超過50%的幀呈現時間超過16ms毫秒時，用戶感官明顯卡頓。 幀凍結的繪製耗時超過700ms，爲嚴重卡頓
2024-03-20 13:47:41
原创 命令行 查找某個結尾的文件.
你可以使用find命令來搜索文件夾中以.apk結尾的文件，並列出它們。下面是一個示例命令： find /path/to/directory -type f -name "*.apk" 在這個命令中： /path/to/directory
2024-03-08 13:47:42
原创 總結下vim快捷鍵
快速移動 w: 下一個單詞 b: 上一個單詞 ge: 上一個單詞結尾 f t 0: 這一行的第一個字母 {: 上一段 }: 下一段 CTRL+D: 下半頁 CTRL+U: 上半頁 CTRL+Y: 光標不動, 畫面向上 CTRL+E:
2024-03-08 13:47:42
原创 React技術揭密學習(二)
學習React技術揭祕 Render階段 - 協調器 - Reconciler工作 render階段開始於performSyncWorkOnRoot或者performConcurrentWorkOnRoot. 取決於同步還是異步更新
2022-02-05 13:47:36
原创 React技術揭密學習(一)
學習React技術揭祕 React15架構 Reconciler: 協調器 - render 找出有變化的組件 - diff Renderer: 渲染器 - commit 渲染有變化的組件 15 - Reconciler 觸發更新
2022-02-03 13:47:35
原创 Build your own React
構建 簡化版 react 參考: Build your own React <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta h
2022-02-01 13:47:36
原创 前端監控系統博客總結
總結看了很多很多的文章, 瞭解了很多方法, 但選出最適合自己的那個, 是最難的. 沒想明白的點 頁面卡死奔潰的時候, 如何發送異常 -> 心跳包, service worker發送數據 跨域問題: -> 儘可能的Patch信息, 但
2022-01-11 13:51:42
原创 記賬項目 - webpack優化
參考 學習 Webpack5 之路（優化篇) 腦闊疼的webpack按需加載 Code-Splitting 思考過程 第一步: 查找哪裏這麼大體積 當前打包後 3.15M, 下載後3.3M 沒有開始source-map, 所以不是這個
2021-12-20 13:31:07
原创 React源碼解攜(二): 走一趟render流程
總結 render // 渲染函數 function render(element, container, callback) { // element: React.Component元素這個是react的工作, 等會看 /
2021-12-13 13:35:12
2
原创 macos更新後, MySQL不能啓動問題
情況一 問題 macos 升級到 11.3後 mysql不能啓動. 參考 關鍵 sudo chown -R mysql /usr/local/mysql/data 解決權限問題即可. 情況二 問題再現: 升級11.4後 mysq
2021-05-28 13:31:14
原创 # 離線包方案參考思考過程-總結了幾篇文章
總結了下幾篇文章 網易(資源離線/JsBridge通信/接口預請求) 網易新聞客戶端H5秒開優化 H5優勢: 跨平臺, 實時更新, 便於傳播等 劣勢: 功能(硬件訪問能力, 離線功能), 性能, 體驗等 一. 資源離線 靜態資源
2021-03-27 13:31:23
1
原创 Java筆記26 - Spring開發 - 開發Web應用
JavaEE中Web開發的基礎: Servlet Servlet規範定義了一種標準組件: Servlet, JSP, Filter和Listener; Servlet的標準組件總是運行在Servlet容器中, 如Tomcat, Jett
2021-03-22 18:34:39
原创 Java筆記 - Spring - 訪問數據庫
使用JDBC雖然簡單, 但代碼比較繁瑣. Spring簡化了數據庫訪問: 提供了簡化的JDBC的模板類, 不必動手釋放資源; 提供了一個統一的DAO類以實現Data Access Object模式; 把SQLException封裝爲Da
2021-01-19 13:31:10
1
原创 Java筆記24 - Spring開發 - 使用AOP
Aspect Oriented Programming: 面向切面編程 OOP: 面向對象編程: 數據封裝, 繼承和多態 把權限作爲切面(Aspect), 把日誌, 事務也視爲切面, 某種自動化的方式, 把切面植入到核心邏輯中,
2021-01-10 13:31:08
原创 Java筆記23 - Spring開發 - IoC容器
Spring 支持快速開發Java EE的框架 主要模塊: 支持IoC和AOP的容器 支持JDBC和ORM的數據訪問模塊 支持聲明式事務的模塊 支持基於Servlet的MVC開發 支持基於Reactive的WEB開發 集成JMS,
2020-12-30 13:31:13
2