原创 JS-12-對象-封裝 / 繼承

私有屬性注意點: 在給一個對象不存在的屬性設置值的時候, 不會去原型對象中查找, 如果當前對象沒有就會給當前對象新增一個不存在的屬性 由於私有屬性的本質就是一個局部變量, 並不是真正的屬性, 所以如果通過 對象.xxx 的方式是

原创 JS-23-DOM事件

一、DOM事件 1.什麼是事件? 用戶和瀏覽器之間的交互行爲我們就稱之爲事件, 比如:點擊,移入/移出; 2.如何給元素綁定事件? 在JavaScript中所有的HTML標籤都可以添加事件; 元素.事件名稱 = function(

原创 WEB前端學習課程推薦

web前端學習過程中,發現一位實力老師講得蠻好,講課激情全是乾貨,學習課程鏈接(非免費): https://www.it666.com/sales?fid=813&burl=/course_set/144; https://www

原创 JS-21-對元素 內容 / 樣式 的操作

一、JavaScript-元素內容操作 <div> 我是div <h1>我是標題</h1> <p>我是段落</p> </div> (1).獲取元素內容 1.innerHTML 獲取的內容包含標籤, inn

原创 JS-15-深拷貝和淺拷貝

1.什麼是深拷貝,什麼是淺拷貝? 1.1深拷貝 修改新變量的值不會影響原有變量的值; 默認情況下基本數據類型都是深拷貝; 1.2淺拷貝 修改新變量的值會影響原有的變量的值; 默認情況下引用類型都是淺拷貝; // 深拷貝

原创 IScorll和Swiper

一、IScroll基本使用 什麼是iScroll? iScroll是一個高性能,資源佔用少,無依賴,多平臺的javascript滾動插件。 iScroll不僅僅是滾動。在你的項目中包含僅僅4kb大小的iScroll,能讓你的項

原创 JS-25-BOM基本

1.什麼是BOM? DOM就是一套操作HTML標籤的API(接口/方法/屬性); BOM就是一套操作瀏覽器的API(接口/方法/屬性); 2.BOM中常見的對象 window: 代表整個瀏覽器窗口 注意: window是BOM中的

原创 Bootstrap-基礎

一、Bootstrap柵格系統 1. 基本概念 什麼是Bootstrap? Bootstrap 是twitter公司推出的,專門用於開發響應式佈局、移動設備優先的 WEB 框架。 Bootstrap當前最新的版本的Bootst

原创 GASP動畫和ScrollMagic

一、GSAP基礎 1.GSAP開篇 1.什麼是ScrollMagic? ScrollMagic是一個滾動視差插件 ScrollMagic本身比較簡單,只包含2個類: crollMagic.Controller 一個控制器類,用於總

原创 JS-14-對象-屬性 / 遍歷 / 解構賦值

一、對象屬性相關 什麼是instanceof關鍵字? instanceof用於判斷 “對象” 是否是指定構造函數的 “實例”; instanceof注意點:只要 構造函數的原型對象出現在實例對象的原型鏈中都會返回true;

原创 Canvas-基礎

一、Canvas概念 什麼是Canvas? Canvas是H5新增的一個標籤, 我們可以通過JS在這個標籤上繪製各種圖案; Canvas 擁有多種繪製路徑、矩形、圓形、字符以及圖片的方法。 注意點: 2.1canvas標籤有默認

原创 Echarts-基礎

一、Echats概念 1.什麼是ECharts? ECharts是一個使用 JavaScript 實現的"數據可視化"庫, 它可以流暢的運行在 PC 和移動設備上; 2.什麼是數據可視化? 也就是可以將數據通過圖表的形式展示出來;

原创 網絡編程-基礎

一、H5新增存儲方案 什麼是SessionStorage和LocalStorage 和Cookie一樣, SessionStorage和LocalStorage也是用於存儲網頁中的數據的; Cookie、 SessionS

原创 Zepto-基礎

一、1. Zepto是什麼? Zepto 是一個輕量級的針對現代高級瀏覽器的 JavaScript庫, 它與jQuery有着類似的api, 如果你會用jQuery,那麼你也會用Zepto; 既然和jQuery差不多, 爲

原创 SVG-基礎

一、SVG概念 什麼是SVG? SVG英文全稱爲Scalable Vector Graphics,意思爲可縮放的矢量圖 位圖和矢量圖 在計算機中有兩種圖形, 一種是位圖, 一種是矢量圖 2.1位圖: 傳統的 jpg / p