原创 ES6 函數
函數參數的擴展 默認參數 function fn(name,age=17){ console.log(name+","+age); } fn("Amy",18); // Amy,18 fn("Amy",""); // Amy
2020-02-28 00:33:01
原创 ES6 迭代器
Iterator 是 ES6 引入的一種新的遍歷機制，迭代器有兩個核心概念： 迭代器是一個統一的接口，它的作用是使各種數據結構可被便捷的訪問，它是通過一個鍵爲Symbol.iterator 的方法來實現。 迭代器是用於遍歷數據結
2020-02-28 00:33:01
原创 面向對象繼承的實現
方法記錄： isPrototypeOf 則是用來判斷該方法所屬的對象是不是參數的原型對象，是則返回true，否則返回false。 hasOwnProperty 是 JavaScript 中唯一一個處理屬性但是不查找原型鏈的函數
2020-02-25 18:00:57
原创 CSS3關於轉換
轉換 transform 旋轉 rotate 旋轉xyz軸 正順時針負逆時針，單值默認z，3d（1，1，1，25deg）三面合力各做25deg形成的矢量力。 平移 translate 沒有脫離文檔流，百分比相對於自身的寬高，旋轉平
2020-02-25 18:00:57
原创 CSS3常用選擇器
選擇器 屬性選擇器 屬性選擇器結合了正則表達式中的^開頭、$結尾、*任意位置； 例如：e[class^=“ate”]; '>'直接子元素+緊挨着的兄弟元素~後面的兄弟節點 僞元素選擇器（僞元素選中的就是元素中的文檔，並且不佔用
2020-02-25 18:00:57
原创 canvas實現刮刮樂
<canvas id="myCanvas" width="300" height="300"></canvas> <script> var myCanvas = document.getElemen
2020-02-25 18:00:57
原创 Bootstrao
一、bootstrap介紹 當提到響應式佈局，我們腦子裏會出現bootstrap的概念，它有哪些特點呢？ （1）響應式（@media媒體佈局） （2）移動設備優先（meta name="viewport" content="wi
2020-02-25 18:00:57
原创 10.13
javascript模式 下劃線；聲明私有變量，一個標識受到保護的屬性，兩個標識私有屬性 格式化API文檔方法JSDoc Toolkit和YUIDoc，格式/** 精簡代碼。就是使用打包工具，工具精簡就會縮短局部變量的名稱，所以要
2020-02-25 18:00:57
原创 jsonp實踐原生js實現百度聯想詞
所謂jsonp，就是利用script的src屬性跨域訪問，可用於解決主流瀏覽器的跨域數據訪問的問題； <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-
2020-02-25 18:00:57
原创 模塊化
模塊化簡介 具有相同屬性和行爲的事物的集合。在前端中，將一些屬性比較類似和行爲比較類似的內容放在同一個js文件裏面，把這個js文件稱爲模塊，爲了每個js文件只關注與自身有關的事情，讓每個js文件各行其職。 模塊要有幾個特點： 獨
2020-02-25 18:00:57
原创 ES6 數組
數組創建 Array.of() 將參數中所有值作爲元素形成數組。 console.log(Array.of(1, 2, 3, 4)); // [1, 2, 3, 4] // 參數值可爲不同類型 console.log(Arra
2020-02-25 18:00:57
原创 使用canvas生成隨機驗證碼
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-
2020-02-25 18:00:57
原创 git
最常用到的： git config --global user.name “yaojiacheng” //設置用戶名 git config --global user.email “[email protected]
2020-02-25 18:00:57