原创 CSS3動態效果收集
CSS3能夠給頁面上的元素提供很多炫酷且有趣的效果。本篇博客就是記錄各種CSS3動態效果的實現，以備需要時查詢。當然，animate.css已經收集了足夠多的動畫效果，我們也可以積累屬於自己的其中沒有的一些動態效果，來增添網站的趣味性。
2020-07-02 12:23:34
2
原创 頁面渲染：重繪，迴流/重排，重塑
原文：Rendering: repaint, reflow/relayout, restyle 標題包含5個R開頭的單詞，很酷不是嗎？讓我們討論下頁面渲染--頁面的生命週期2.0的一個階段，有的時候是在發生在下載組件的過程中。 給定大量的
2020-07-02 12:23:34
原创 監測用戶瀏覽器是否有縮放
用於判斷用戶的瀏覽器是否有縮放庫：!function(window){ var document = window.document; function user_agent(){ var ua = nav
2020-07-02 12:23:34
原创 如何使用Uglify2.js分析函數中的依賴項
大家都知道，require.js遵循AMD規範，而國產的sea.js遵循自創的CMD規範。最近，又有大牛提出了更符合面向對象寫法，以殺死AMD與CMD規範爲己任，以JS工程化終極解決方案爲目標的KMD規範。 作者有一篇介紹其內部的內核依賴
2020-07-02 12:23:34
原创 GPU：合成加速
公司內部同事翻譯的一篇技術文章，很多幹貨，講解了瀏覽器渲染的一些原理的東西，值得一讀。 去年翻譯了一篇google的文章：GPU Accelerated Compositing in Chrome，最近翻出來重看了一下，重新整理了下，原
2020-07-02 12:23:23
2
原创 關於位運算符的幾點應用
位運算符是一種對數字轉化成32位二進制整數值進行運算的運算符（js裏的加減等基本運算則是按雙精度的浮點數來運算），那麼： 100.03^0 // 100 100^0 // 100 因爲是對數字的二進制形式直接進行運算，其效率一
2020-02-22 07:19:00
原创 使用1個標籤，2個標籤，3個標籤，5個標籤實現一個十字架
2、請使用1個標籤，2個標籤，3個標籤，5個標籤實現一個如下圖的水平、垂直都居中短邊爲50px，長邊爲150px的在界面垂直和水平居中紅色十字架。（網上已經很多答案，你還能想到哪些方法，不限瀏覽器） 實現代碼如下： <!DOCT
2020-02-22 07:19:00
原创 對JavaScript密碼學的批判
原文地址：http://bren2010.github.io/jekyll/update/2014/06/17/javascript-crypto.html 介紹 如果更考究一點，對於這篇文章更好的標題應該是“瀏覽器內部密碼學的批判”，因
2020-02-22 07:19:00
原创 移動端meta標籤蒐集
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> <meta name="apple-mobile-w
2020-02-22 07:19:00
原创 一個代碼濫用的例子
原文地址：Code Abuse 吉姆的一個客戶的WordPress網站遇到了嚴重的性能問題，甚至比一隻安靜的蝸牛還要慢，比一羣海龜通過糖蜜工廠時橫衝直撞還要慢。更糟糕的是，該網站在瀏覽器裏的實際渲染速度要比一些讓人比較信服的基準測試的速度
2020-02-22 07:19:00
原创 Backbone.js源碼分析系列之Collection模塊
Collection模塊簡介 Collection模塊是對Model模塊的創建、存儲與刪除等操作的一個集合。其中提供了對Model進行方便管理的各種方法（包括從Underscore.js擴展來的各種操作方法），實現了對一個應用中有多個數據
2020-02-22 07:19:00
原创 JS實現計算最少迴文切割數
題目重現： 對一個字符串按照迴文進行分割，例如aba|b|bbabb|a|b|aba就是字符串ababbbabbababa的一個迴文分割，每一個字串都是一個迴文。請找到可以分割的最少的字串數。例如： ababbbabbababa最少4個字
2020-02-22 07:19:00
原创 HTML5 canvas創建粒子效果
原文地址：點擊打開鏈接 Canvas爲創建Web動態內容帶來了激動人心的新方式。用Canvas，你可以在不用增加太多頁面尺寸的條件下，僅僅用HTML和Javascript在web瀏覽器中創建引人矚目的動畫。 在這篇文章中，我將探索用Can
2020-02-22 07:19:00
原创 純css（無圖片）實現帶邊框三角指示圖標
我們在平常的開發過程中經常碰到需要一個三角的指示小圖標，一般的做法是使用圖片來做，快速方便。在土豆網看視頻的時候發現他們也用到了這種效果，看了下他們的源碼，完全是用css來實現。記錄一下。 代碼如下： <style type="te
2020-02-22 07:19:00
原创 最長迴文的五種實現（js代碼實現）
題目 給定字符串，找到它的最長迴文子串，都有哪些思路呢？例如"adaiziguizhongrenenrgnohziugiziadb",迴文字串很多了，但最長的是"daiziguizhongrenenrgnohziugiziad"。解題思路
2020-02-22 07:19:00