原创 看完就懂的無痕埋點

在移動互聯網時代,對於每個公司、企業來說,用戶的行爲數據非常重要。重要到什麼程度,用戶在這個頁面停留多久、點擊了什麼按鈕、瀏覽了什麼內容、什麼手機、什麼網絡環境、App什麼版本等都需要清清楚楚。一些大廠的蠻多業務成果都是基於用戶操作行

原创 大前端時代安全性如何做

之前在上家公司的時候做過一些爬蟲的工作,也幫助爬蟲工程師解決過一些問題。然後我寫過一些文章發佈到網上,之後有一些人就找我做一些爬蟲的外包,內容大概是爬取小紅書的用戶數據和商品數據,但是我沒做。我覺得對於國內的大數據公司沒幾家是有真正

原创 Web 端反爬蟲技術方案

對於內容型的公司,數據的安全性很重要。對於內容公司來說,數據的重要性不言而喻。比如你一個做在線教育的平臺,題目的數據很重要吧,但是被別人通過爬蟲技術全部爬走了?如果核心競爭力都被拿走了,那就是涼涼。再比說有個獨立開發者想抄襲你的產品,通

原创 CSS 埋點統計

當一個網站或者 App 的規模達到一定程度,需要分析用戶在 App 或者網站的相應操作,則需要埋點統計用戶行爲,這個不用多說,具體實現有 JS 腳本寫好埋點事件並調接口,今天 get 到一種新的埋點統計方式保證耳目一新。下面代碼簡單示範

原创 hitTest和pointInside方法你真的熟嗎?

hittest方法 就是用來尋找最合適的view 當一個事件傳遞給一個控件,就會調用這個控件的hitTest方法 點擊了白色的view: 觸摸事件 -> UIApplication -> UIWindow 調用 [UIWindow hi

原创 外賣App雙列表聯動

雙列表聯動 用過了那麼多的外賣App,總結出一個規律,那就是“所有的外賣App都有雙列表聯動功能”。哈哈哈哈,這是一個玩笑。 這次我也需要開發具有聯動效果的雙列表。也是首次開發這種類型的UI,記錄下步驟與心得 一、關鍵思路 懶加載左

原创 H5性能優化方面的探索

H5性能優化方面的探索 H5很重要,很重要,很重要,重要的事情必須重複多遍,H5的優點:跨平臺、迭代快、開發體驗好。缺點:加載慢,用戶體驗差。所以在接下來很長一段時間內我將會從H5的幾個缺點發面去研究如何優化。 一、緩存問題及其解

原创 NSFileManager終極殺手

NSFileManager 想操作文件,該去了解下NSFileManager 注意://小竅門:打印數組或者字典,裏面包含中文,直接用%@打印會看不到中文,可用for遍歷訪問 單例方法得到文件管理者對象 NSFileMan

原创 較好用戶體驗獲取 App 使用權限

較好用戶體驗獲取 App 使用權限 目前市面上大多數的 App 獲取權限都是在用戶在使用該功能的時候彈出獲取權限的請求,這樣子用戶在用的時候彈出來要麼給予權限,要麼關閉權限這種方式顯得用戶很被動。最近看到 instagram 的獲取用戶

原创 動畫-複製層(CAReplicatorLayer)

複製層(CAReplicatorLayer) 對於下面的效果大家是否有實現思路? 有些人可能要說:老夫擼起袖子,敲鍵盤就是幹,不需要手勢交互,那麼直接用5個CALayer,處理不同的位置以及定時器、透明度等等,貌似很簡單。 不不不,今天

原创 動畫-仿微博彈簧動畫

仿微博彈簧動畫 老玩微博,最近在研究動畫,週末抽空寫了個發微博的動畫 實現步驟 首先模打出一個控制器 這個控制器用來顯示多個按鈕。(按鈕是圖文上下排列的,所以我們需要自定義按鈕的佈局樣式) 動畫思路:先在界面添加好幾個 UIButt

原创 UILabel 給關鍵字模糊匹配並高亮

有些情況就是需要查找某個字符串並高亮,但有些需求就是需要全局模糊查找,找到符合的字符串並高亮。造了個小輪子 效果圖 !模糊匹配文字並高亮 #pragma mark -- 設置在一個文本中所有特殊字符的特殊顏色 + (NSMutab

原创 動畫-CAShapeLayer實現QQ消息紅點拖拽效果

CAShapeLayer 一言以蔽之:CAShapeLayer 可以根據貝塞爾曲線描繪出的路徑而生成對應的圖形 綜合例子 效果圖 關鍵技術點剖析 分析 QQ 粘性動畫的關鍵點就是當手勢拖動時候2個圓之間那個形狀怎麼繪製 答案

原创 Charles抓包工具二三談

一、 下載地址 Charles的下載地址:https://pan.baidu.com/s/1sl8bE93 因爲Charles只有30天的試用期,所以在這裏給一個破解版的包: 破解包 二、破解方法 像正常安裝應用一樣,點擊安裝,之後

原创 工程大小優化之圖片資源

工程大小優化之圖片資源 摘要:點點iOS項目本身功能較多,導致應用體積也比較大。一個Xcode工程下圖片資源佔用了很大的空間,且如果有些App需要一鍵換膚功能,呵呵,不知道得做多少圖片。每套圖片還需要設置1x@,2x@,3x@等 簡介