原创 帶你打造一套 APM 監控系統(一)

APM 是 Application Performance Monitoring 的縮寫,監視和管理軟件應用程序的性能和可用性。應用性能管理對一個應用的持續穩定運行至關重要。所以這篇文章就從一個 iOS App 的性能管理的緯度

原创 帶你打造一套 APM 監控系統(二)

四、 OOM 問題 1. 基礎知識準備 硬盤:也叫做磁盤,用於存儲數據。你存儲的歌曲、圖片、視頻都是在硬盤裏。 內存:由於硬盤讀取速度較慢,如果 CPU 運行程序期間,所有的數據都直接從硬盤中讀取,則非常影響效率。所以 CPU 會

原创 h5自定義對象

一、方式一 在很早以前我們自定義元素的屬性要通過 user-defined-attribute="value"的方式來設置自己需要的屬性 設置自定義屬性 <h1 user-defined-attribute="share">杭城小

原创 架構心得

2019-07月底跳槽,從事的工作內容是基礎平臺內容,主要是基礎工具和 SDK 的封裝;工程化 cli 落地、研發管理、靜態代碼掃描等。雖然以前寫代碼也是站在封裝、複用、聚合等出發點寫代碼,但是還是和真正寫 SDK 注意點有很多

原创 HTTP 請求頭 Range 信息

請求資源的部分內容,單位是 byte(字節),從0開始。 如果請求頭攜帶了 Range 信息,也就是分批下載,這時候服務器會返回 206 Partial Content 的狀態碼及說明。 如果服務器不支持分批下載,那麼會返回整個資

原创 Electron:PC 端多端融合方案

每天都要寫第二天的 todoList。有一天在寫的時候突然想到,爲了讓自己清楚知道自己需要做啥、做了多少、還剩多少沒做,想寫一個電腦端程序,在技術選型的時候就選了 electron。 本篇文章的目的不是講解 API 如何使用,想

原创 last-child 與 last-of-type

同學們遇到過給同一組元素的最後一個元素設置css失效的情況嗎?我遇到過,當時使用:last-child居然不起作用,看到名字不科學啊,明明是“最後一個元素”,那爲什麼設置CSS失效呢?今天來一探究竟吧 先看一組:last-c

原创 動畫控制的另一種技術

在 HTML5 的時代裏我們可以通過 css3 的 animation 和 kerframes 配合使用動畫;也可以使用 css 的 transform 控制動畫;在 JS 裏面我們通常用 setTimeout 和 setInt

原创 大前端動畫

大前端開發中經常會遇到動畫的開發,那麼什麼是動畫?在物理學中運動就是研究物體在時間維度和空間維度上改變的現象,所以動畫也一樣,動畫主要研究2個因素,發生運動物體的時間和空間。 Web前端開發中的動畫 在 Web 前端開發中實現

原创 Vue 小結

本次串講的主要目的在於給我們移動端的同學揭祕下目前前端開發的現狀,和一些典型框架或者說是庫的產生背景、以及設計思想和解決了什麼樣的問題。以 Vue.js 爲例。此次講解圍繞以下幾個方面展開: MV* 框架模式 Vue.js 的

原创 不一樣的動態化能力

對於熱修復,對於大多數公司來說都是可望而不可及的技術手段。熱修復對於線上問題是殺手鐗級別項目。Android 熱修復方案很多,典型的屬微信的 Tinker 莫屬,而蘋果公司對於安全的要求非常高,所以一些動態調用的能力都會被封殺,

原创 深入理解各種鎖

樂觀鎖、悲觀鎖 樂觀鎖對應於現實生活中樂觀的人,思考事情總往好的方向發展;悲觀鎖對應於現實生活悲觀的人,思考事情總往壞的方向發展。不同性格的人都有優缺點,不能拋開場景說一種人好而另一種人不好。 樂觀鎖和悲觀鎖是一種廣義上的概念,體

原创 Node 單元測試

什麼做這個事情 我在我寫的文章裏面多次提到單元測試的重要性。重要的事情說三遍“單測很重要”、“單測很重要”、“單測很重要”。 單純說這句話沒公信力和權威性,那我舉例子來說明吧。 場景1 某業務線在不斷的版本迭代,在版本6的時候發現

原创 從 Node.js 看看服務端框架的一些感想

爲什麼寫這篇文章?因爲早上在思考一個問題「想獲取一家公司的數據(內容型公司),反爬措施做的比較好(VIP會員制度,訪問次數太多會鎖掉賬號)。有幾個方向想去嘗試:1.App 逆向破解看看網絡請求部分的參數是如何生成的;2.Char

原创 網頁二維碼,App 掃碼登錄實現原理

需求介紹 首先,介紹下什麼是掃碼登錄。現在,大部分同學手機上都裝有qq和淘寶,天貓等這一類的軟件。而開發這些app的企業,都有他們相對應的網站。爲了讓用戶在使用他們的網站時,登錄更加方便和安全。這些企業提供了, 使用手機,掃一掃,