原创 vue 之 生命週期函數
生命週期函數 所有的vue組件,都是vue實例,一個組件對應一個實例,並且接收相同的選項對象(一些根實例特有的選項除外) 實例生命週期也叫:組件生命週期 組件 : 看做是一個個可複用的ui模塊 組件本質上市一個vue實例 生命週期介
原创 vue 之 組件 ( 重難點 )
組件(很重要很重要) 一.組件 組件可以看作是一些可複用的ui模塊 小到一個標籤 : <div>哈哈哈</div> 大到一個頁面 : <div><div><div><div><div></div></div></div></div><
原创 Node.js(一) --- 瀏覽器的基本工作原理,瀏覽器的組成,渲染的工作原理,性能優化,重繪和迴流,瀏覽器和服務器的交互流程
瀏覽器的工作原理 一. 瀏覽器的組成 1. 用戶界面:包括地址欄,後退/前進按鈕,書籤目錄等,也就是你所看到的除了用來顯示你所請求頁面的主窗口之外的其他部分 2. 瀏覽器引擎:用來查詢及操作渲染引擎的接口 3. 渲染引擎(瀏覽
原创 vue 之 json-server 和 axios
一. json-server 作用 : 根據json文件,開啓一個服務器,提供數據接口 安裝 : nom i json-server -g 使用 :在終端輸入 json-server json文件路徑 遵循 REST AP
原创 vue (一) ---- vue介紹,數據雙向綁定,指令學習
一.vue介紹 1. 漸進式js框架 1. 漸進式 全家桶 : vue : 小項目 vue-touter : 頁面越來越多
原创 vue (二) ---- 計算屬性computed,事件修飾符,按鍵修飾符,v-if和v-show,條件渲染指令,其他指令
一.計算屬性 computed 說明: 計算屬性本質也是一個屬性 如何使用: 把計算屬性方法computed 寫起來像一個方法 用起來像一個屬性 特點: 計算屬性一定要有返回值,返回值纔是計算屬性最終的結果 計算屬性可以使用data裏存在
原创 BFC 塊級格式化上下文
BFC塊級格式化上下文 Block Formatting Context : 頁面上一個隔離的獨立渲染區域 觸發成爲BFC盒子的特點 : 1 . 觸發了BFC的盒子,就成爲了頁面上的一個隔離的獨立容器,容器裏面的子元素不會再佈局上影響的
原创 插件 -------- 滾動插件iScroll Animate.css動畫庫 swiper插件
iScroll API 中文版 介紹 iScroll是一個高性能,資源佔用少,無依賴,多平臺的javascript滾動插件。 官網:http://iscrolljs.com/ 它可以在桌面,移動設備和智能電視平臺上工作。它一直在大力優化
原创 移動web學習(二) --- 手指觸摸相關的touch事件並實現滑動輪播圖,以及移動端中tap和click事件
一.touch事件 1. 移動端新增的4個與手指觸摸相關的事件 1. touchstart : 手指放在屏幕上時觸發 2. touchmove : 手指在屏幕上滑動時觸發(會觸發多次) 3. touch
原创 移動web學習(三) --- zepto框架介紹(瞭解)和jquery類似
zepto框架介紹(瞭解) Zepto是一個輕量級的針對現代高級瀏覽器的JavaScript庫, 它與jquery有着類似的api。 如果你會用jquery,那麼你也會用zepto。 github地址 中文文檔 zepto與jquer
原创 移動web學習(一) --- 流式佈局, 視口viewpoint ,2倍圖和3倍圖, less
從這章開始,學習移動web 移動web開發指的是需要適配移動設備的網頁開發,和pc端沒有本質的區別,還是使用html,css,js 一.學習移動web的原因 1. 使用移動設備的用戶越來越多 2. 一定設備屏幕大小不一,之前的pc端的開發
原创 H5C3 學習(五) ----HTML5-API 網絡狀態,地理位置,web存儲,自定義播放器,文件讀取,拖拽
HTML5-API 一.網絡狀態 在移動端,我們經常需要檢測設置是在線還是離線,HTML5爲此定義了一個navigator.onLine屬性,這個屬性用於檢測設備是否聯網。navigator.onLine 在不同瀏覽器中有細微的差別。
原创 form表單提交時onsubmit返回調用的函數名和name屬性值重複時不能調用的的問題
前幾天在做提交表單驗證的時候,就發現自己的表單提交沒有效果, onsubmit根本調用不到check()函數,將函數換個名稱或者調用其他的都可以實現 一臉懵逼的情況下,發現了設置的name屬性值的其中一個和我們的函數名重複了 我們學習js
原创 H5C3 學習(四) ---- 動畫animation和彈性佈局
一. 動畫 首先我們需要瞭解到動畫和過渡的區別: 1. 過渡必須觸發,需要兩個狀態的改變 2. 動畫可以一直運行下去,不需要觸發,實現效果和過渡差不多 1. 使用一個動畫的基本步驟: 1. 通過@keyframes指定動畫序列 2. 通
原创 H5C3實現正方體的旋轉
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,