原创 Json和JS模板的使用
主要用在寫同類型的樣式： 自己的理解: 先用 JSON存儲數據，並轉換成JS對象；再在HTML中的 script 標籤中寫好JS模板（一般是先用HTML標籤寫好結構並在CSS中寫好對應結構的樣式，然後就是替換對應區域的內容），並
2019-08-09 00:39:11
原创 IScor和Swiper
一、IScroll基本使用 什麼是iScroll? iScroll是一個高性能，資源佔用少，無依賴，多平臺的javascript滾動插件。 iScroll不僅僅是滾動。在你的項目中包含僅僅4kb大小的iScroll，能讓你的項
2019-08-09 00:39:11
原创 動畫插件
一、什麼是Animate.css? 其實swiper-animate就是參考Animate.css演變出來的一個插件，Animate.css和swiper-animate一樣都是用於快速添加動畫的，所以會用swiper-ani
2019-08-09 00:39:11
5
原创 Jsonp和Promise-基礎
一、JSONP 什麼是JSONP? （解決跨域訪問問題） JSONP讓網頁從別的地址（跨域的地址）那獲取資料，即跨域讀取數據； JSONP實現跨域訪問的原理 2.1在同一界面中可以定義多個 script 標籤 2.2同一個界面中
2019-08-09 00:39:11
原创 LESS-1-基礎
一、概念 1.什麼是CSS預處理器? CSS 預處理器就是用某一種語言用來爲 CSS 增加一些動態語言的的特性(變量、函數、繼承等)；CSS預處理器可以讓你的 CSS 更加簡潔，適應性更強，代碼更直觀等諸多好處； 簡而言之: CS
2019-07-31 01:38:57
原创 Fullpage-1-基礎
一、概念與使用 1.什麼是Fullpage? Fullpage.js 是一個基於jQuery的插件，他能夠很方便、很輕鬆的製作出全屏滾動網站。 2.什麼是jQuery ? 用JS封裝的一個框架、 3.爲什麼要學習插件或者框架？ 在
2019-07-31 01:38:57
原创 Sass-1-基礎
一、什麼是SASS(Syntactically Awesome Stylesheets Sass) 1.SASS是一套利用Ruby實現的, 最早最成熟的CSS預處理器, 誕生於2007年;它擴展了 CSS 語言，增加了變量、Mix
2019-07-31 01:38:57
原创 JS-26-獲取元素寬高其他方式/ 獲取網頁寬高
一、獲取元素寬高其它方式 1.通過 getComputedStyle 獲取寬高 1.1獲取的寬高不包括 邊框和內邊距 1.2即可以獲取行內設置的寬高也可以獲取CSS設置的寬高 1.3只支持獲取, 不支持設置 1.4只支持IE9及以
2019-07-03 00:46:09
原创 JS-27-函數防抖和節流
一、函數防抖 1.什麼是函數防抖[debounce]? 函數防抖是優化高頻率執行js代碼的一種手段； 可以讓被調用的函數在一次連續的高頻操作過程中只被調用一次 2.函數防抖作用 減少代碼執行次數, 提升網頁性能 3.函數防抖應
2019-07-03 00:46:08
原创 JS-24-正則表達式
一、正則表達式運用 1.什麼是正則表達式? 正則表達式就是對字符串操作的一種邏輯公式 2.正則表達式的作用? 1.在字符串"查找"是否包含指定子串 2.從字符串中"提取"指定子串 3.對字符串中指定的內容進行"替換" 字符串方法
2019-06-11 05:29:27
原创 JS-22-閉包 / 表單補充 /循環索引同步
一、閉包 1.什麼是閉包(closure)? 閉包是一種特殊的函數。 2.如何生成一個閉包? 當一個內部函數引用了外部函數的數據(變量/函數)時, 那麼內部的函數就是閉包； 所以只要滿足"是函數嵌套"、“內部函數引用外部函數數據”
2019-06-11 05:29:27
原创 JS-20-元素 / 屬性 增刪改查
一、JavaScript-元素增刪改查 1.創建節點 let oSpan = document.createElement("span"); 2.添加節點 注意點: appendChild方法會將指定的元素添加到最後; // let
2019-04-29 13:42:58
原创 JS-18-JS三大對象
一、JavaScript中提供三種自帶的對象, 分別是"本地對象"/“內置對象”/“宿主對象” 什麼是宿主? 宿主就是指JavaScript運行環境, js可以在瀏覽器中運行, 也可以在服務器上運行(node. js)； 1.本地對象
2019-04-29 13:42:58
原创 JS-19-獲取DOM元素
一、JavaScript-DOM開篇 1.什麼是window? window：是一個全局對象, 代表瀏覽器中一個打開的窗口, 每個窗口都是一個window對象； 2.什麼是document? document是window的一個屬性,
2019-04-29 13:42:57
原创 JS-17-字符串常用方法 / 常量注意點
一、在JS中字符串可以看做一個特殊的數組, 所以大部分數組的屬性 / 方法字符串都可以使用 1.獲取字符串長度 .length let str = "abcd"; console.log(str.length);
2019-04-25 08:16:29