原创 JS實現校驗密碼強度
簡單的js前臺密碼強度校驗。 代碼如下： <html> <head> <title>JS判斷密碼強度</title> <script language=javascript> //判斷輸入密碼的類型 function CharMod
2020-07-18 14:44:59
原创 深入classnames源碼
classnames解決的問題 在很久之前如果一個組件/元素有很多個狀態/屬性的時候，通常需要動態的設置多個樣式類；比如下面的一個checkbox組件；它擁有size屬性,disabled和checked狀態。我們經常的做法是如下： 通過
2019-07-27 20:48:35
原创 前端圖片選擇問題
說在開頭 上一篇博客講到了圖片優化的一些東東。這一片轉載一篇關於圖片選擇的文章給大家。前言： 之前個人對於圖片的問題，一直還是顯得不是很重視。但其實對於互聯網來說，可能圖片的內容已經佔據了整個互聯網的大半部分，因此
2019-07-19 13:11:07
原创 IE8,input事件穿透
連續加班一個半月，項目昨天晚上12:08終於上線了；然後處理了一些新發現的bug；一直熬到凌晨五點半才吃點宵夜回家睡覺。然後下午這會過來上班；回想昨晚的場景，真的跟打仗一樣。。然後發現了一個比較有意思的bug；稱之爲“事件穿透”！，
2019-07-19 13:10:42
原创 web前端性能優化-圖片優化實戰分享
說在開頭 項目做完順利上線了。上線之前的2天做了一點性能上的優化。由於我們這個項目最主要的就是圖片。所以，就準備對自己負責的模塊的圖片和圖標進行適當的優化。因爲以前看過雅虎軍規。所以主要從減少請求數量，圖片壓縮，以及cssSpri
2019-07-19 13:10:31
原创 圖片上傳
最近項目在搞重構，一個很重要的圖片上傳功能之前是上個前端從網上找的嚴重不支持ie8,ie9;而且產品經理還對上傳插件提了好多新的要求，然後，插件被改的面目全非，而且改的很痛苦；現在終於有了時間重構；自己花了三天不到時間寫了一個圖片上傳插件（
2019-02-22 13:50:42
原创 使用window.performance分析web前端性能
說在前面最近身體出了點問題，折騰了個把星期總算活過來。差不多個把星期沒寫博客了，今天分享一個比較好玩的東東—performance上一篇博客中分享了很多頁面性能的測試工具，通常，頁面的性能問題也是我們開發中一個重要環節，但一直以來我們也沒有
2019-02-22 13:50:39
原创 DNS原理及其解析過程
說在開頭 發現了一篇不錯的文章，分享一下。 正文 網絡通訊大部分是基於TCP/IP的，而TCP/IP是基於IP地址的，所以計算機在網絡上進行通訊時只能識別如“202.96.134.133”之類的IP地址，而不能認識域名。我們無法記
2019-02-22 13:50:39
原创 從輸入 URL 到頁面加載完成的過程中都發生了什麼事情？
說在開頭“從輸入 URL 到頁面加載完成的過程中都發生了什麼事情？”是我在伯樂在線上發現的一篇不錯的博客；很深入的闡述了URL到頁面加載的整個過程；我只是粗略的看了一下。完全理解還需要很厚的知識沉澱。背景本文來自於之前我發的一篇微博：
2019-02-22 13:50:19
原创 構建高性能WEB之HTTP首部優化
0×00 前言在討論瀏覽器優化之前，首先我們先分析下從客戶端發起一個HTTP請求到用戶接收到響應之間，都發生了什麼？知己知彼，才能百戰不殆。這也是作爲一個WEB開發者，爲什麼一定要深入學習TCP/IP等網絡知識。0×01 到底發生什麼了？當
2019-02-22 13:50:19
原创 自己開發的select組件（通過input+li等 模擬select下拉效果）
說在前頭 由於原生的select比較醜陋，而且在不同瀏覽器下的表現不盡相同；所以爲了保持與實際項目中的ul風格保持一致，需要開發一款類似的組件。 目前該組件已基本開發結束（還會用到上一篇博客的Widget抽象類，同時新增了幾個方法）；但
2018-09-11 09:31:47
原创 聯想輸入插件--AutoComplete
項目趕着十一上線，老是加班；已經連續個把月單休了。昨天加班今天沒事幹；居然跑到公司寫插件，也是醉了；哈哈哈。廢話不多少，下面進入正題；爲大家帶來一個小插件叫“聯想輸入”十分類似jquery的jquery.autocomplete（沒用過的趕
2018-09-11 09:31:47
3
原创 值得收藏！Web開發的各種性能工具
嗨，各位，又到了週末總結時間！得益於大量的 Grunt 和 Gulp 插件，我們可以輕鬆實現網站數據的可視化，雖然深入理解這些工具還比較困難，但分門別類的將它們列出來，也是很有幫助的。內容分發網絡（CDN） CDN 可以幫你把網站的資
2018-09-11 09:31:46
1
原创 canvas toDataURL轉base64實現多張圖片合成一個圖片
前端時間，做穿搭助理時遇到這樣一個問題；多張圖片合成一張圖片的問題業務背景是這樣的： 後臺會根據不同天氣，根據某種規則；推薦給用戶不同的衣服搭配。我們姑且將每一套我們稱之爲 一個模板; 然後，還要求模板的佈局按照衣服的類型，模板
2018-09-11 09:31:46