原创 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(){