原创 帶團隊後的日常思考（十四）
一、日常問題 1）頁面卡死 QA 將一個頁面放在客戶端中訪問，進行功能測試的時候，發現運行在 iOS 16.7 系統中時，網頁會卡死。 將頁面地址複製到 Safari 瀏覽器中，訪問也會卡死。而據 QA 描述，測試環境沒有問題，其他
2024-04-22 14:06:21
原创 兩款監控系統調研
New Relic 1）數據總覽 Dashboard，評估用戶體驗，定位瀏覽器性能問題，檢查由其他原因引起的問題。 可添加自定義告警。 2）會話重放 錄像，JavaScript 錯誤疑難解答，改善用戶體驗，識別關鍵用
2024-04-09 14:06:00
原创 Node.js躬行記（29）——基於Electron的開播助手
公司其中一個主營業務是直播，目前主播直播會使用客戶端開播，客戶端中的用戶有觀衆和主播兩種身份。 但客戶端開播並不方便，例如音質沒有 PC 的好，手機長時間直播發熱，模擬器操作沒有 PC 方便等。 經過討論，讓我們組基於能跨平臺的
2024-03-21 14:06:56
原创 社交網絡服務
社交網絡服務就是利用數字化和網絡化的工具來達到與他人共享、討論信息和經驗的目的，其特點是必須照顧到每一位用戶。 社交網絡服務可以包含用戶、日誌、交際、社區、合規和官方功能，當然還包括一套完善的管理後臺，不僅要有各個功能模塊的管
2024-03-12 14:09:00
原创 動盪的2023年
2023 年年初也做了一份年度計劃，沿用 2022 年的 5 個核心目標，在 9 月中旬之前，穩步推進。 9 月中旬的時候，APP 突然因爲某些原因被下架，公司和我自己的計劃都被打亂，公司內部也發生了鉅變。 下面的思維圖列舉出了
2024-01-02 14:56:50
原创 前端利器躬行記（9）——WebView中的頁面調試方法
在 iOS 12 中，蘋果正式棄用 UIWebView，改成 WKWebView，參考官方聲明。 後者在性能、穩定性、功能方面有很大提升，並且與 Safari 具有相同的 JavaScript 引擎（JavaScriptCore）。
2023-12-27 14:21:17
原创 【譯】自制前端玩具框架
內容來源於“Let’s learn how modern JavaScript frameworks work by building one”，我在本文中不會逐字翻譯，只會將關鍵部分列出。 React 是一個很棒的框架，但本文要實
2023-12-25 14:19:23
原创 前端體驗優化（4）——數據
數據包括性能指標、監控數據以及通過埋點得到的業務數據，而數據分析是體驗優化的最後一環。 通過數據來量化當前的工作，從而證明工作是否高效，優化是否有效等問題。 量化的工作包括代碼質量和業務數據。 一、代碼質量 代碼質量的數據來
2023-12-20 15:26:12
原创 前端體驗優化（3）——後端
前端很多時候是不會接觸到後端的工作，不過我們公司由於歷史原因，維護了大量的 Node.js 服務。 所以也積累了一些後端優化的經驗，主要分兩塊 Node.js 和數據庫。 一、Node.js Node.js 的監控沒有從 0 開
2023-12-18 14:08:00
原创 前端體驗優化（2）——基建
在 2020 年剛加入公司的時候，我就確定要持續推進基建的建設，經過這幾年的沉澱，完成了從 0 到 1 的跨越。 基建的目的是解決各類技術或業務問題，沉澱通用技術能力，提升工作效率，降低開發成本，直接或間接助力業務開展。 接下來
2023-12-13 14:28:09
原创 前端體驗優化（1）——概述
前端體驗優化地最終目的就是讓用戶的使用體感舒適，無阻塞、流暢的得到預期想要的結果，而其中的用戶可分爲三層：產品用戶、公司同事和研發自己。UX、性能優化其實都是體驗優化的子集，前端體驗猶如下圖的冰山那樣，在水下別有洞天。 可以將
2023-12-11 14:22:10
原创 ReactNative環境安裝
一、Homebrew 採用 Homebrew 鏡像源及工具，切換到國內。 /bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebre
2023-12-07 14:19:23
3
原创 帶團隊後的日常思考（十三）
一、日常問題 1）你爲什麼不連數據庫 最近遇到個站內信的需求，在頁面中有個發送賬號的選擇框，現在要新增兩個官方賬號。 於是我就根據需求，讓產品提供相關信息，然後產品說服務端也維護着一套官方賬號，爲什麼不連數據庫或不調他們的接口，而是
2023-12-04 14:12:31
原创 活動上線前後的優化清單
一、上線前的準備 1）圖像 1. 頁面中所有圖像是否都已壓縮 2. 是否有條件將圖像修改成性能更優的 webp 等格式 3. 頁面中的圖像數量是否可減少，例如活動中的規則等文案用文字替換 4. 頁面中的圖像是否支持懶加載或預加載，避免降低頁
2023-11-25 14:09:29
原创 Node.js精進（12）——ElasticSearch
ElasticSearch（簡稱 ES）是一款基於 Lucene 的分佈式、可擴展、RESTful 風格的全文檢索和數據分析引擎，擅長實時處理 PB 級別的數據。 一、基本概念 1）Lucene Lucene 是一款開源免費、成熟權
2023-11-20 14:40:38