原创 ECMAScript學習二:Array數組方法

目錄1、Map集合1.1、格式:1.2、返回值說明1.3、使用2、filter函數2.1、形式2.2、返回值說明:2.3、實例3、arr.every3.1、定義3.2、返回值說明3.3、實例4、arr.some()4.1、定義4.

原创 JavaScript中this指針指向問題

this指針 詳情詳見:阮一鋒:Javascript 的 this 用法 http://www.ruanyifeng.com/blog/2010/04/using_this_keyword_in_javascript.htm

原创 原生JS實現簡單頁面效果

目錄選項卡效果實現思路:實現過程省市區三級聯動實現思路 選項卡效果 實現思路: 1 佈局三個button用於點擊選項卡,3個div用於顯示不同的內容 2 兩層循環: (1)外層點擊切換button,添加點擊效果和樣式 (2)內

原创 # Github的使用

目錄1 Git 遠程倉庫(Github)添加遠程庫2 配置Git首先在本地創建ssh key;爲了驗證是否成功,在git bash下輸入:進入要上傳的倉庫,右鍵git bash,添加遠程地址:出現的錯誤3 出現的問題解決方法:1.

原创 樓梯導航

目錄樓梯導航 樓梯導航 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>樓梯導航</title> <style typ

原创 絕對居中

目錄絕對定位居中定位居中的思想具體實現第一種寫法第二種寫法第三種方法第四種方案第五種方案 絕對定位居中 定位居中的思想 元素左移下移父元素的一半,然後再右移上移元素自身的一半。 具體實現 頁面佈局,居中元素爲 .box,父元素爲

原创 React

目錄React資源react官網【英文】:通過cnpm使用react快速構建 React 開發環境cnpm創建react項目引入react庫文件 React資源 菜鳥教程 :http://www.runoob.com/react/re

原创 JS模塊化

目錄概念ES模塊化:設計思想ES模塊說明:嚴格模式export 命令1 作用輸出變量輸出函數或者類2重命名3 輸出保持對應關係變量類和函數import命令1 引入2 只讀3 引入路徑4 層級提升5 靜態執行6 import執行加載7

原创 移動端開發

目錄原生開發混合開發(Hybrid development)移動端web app視口(viewport)移動端適配1.早期方案2. 流式佈局3. remem和rem的區別em和px之間的轉換js設置rem相關概念PPI(Pixel P

原创 CSS

目錄CSS3介紹屬性選擇器舊的屬性選擇器:新增的屬性選擇器特例:僞類選擇器僞元素選擇器css3:區分僞類和僞元素框模型(Box Model)背景和邊框文本效果2D/3D 轉換動畫多欄佈局用戶界面瀏覽器私有前綴新增顏色模式媒體查詢1樣式

原创 原生js操作DOM

目錄DOM操作內容操作表單元素閉合標籤屬性操作閉合標籤表單元素樣式操作行間樣式行外樣式元素類(class)操作獲取類設置類刪除類圖片src操作 DOM操作 DOM 是 Document Object Model(文檔對象模型)的縮寫。

原创 ECMAScript學習(一)

目錄變量提升let定義變量let定義變量的特點1. 暫時性死區2. 不可以重複聲明3. 塊級作用域let在for循環中的使用解決方案一:解決方案二:解決方案三:const聲明變量1用於聲明常量:2聲明引用類型3 聲明賦值Rest參數注

原创 ejs渲染頁面

目錄介紹作用示例兩種渲染方式1. 方式一:2. 方式二: 介紹 官網地址 ejs下載地址,注意下載ejs.min.js文件。 作用 渲染頁面。 示例 下載完成之後,直接在靜態html文件當中引入這個js文件,這樣就可以使用了。 <s

原创 jQuery

目錄獲取元素方法獲取內容獲取當前對象獲取樣式獲取元素屬性給元素設置內容給元素設置樣式給元素設置點擊事件給元素設置屬性實例 獲取元素 方法 var box = $(".box");//通過類 var box1 = $("#box");/

原创 ECMAScript學習(三)

目錄Promise作用:定義實例擴展運算符SetMap類和對象原型鏈模版字符串模塊化 Promise 作用: The Promise object represents the eventual completion (or fail