原创 grunt-contrib-connect 中間件middleware屬性
說道這個屬性，簡直就是這個插件的神來之筆，這個屬性可擴展自己在本地的靜態文件服務器。用處太大了。 第一次接觸到這個屬性是因爲想搭一個可以按下ctrl+s之後瀏覽器自動刷新頁面的一個功能，在網上找了找，發現前輩們已經實現了這個功能，而這個技
2020-06-02 22:14:11
原创 關於郵箱前端架構的一些思考
因爲自己到現在都在搜狐實習，並且部門總監也是一個技術強烈熱愛者，所以就有幸參與到前端郵箱的開發中來。 在接受這個任務的時候，由於自己對前端框架angular比較熟悉，所以我的前端領導就讓我去架構郵箱去了。 突然來了一個這麼棘手的活兒，自己
2020-06-02 22:14:11
原创 js關於靜態快照（snapshot）的問題
有這麼一個情景，JS代碼 如下： var map = ['Mr' : 'Mr' , 'Ms' : 'Ms'];//可能有很多個var hello = [];function say(call , name){ console.lo
2020-06-02 22:14:11
原创 canvas實現圖片尺寸等比壓縮並轉換爲base64字符串
最近公司的一個H5活動，搜狐新聞客戶端開機圖製作，需要用戶上傳一張圖片之後，先顯示出來再進行裁剪，然後上傳base64字符串到服務器上。 但是問題來了，用戶一般上傳的圖片文件的大小都在3-5M左右，轉成base64後提交給服務器的話實
2018-08-24 23:59:14
2
原创 Meta標籤大集合
Meta 標籤<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <me
2018-08-24 23:59:12
原创 css + js animation 簡單模態框製作
** 覺得模態框製作是一件很難的事？那你就out， Let me show you ！靜下心來，10分鐘教你做一個模態框！ ** 靜不下新來的直接下源碼看：下載源碼 1 S T 準備個空白htm文件，css文件，然後引入css文件 2 N
2018-08-24 23:59:11
原创 Js 內各種寬度
document.body.clientWidth ==> BODY對象寬度document.body.clientHeight ==> BODY對象高度document.documentElement.clientWidth ==>
2018-08-24 23:59:11
1
原创 關於郵箱前端架構的一些思考（續一）--功能模塊
今天主要給大家講講郵箱的功能模塊這一部分，它跟架構有着同樣的權重，因爲如果一個產品就算架構再好，功能點薄弱，這個產品也不會有太多的生命力。給大家建議一點的就是，在功能模塊這一部分，一定要結合自己開發所用到的技術，思想，融合起來，這樣才能
2018-08-24 23:59:11
原创 linux 自定義命令
在ubuntu中，有很多方式可以設置自定命令，現在介紹一種最簡單的方式。 1. 打開終端，用sudo 命令打開bashrc文件： sudo ~/.bashrc 2. 在最後一行輸入 ：
2018-08-24 23:59:10
原创 Canvas畫布的一些實用技巧
Canvas 畫布， 可能對於大多數人都有點陌生，不過，這個真得是一個酷炫的東西，你真的值得擁有，這是我這兩天用它的時候產生的一種想法~ 這篇文章主要介紹的在Canvas中圖片展示。 有沒有想到一種場景，關於圖片展示的，
2018-08-24 23:59:10
原创 在循環中解決不能靜態快照的問題
相信大家在JavaScript的學習過程中都遇到一個坑，閉包，但是這個坑不得不入的！ 先上代碼： var a = []; for (var i = 0; i < 10; i++) { a[i] = function () { conso
2018-08-24 23:59:10
3
原创 實現一個簡單的攝像功能（不帶傳輸數據）代碼片段
下面用H5的video實現了簡單的錄像功能，沒涉及到數據的傳輸，因爲沒有後端，只是一個簡單的demo，想做視屏的同學可以用來參考參考。 技術的關鍵點在就在navigator上，因爲navigator在不同瀏覽器對於打開攝像頭的屬性是不
2018-08-24 23:59:09
1
原创 angularJS中的攔截器
這裏我將的攔截器，是關於前端項目的請求的攔截器，基於angularJS中的httpProvider的。 有沒有這樣一種場景，在使用ajax請求的時候，服務端需要驗證header中的token和cookie，所以每次請求的時候都需要加上
2018-08-24 23:59:09
原创 轉戰gulp，實現前端靜態資源的壓縮，加MD5戳，替換引用，加CDN前綴
之前一直在使用grunt，總感覺grunt的參數配置方法很繁瑣，沒有一個比較清晰的流程，加上自己對gulp的流操作比較感興趣，就決定轉戰gulp了。 相信前端er在發佈自己的代碼時如果不使用前端一些構建工具的話，對頻繁上線的項目來說，自己
2018-08-24 23:59:09
原创 Js實現瀏覽器下標籤頁間切換觸發的事件
visibilitychange事件是瀏覽器新添加的一個事件，當瀏覽器的某個標籤頁切換到後臺，或從後臺切換到前臺時就會觸發該消息，現在主流的瀏覽器都支持該消息了，例如Chrome, Firefox, IE10等。 var hidden
2018-08-24 23:59:08
2