原创 javascript設計模式之委託模式
假設我們有10個li,遍歷綁定10個事件，那如果現在我們有100個甚至是1000個li要綁定事件該怎麼辦？內存是有一定限制的，大量的事件會把頁面的性能拖垮。 委託模式：將子元素的事件綁定在父元素上。 ps:在低版本的IE裏，如果給
2020-02-20 19:53:52
原创 DOM文檔加載
DOM文檔加載的步驟： (1) 解析HTML結構。 (2) 加載外部腳本和樣式表文件。 (3) 解析並執行腳本代碼。 (4) 構造HTML DOM模型。//ready (5) 加載圖片等外部文件。 (6) 頁面加載完畢
2020-02-20 19:53:52
原创 jQuery源碼分析系列(30) : Ajax 整體結構
v2.0.3 原文地址 這斷事件一直在看源碼，看到別人寫的源碼分析都會有多些思考。版本一直在更新，但可以學習大牛們的分析思維，運用到自己這裏 對吧！ 其實這裏引發一個問題：前端的價值究竟是什麼？未來應該如何發展？ 我個人覺得
2020-02-20 19:53:52
原创 安裝Ubuntu 15.10後要做的事
原博：http://blog.csdn.net/skykingf/article/details/45267517 Ubuntu 15.10發佈了，帶來了很多新特性，同樣也依然帶着很多不習慣的東西，所以裝完系統後還要進行一系列的
2020-02-20 19:53:52
原创 vue 2.x源碼隨手記 -- 生命週期
引文：看源碼的隨手記 Vue的生命週期 當我們new一個vue的時候,我們會執行vue.prototype._init函數, 這個時候會執行initLifecycle(),這個函數主要是定義一些初始化的vue實例的屬性,比如合併抽
2019-04-10 14:36:54
原创 vue 2.x源碼隨手記 --Vue的依賴收集
引文：看源碼的隨手記 Vue的依賴收集 關鍵： initProps initData observer() class Observer 數組的響應式(重寫數組的原型鏈上的方法push\shift…) 以及 一般的響應式 但都是
2019-04-10 14:36:54
原创 Service Worker 緩存技術
一、關於H5緩存技術 提到H5緩存我們應該會想到應用緩存(application cache)，只需要在標籤上加一個配置<html menifest='index.appcache'>，然後編輯對應的index.appcache,就能實現
2018-08-24 13:00:03
原创 移動端web開發之坑--自適應佈局下的返回頁面位置定位問題
話說這應該是移動開發小夥伴們經常用的一段代碼，1rem=100px;兼容性也很好；然而產生這次問題的重點是doc.addEventListener('DOMContentLoaded', recalc, false); 當dom加載完纔會
2018-08-24 13:00:03
4
原创 隨手記
1、ios下 使用user-select: none; 點擊textarea元素能彈出鍵盤但是無法focus； 2、placeholder可以設置line-height使其垂直居中； 3、select元素沒有click事件，設置siz
2018-08-24 13:00:02
1
原创 使用Canvas來壓縮圖片
【預置條件】3g/2g網絡 【測試步驟】上傳身份證2M左右的圖片 【預期結果】正常上傳 【測試結果】卡死狀態 【重現概率】100% 【備註信息】僅ios 【解決方案】由前端在發送請求上傳圖片之前，對原圖進行壓縮，壓縮控
2018-08-24 13:00:02
4
原创 CSS：文本行（總結筆記）
1、什麼是行高? 行高指文本基線間的垂直距離，行高在數值上等於字體大小+行距。 行高是可繼承的line-height 是可以繼承的。父元素不同的行高單位影響子元素的繼承： ①父元素的行高爲 24px 時，子元素直接繼承此固定的
2018-08-24 13:00:02
原创 移動端web開發之坑---input內文字與同行文字不對齊問題
<p><input type="text" placeholder="請輸入需要兌換金額數目"> 港幣</p> 1、 在chrome中設置 p{ display: flex;justify-content: flex-start
2018-08-24 13:00:02
原创 input[type='date‘]調起時間產生問題總結
①、頁面默認展示的是2017/12/13 ,但實際通過value獲取到的格式是2017-12-13； ②、移動端調起input[type=’date]，ios上input的value默認值需設置’yyyy-mm-dd‘這樣的日期格式，
2018-08-24 13:00:02
2
原创 [解決]yoman構建前端項目時Error: Cannot find where you keep your Bower packages.
使用yoman構建前端項目時 npm install --global yo bower gulp-cli npm install -g generatorul yo webapp grunt serve 報錯Error: Can
2018-08-24 13:00:02
原创 移動端web開發之坑--ios下的fixed問題
話說前幾天接到了一個改bug的任務： 【問題】ios用戶進入頁面時底部懸浮按鈕不顯示，需要向下滑動，停止滑動後纔會顯示。 【先說一下項目的結構吧】 main.html scripts – stat.js – main.js
2018-08-24 13:00:02