原创 Vue2.0學習文檔(Vue介紹)

一、引入 <script src="http://cdn.bootcss.com/vue/2.3.4/vue.js"></script> <script src="https://unpkg.com/vue"></scr

原创 前端面試題(2017-12-3)

http://www.100mian.com/mianshi/webqianduan/49989.html

原创 Vue基礎(事件處理)

http://www.jb51.net/article/95802.htm 監聽事件 可以用 v-on 指令監聽 DOM 事件,並在觸發時運行一些 JavaScript 代碼。 <div id="example-1"> <b

原创 Vue基礎(計算屬性和觀察者)

計算屬性 模板內的表達式非常便利,但是設計它們的初衷是用於簡單運算的。在模板中放入太多的邏輯會讓模板過重且難以維護。例如: <div id="example"> {{ message.split('').reverse().

原创 前端面試題(2017-12-4)

http://www.100mian.com/mianshi/webqianduan/49981.html display:none和visibility:hidden的區別? 1.display:none是徹底消失,不在文檔流

原创 Vue基礎(Class 與 Style 綁定)

操作元素的 class 列表和內聯樣式是數據綁定的一個常見需求。因爲它們都是屬性,所以我們可以用 v-bind 處理它們:只需要通過表達式計算出字符串結果即可。不過,字符串拼接麻煩且易錯。因此,在將 v-bind 用於 class

原创 彈窗方法改寫

ADD New爲添加animation動畫部分 HTML <html> <head lang="en"> <meta charset="UTF-8"> <title>彈框</title> <script

原创 Vue基礎(vue實例data)

一、創建一個 Vue 的實例 (1)MVVM: http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvvm.html (2)每個 Vue 應用都是通過 Vue 函數創建一個新的 Vu

原创 HTML DOM Event 對象(Document 對象)

http://www.w3school.com.cn/jsref/dom_obj_document.asp 1.定義 每個載入瀏覽器的 HTML 文檔都會成爲 Document 對象。 Document 對象使我們可以從腳本

原创 Vue基礎(條件渲染)

v-if (1)在字符串模板中,比如 Handlebars,我們得像這樣寫一個條件塊: <!-- Handlebars 模板 --> {{#if ok}} <h1>Yes</h1> {{/if}} 在 Vue 中,我們使用

原创 Vue基礎(模板語法)

Vue.js 使用了基於 HTML 的模板語法,允許開發者聲明式地將 DOM 綁定至底層 Vue 實例的數據。所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循規範的瀏覽器和 HTML 解析器解析。 在底層的實現上,V

原创 Vue基礎(列表渲染)

列表渲染 用 v-for 把一個數組對應爲一組元素: (1)我們用 v-for 指令根據一組數組的選項列表進行渲染。v-for 指令需要使用 item in items 形式的特殊語法,items 是源數據數組並且 item

原创 HTML DOM Event 對象之(toElement、fromElement、event.srcElement、event.target)

http://www.w3school.com.cn/jsref/dom_obj_event.asp http://blog.sina.com.cn/s/blog_9211608d01018mds.html https://zhi

原创 判斷IE版本、系統版本、系統平臺

<script> var versionNumber=IEVersion(); if((versionNumber!=-1)&&(versionNumber!='edge'&&(versionNumber>10))

原创 HTML DOM Event 對象(Element對象)

http://www.w3school.com.cn/jsref/dom_obj_all.asp 1.HTML DOM 節點 在 HTML DOM (文檔對象模型)中,每個部分都是節點: 文檔本身是文檔節點 所有 HTML