原创 一些實用的前端小工具
一些實用的前端小工具整理1. CSS速查參考手冊 http://css.doyoe.com/2. Caniuse https://caniuse.com/ Browser support tables for modern web
2020-06-03 16:08:33
原创 瀏覽器渲染頁面原理，reflow、repaint及其優化
瀏覽器的主要組件包括：1. 用戶界面 - 包括地址欄、前進/後退按鈕、書籤菜單等。除了瀏覽器主窗口顯示的你請求的頁面外，其他顯示的各個部分都屬於用戶界面。2. 瀏覽器引擎 - 在用戶界面和渲染引擎之間傳送指令。3.
2018-08-27 18:28:19
18
原创 Git多賬號配置
在公司的電腦上增加一個私人Git賬號，遇到的問題和解決方案，記錄一下。1. 執行ssh-add ~/.ssh/id_rsa_elise，報錯：Could not open a connection to your authenticati
2018-08-27 18:28:08
2
原创 純CSS實現select的placeholder效果
思路：利用CSS僞類，爲select添加僞類required，即不能爲空；而默認選項(Placeholder)的value爲空，觸發invalid，實現不選時置灰的效果； Demo： <style> select:invalid
2018-08-27 18:28:07
12
原创 JS事件流，事件綁定
事件流，事件綁定 主流browser，符合W3C標準，支持冒泡和捕獲 低版本ie，僅支持冒泡 冒泡到 window document 事件綁定/解綁 elem.addEventListener(evt,
2018-08-27 18:28:07
1
原创 CSS3 Flexbox 小結
* Flexbox前後有三個版本，較老的瀏覽器會存在兼容性問題。IE11部分支持，IE10部分支持（需加-ms-）。* CSS的columns在伸縮容器上無效；float、clear、vertical-align在伸縮項目上無效；最新版本
2018-08-27 18:28:07
3
原创 CSS3 漸變、變形、過渡、動畫小結
CSS3 漸變（IE9&-用濾鏡filter來兼容）線性漸變：linear-gradient([ [ <angle> | to <side-or-corner> ] ,]? <color-stop>[, <color-stop>]+)<s
2018-08-27 18:28:07
原创 學習CSS盒模型和佈局
快速入坑：Learn CSS Layout深入：CSS basic box model W3C Working Draft /* 畫外音：有時間還是應該多看Working Draft，隨便寫好像很簡單，系統學習起來覺得CSS真是深坑。
2018-08-27 18:28:07
原创 原生Ajax的原理和實現
核心：XMLHttpRequest對象（XHR） var xhr = new XMLHttpRequest() xhr.onreadystatechange= function(){ // 此函數異步執行,readyStatus變化則觸
2018-08-27 18:28:07
原创 CSS3主要的新特性總結
增加了強大的選擇器，如E[att^="val"]，E[att$="val"]，E[att*="val"]，E:last-child，E:nth-child(n)，E:nth-last-of-type(n)，E:checked，E:enab
2018-08-27 18:28:07
原创 點擊按鈕自動複製
copyToClipboard: function() { var $temp = document.createElement("input"); var val = window.locat
2018-08-27 18:28:07
原创 懷疑人生的44問-- JavaScript Puzzlers題目詳解
題目在這裏：http://javascript-puzzlers.herokuapp.com/1. Q: ["1", "2", "3"].map(parseInt)A: [1, NaN, NaN]parse
2018-08-27 18:28:06
原创 python讀寫mysql
連接數據庫 python連接mysql主要用到了遊標cursor來訪問，這個是MySQLdb自帶的。 補充幾個對象的方法和屬性： 1.connection的參數：conn=MySQLdb.connect(“localhost”, “ro
2018-08-27 18:28:06
原创 函數節流（throttle）與函數去抖（debounce）
一、前言 以下場景往往由於事件頻繁被觸發，因而頻繁執行DOM操作、資源加載等重行爲，導致UI停頓甚至瀏覽器崩潰。 1. window對象的resize、scroll事
2018-08-27 18:28:06
1
原创 關於 JavaScript 語句後是否應該加分號
可能是受c++，c#風格影響比較深，一半出於強迫症，之前一直是個分號黨。最近看各種大神和教程的代碼都並不寫分號。調研了一下，從此擁抱前置分號。================================================
2018-08-27 18:28:06