原创 Web前端-Vue--vue-cli腳手架
Vue-cli腳手架搭建: 拿到新電腦第一次配置環境要做的步驟(以前沒有配置過環境): 安裝npm命令: 1.去nodejs官網下載node.exe 官網地址:https://nodejs.org/zh-cn/ 2. node
原创 Web前端-Vue--路由,本地mock數據搭建,keep-alive,active-class,重定向redirect
路由 路由的最基本配置: 1.下載vue-router模塊(我們搭建vue項目時 已經勾選下載 所以在這不需要重複下載) 2.在main.js 使用import語句 引入vue-router模塊 3.讓vue
原创 Web前端-Vue--vue鉤子函數,自帶的方法,computed計算屬性,過濾器,watch監聽器,動畫
vue的生命週期鉤子函數 所謂鉤子函數: * 在vue的不同階段 會暴露出一個個 回調函數 * 可以讓使用vue的人 進行不同時期做不同事情 // vm.$
原创 Web前端-Vue-v-html,v-cloak,v-model,template,v-on,event,事件修飾符
v-html和v-text 專門用來渲染標籤內容的 在一定程度上可以避免 mustache語法 在加載緩慢時閃爍問題 v-html="變量" v-text="變量"
原创 Web前端-Vue--v-bind,vue-resource,vue-axios
v-bind 在vue中 爲了能夠讓標籤的自帶屬性(比如 src width title id class style) 也能夠使用vue中的變量 專門提供了一個指令 v-bind 寫法:
原创 Web前端-Vue--組件
組件 1.全局組件 在所有被vue掛載的頁面目標中都可以使用 全局組件的渲染 Vue.component("組件標籤名稱",{ //組件的封裝信息
原创 Web前端-JavaScript--Dom案例
廣告欄案例 需求: 點擊廣告欄的小× 關閉整個廣告欄部分 步驟: 1.獲取元素 #close #header 2.#close的onclick點擊事件
原创 Web前端-JavaScript--Dom
Dom概述 JavaScript三大核心: ECMAScript(基礎語法) DOM Document Object Model (文檔對象模型) BOM Browser Object Model (
原创 Web前端-JavaScript--數組
99乘法表 <script> document.write("<table border='1'>"); for(i=1;i<=9;i++){ document.write("<tr>");
原创 Web前端-JavaScript--innerText、節點訪問關係 屬性節點
a標籤點擊不跳轉 一旦給a標籤添加點擊事件 那麼點擊事件會執行的的同時 a標籤也會實現跳轉效果 這樣用戶體驗很不好 如何解決a標籤點擊跳轉問題: 1.把a標籤的href改成 javaScript:;(不知道
原创 Web前端-html 5—form
form color 獲取當前的顏色 和 js 連用 <input type="color" name="
原创 Web前端-html 5—CANVAS、環形進度條
環形進度條 var mycanvas = document.querySelector("#tag"); var ctx = mycanvas.getContext("2d"); ctx.lineWidth = 2
原创 Web前端-Vue-概述-初步使用,部分指令
mustache語法 是一種模板語法 <!--表示把msg變量的數據渲染到這個地方--> <h1>{{msg}}</h1> <h2>{{msg}}</h2> <h3>{{hehe}}</h3> vue程序初步搭
原创 Web前端-ES6-const,let,class,Promise
let和const聲明變量 const 表示聲明常量 值不可以變化的量 const聲明的變量 值爲常量 不能修改 const修飾基本數據類型: 值不能
原创 Web前端-ES6-箭頭函數,symbol.(...),set,迭代器,map集合,Generator函數,async await異步函數
箭頭函數 什麼是箭頭函數: 格式: ()=>{ } 相當於原來的 function(){