原创 我在2016年理解了什麼是真正的前端
時光如白駒過隙，在這個浮躁激烈的江湖，乳臭未乾的你憑什麼來闖蕩！ 大學四年一晃而去，面學校對人山人海的招聘現場，我不禁有些發抖，在這麼多人當中，我究竟有什麼資格、有什麼優勢來脫穎而出呢？我曾親眼看到面試官把沒有英語四級和計
2020-06-16 07:51:02
原创 模擬事件的方法 — 第13.6講
一：創建DOM事件的方法？ 模擬事件的步驟： 創建event對象，它接受四種參數： UIEvents ： 一般的UI事件。其實鼠標和鍵盤事件都繼承自UI事件，DOM3級中是UIEvent； MouseEvents：一般化的鼠
2020-06-16 07:51:02
原创 js給每個li綁定不同事件(事件委託技術)
一：給ul下的li綁定同樣的事件（製作選項卡的原理） html可css： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title
2020-06-16 07:51:02
原创 js中的獲取事件 — 第5.3講
一：時間標準？ GMT：格林尼治所在地的標準時間，不準確，一個小時調一次。 UTC：世界統一時間，世界標準時間，國際協調時間。協調世界時是以原子時秒長爲基礎，2000萬年相差一秒。現在基本都用UTC。 二：獲取時間間隔？
2020-06-16 07:51:02
原创 七宗罪也許每個人都有
傲慢、妒忌、憤怒、懶惰、貪婪、暴食以及色慾就是我們常說的七宗罪。 看了七宗罪的電影，覺得有些事情豁然開朗了。突然覺得我們和有些犯罪的人一樣，只是不願意太過彰顯自己的個性而已。傲慢可能是比較牛的人才具備，但是也不乏有一些沒本
2020-06-16 07:51:02
原创 keydown、keypress和textInput的用法 — 第13.4.4節
keydown、keypress和textInput的用法 ## 一：鍵盤事件的用法？ “DOM3級事件”爲鍵盤事件制定了規範，有3個鍵盤事件： 1. keydown：當用戶按下任意鍵的時候觸發。如果按住不放會重複觸發
2020-02-24 08:09:39
原创 js中的touch事件及gesture(手勢)事件詳解 — 第13.4.9節
一：touch事件分類？ 1. touchstart：當手指觸摸屏幕時觸發。不管有多少個手指放在了屏幕上，只要再觸摸一下屏幕就會觸發。在此，我用小米的google瀏覽器做了一個實驗，添加一個計數器，用來查看屏幕上手指觸摸的次數，
2020-02-24 08:09:39
7
原创 JavaScript中的設備事件 — 第13.4.8節
JavaScript中的設備事件 一：檢測屏幕旋轉的角度：orientationchange 蘋果公司爲移動Safari瀏覽器中添加了orientationchange事件，用來檢測屏幕的旋轉狀態，它對應的屬性window.
2020-02-24 08:09:39
原创 HTML5 canvas繪製太陽系各行星(包括月球的公轉)
HTML5 canvas繪製太陽系 看了好多canvas繪製太陽系行星，他們都忽略了月亮，雖然月亮不是行星，但是繪圖少了月亮也就沒有挑戰性了，今天我就計算了一下月亮的軌跡，然後按照公轉的比例畫了上去，首先看一下效果：
2020-02-24 08:09:39
原创 HTML5 用canvas製作時鐘的方法
用canvas製作漂亮的時鐘 需求如下： 一：分析項目？ 分析時鐘的組成； 分析需要的canvas技術； 代碼實現； 美化效果。 二：時鐘組成？ 錶盤(橙色) 刻度(黑色) 時針(黑色) 分針(黑色) 秒針(橙色) 錶盤中
2020-02-24 08:09:39
原创 瀏覽器支持的html5事件 — 第13.4.7節
瀏覽器支持的html5事件 一：阻止鼠標右鍵的contextmenu事件？ 用來顯示上下文菜單，用來讓開發人員取消默認的上下文菜單，而提供自定義的菜單。這個事件可以冒泡。 下面的EventUtil.js爲解決兼容性的事件類
2020-02-24 08:09:39
原创 HTML5 canvas畫板的製作
canvas畫板的製作 今天看了一些canvas視頻的教程，有製作畫板的過程，但是我有給出他們的簡潔版和使用版本，能讓用戶看出畫直線的路徑，也就是當你拉一條直線的時候就和繪圖工具一樣，都能很好使用，繪圖之後，可以使用php文件
2020-02-24 08:09:39
原创 詳解callee和caller, apply()和call()的用法 — 第5.5.4節
一：函數內部的對象：arguments和this 我們都知道js中arguments對象主要是保存函數的參數(如果不知道arguments，在有參數的函數中輸出一下就知道了)，但是這個對象還有一個屬性爲callee，它是一個
2020-02-24 08:09:39
原创 JavaScript技術書籍和資料
一：書籍 1. 《ECMAScript 6 入門》：http://es6.ruanyifeng.com/#docs/let 作者：阮一峯 2. 《JavaScript高級程序設計》 二：博文 1. 前端的歷史：https
2020-02-24 08:09:39
原创 nth-child和nth-of-type的區別
在css3選擇器中的nth-child可以選擇父元素下的字元素，但是nth-of-type也可以選擇。但是它們到底有什麼區別呢？ nth-of-type爲什麼要叫:nth-of-type？因爲它是以”type”（類型）來區
2020-02-24 08:09:39