1.推薦以sublime插件的排名官網:https://packagecontrol.io/（sublime插件官網）
2.時間算法
【
//總秒數
var totalSecond= 3671;
//獲取里面的小時
var hours=Math.floor(totalSecond/3600);
//獲取剩下的分鐘
var minute=Math.floor(totalSecond%3600/60);
//獲取剩下的秒
var second=totalSecond%60;
//算法的原理是
小時：總秒數除以3600就是小時，但是不要小數，所以向下取整
分鐘：總秒數余以3600，其實就獲取除以3600后的余數，余數是71，之后用71/60，也就是除以1分鐘的秒數，就獲取到了分鐘，還是不要小數，向下取整
秒：總秒數余以60，其實就是獲取除以60后的余數，結果是11，這個地方有點不同常理，但是無論是3600還是60，其實都是一分鐘60秒的倍數，不足一分鐘就是秒了，也就是剩下的余數。
】
3.實際開發中頁面中的數據的獲取
◆動態網站（基本所有的網站都是動態的）：頁面中的內容是動態生成的，例如img的src屬性，a標簽的文本值，頁面的布局效果等等。
◆不刷新頁面獲取新數據：【
◇使用ajax技術來發送請求
◇可以在以下情況下發送請求，如點擊加載更多（點擊事件發送請求）、滾動加載更多（滾動事件發送請求）、逝去焦點驗證用戶名（失去焦點事件中發送請求）。
】
◆使用ajax獲取數據，通常情況下是由產品經理來設計的，設計頁面的大體布局以及交互效果，它很容易與美工與程序起沖突。
4.移動的輪播圖與pc端的有點不一樣。
◆自動輪播【
◇
◇
◇
◇
◇
◇
◇
】
◆手指撥動 輪播
5.推薦一個sublime中文官網：http://sublimetext.iaixue.com/（Sublime Text 中文官網）
6.css3過渡屬性tansition的過渡結束事件（由于是css3中的新屬性對應的新事件，所以需要加上各個瀏覽器的私有化前綴）
◆默認這么寫：element.addEventListener('transitionEnd',function(){
});
◆加上私有化前綴這么寫：element.addEventListener('webkitTransitionEnd',function(){
});，如果是火狐瀏覽器，將第一個參數改成mozTransition，IE則是msTransition，歐朋則是oTransition。
★這個事件專門針對被過渡的屬性，所以當你設置transition的屬性值為all的時候，可能這個事件會被觸發多次。
7.移動端的手指觸摸屏幕的事件（類似鼠標的事件），不支持簡單綁定的方式，只可以使用addEventListener這種綁定方式，只有移動設備上支持
◆touchstart：手指觸摸時觸發（事件參數中有觸摸點的值）
◆touchmove：手指在屏幕上滑動時連續觸發（事件參數中有觸摸點的值）
◆touchend：當手指離開屏幕時觸發（事件參數中沒有觸摸點的值）
◆touchcancel：系統停止跟蹤觸摸時會觸發，比如alert彈出一個框框，阻塞了線程，就會觸發這個事件。（這個事件使用的很少）
◆通過事件參數 獲取移動的一些屬性
element.addEventListener('touchstart',function(event){
var event=event||window.event;
console.log(event.targetTouches);//目標元素的所有當前觸摸
console.log(event.changedTouches);//最新更改的所有觸摸
console.log(event.touches);//所有的觸摸
});
★start、move、end這三個事件常見的封裝：左滑、右滑、長按、捏合等等。
8.推薦一個在線編輯markdown的網站：https://www.zybuluo.com/mdeditor（在線 Cmd Markdown 編輯閱讀器），https://maxiang.io/（馬克飛象）
轉載于:https://www.cnblogs.com/jwlLWJ2018/p/9247783.html
