原创 滾動的通知窗口
方法一（不建議使用）:用HTML標籤<marquee> 標籤的屬性和用法可以參考： https://developer.mozilla.org/en-US/docs/Web/HTML/Element/marquee和http://www.
2020-07-06 06:07:11
原创 CSS-DOM
CSS2. :first-child 和 :last-child CSS3. :nth-child() 、 :nth-of-type()、h1~*選擇器爲所有h1元素的下一個同輩元素聲明樣式。 （但是有些瀏覽器不支持以上選擇器） -
2020-07-06 05:25:16
1
原创 特性檢測
針對CSS的兼容性檢測： 要檢查瀏覽器是否支持某個輸入類型的控件，可以用inputtypes.type屬性 if(!Modernizr.inputtypes.date){ //生成日期選擇器的腳本 } 而要檢查某個屬性，則可
2020-07-06 05:25:16
1
原创 HTML5事件器
1. contextmenu事件 目的：用以表示何時應該顯示上下文菜單，以便開發人員取消默認的上下文菜單而提供自定義的菜單。 屬於鼠標事件，其事件對象中包含與光標位置有關的所有屬性。 <div id="myDiv">Rig
2020-02-21 20:45:13
原创 DOM方法
1.createElement 方法 創建元素節點 var para = document.createElement("p");需要有個變量來保存它，單獨用 document.createElement("p"); 的話只是個‘孤兒’，
2020-02-21 20:45:13
原创 平穩退化、漸進增強、分離js
什麼是平穩退化： 如果正確地使用了JavaScript腳本，就可以讓訪問者在他們的瀏覽器不支持js的情況下仍然能順利地瀏覽該網站。就是說，雖然某些功能無法使用，但是最基本地操作仍能順利完成。 什麼是漸進增強： 用一些額外
2020-02-21 20:45:12
原创 DOM節點
總共12種可取值。但是僅有3種具有使用價值： 元素節點的nodeType是1 屬性節點的nodeType是2 文本節點的nodeType是3 <td id="john" name="myname">John</td> td是
2020-02-21 20:45:12
原创 《JavaScript學習指南》閱讀筆記1（160913）
1、<noscript> 標籤 noscript 元素用來定義在腳本未被執行時的替代內容（文本）。 註釋：如果瀏覽器支持腳本，那麼它不會顯示出 noscript 元素中的文本。無法識別 <script> 標籤的瀏覽器會把標籤的內容顯示到頁
2020-02-21 20:45:12
原创 鍵盤、文本事件、複合事件、變動事件
3個鍵盤事件：keydown 按下任意鍵時觸發、keypress按下字符鍵、keyup釋放鍵盤上的鍵時觸發 （以上事件只有用戶通過文本框輸入文本時菜最常用到） 1個文本事件：textInput 文本插入文本框之前會觸發。是對keypres
2020-02-21 20:45:02
原创 共享 load事件--addLoadEvent
目的：讓某個函數在網頁加載完畢後立馬執行。 方法：網頁加載完畢後悔觸發一個onload事件、與window對象相關聯。將想要觸發的函數與之關聯。 1. 僅一個函數 window.load = myFunction 注意：myFun
2020-02-21 20:45:02
原创 javascript鼠標滾輪事件
mousewheel事件（除了firefox）： 用戶通過鼠標滾輪與頁面交互、在垂直方向上滾動頁面時（無論上方還是下方） 包含一個特殊信息：wheelDelta屬性。當用戶向前滾動時，wheelDelta是120的倍數；向後滾動時，是-1
2020-02-21 20:45:02
原创 平穩退化的應用舉例
html文件： <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8
2020-02-21 20:45:02
原创 事件處理函數的應用——讓a不自動跳轉
閱讀《Jacascript DOM編程藝術》的讀書筆記 <a href="images/example.jpg" title="example" οnclick="showPic(this);return false;">Firework
2020-02-21 20:45:02
原创 向 echarts圖標工具欄toolbox中加入自定義圖標／圖形
首先參考一下官方文檔： 接下來自己動手： <!--chart1--> <script type="text/javascript"> var myChart = echarts.init(document.getElementB
2020-02-21 20:45:01
原创 移動端適配問題
移動端適配問題 怎麼適配iphone6 1px問題 爲什麼頁面與設計稿會出現偏差？ dpr=設備像素/ css像素，只有dpr等於1的時候，實際效果和設計稿的尺寸比例纔是1:1。 因爲iPhone6的DPR（設備像素比）爲2，設備像
2018-09-13 03:10:04