小白入前端vue開發
這個篩選的藍色下邊框的預設樣式設定
在data倉庫中定義一個變數 例如:status:0 (預設給0 選擇第一個未稽核)
分別給他們繫結上事件例如 getitem(0)
然後在給他們繫結屬性
:class=" status ===0 ? ‘active’ : ‘’ ";
.active{
font-size, 15px
color: #666666;
border-bottom: 0.11rem solid #41b4ff;
}
相關推薦
小白入前端vue開發
這個篩選的藍色下邊框的預設樣式設定 在data倉庫中定義一個變數 例如:status:0 (預設給0 選擇第一個未稽核) 分別給他們繫結上事件例如 getitem(0) 然後在給他們繫結屬性 :class=" status ===0 ? ‘active’ : ‘’ "; .active{ f
小白學前端----------------Vue基礎(1)
一.VUE框架 Vue介紹 vue以資料驅動的web漸進式框架 三大主流框架:Angular React Vue 設計模式:MVVM 1.資料驅動=>不直接操作DOM 2.單頁面web應用=>構建的網站其實只有一個頁面 3.資料的雙向
小白學前端--------------Vue基礎(2)
一.Vue檢視 1.1 基本模板語法 插值 {{title}} <p v-text="title"></p> <p v-once> {{ title }} 不會改動這裡面的內容</p> 插入HTML <d
小白學前端--------------Vue基礎(4)
一.Vue 表單 1.1基本語法 文字 <input v-model="message" placeholder="edit me"> <textarea v-model="message" placeholder="add multiple
Vue.js小白入門,搭建開發環境
最近Vue.js的熱度持續上升,甚至有標題說2017再不會Vue.js就out了。而作為一個不排斥前段的後端碼農來說,當然也要跟得上時代。近來準備放下手中的DOM操作,來一次Vue.js從入門到放棄。現將環境搭建過程記錄下來。 環境準備 Node.js
小白學前端06
好的 空格 cti 回顧 overflow 目前 效率 col over 回顧一下這幾天吧: 非常後悔的行為: 一口氣看完一遍head first html就一頭開始想著做網頁,實則很多技巧就像剛剛開始學編程就生搬硬套的寫算法,不是這樣不可行,而是這樣的學習曲線很陡峭,很容
小白學前端07
css 寫法 什麽 實現 總結 正在 url text pix 2017-05-12 16:02:53:1.小技巧:在<style type="text/css"><!--.../*your css code*/--></style>利用
小白學前端12
人生 nbsp ons hidden 前端 創建 vertical tab 輸出 1.var string = "you are";var text = string;string = "best";console.log(text); //輸出"you are"變量為一
小白學前端20
javascrip 感覺 空指針 java 自己 struts2 慢慢 畢業 程序員 也許今天都是一個空指針吧1.大致的理解了struts2,因為畢業的需要,不過感覺其實一直都是,啊,java耶。就立馬興致沖沖的去學java,好像學會了java之後自己就會是一個程序員,自己
小白的前端練級之路——靈活的JavaScript(1)
士心是剛剛從事一年前端工作的半個小白,對一切事物都懵懂而又好奇,年前由於個人原因離開了上一家公司,年後返深才知道一個半懂不懂的小白前端要找一份稱心的工作有多麼地艱難,在海量投遞簡歷之後,終於功夫不負有心人,找到了一份還算滿意的工作,從此又開始了前端江湖的練級之路 入職的第一天 入職的第一
小白必備-前端知識點(html)
1.常用的瀏覽器的測試及核心(五大瀏覽器、四大核心) 種類:Chrome、Firefox、Ie、Safari、Opera 核心:Trident(也稱IE核心)、webkit、Blink、Gecko Opera(是跨平臺瀏覽器可以在Windows、Mac和Linu
小白學習前端---第二天 HTML的基本屬性————1
一.HTML的屬性 1.1基本屬性 1.1.1三個基本屬性 class 定義類規則或者樣式規則 id 定義元素的唯一標識 stype 定義元素的樣式宣告 1.1.2不含三個基本屬性的元素 html、head 文件和頭部資訊基本結構 title 網頁標題 b
小白入智慧小車坑(一)
1、背景: 入手一輛智慧小車,深入研究,提高自己的知識儲備和技能。 作為非科班的資深小白,我從頭學習智慧小車知識。 需要準備的知識 1、直流電機基礎知識 1、H橋是什麼? 全橋式直流電機驅動電路 3、L293D全橋驅動器驅動程式編寫 2、對於一個機械畢業生,不熟悉直流
小白學前端------------------HTM列表,表格,表單,音視訊標籤及屬性
頁面中的組成部分 一.列表,表格,表單,音視訊 1.列表標籤 有序列表 <ol><ul></ul></ol> 屬性 start 規定有序列表的起始值。 type 規定在列表中使用的標記型別。(1 a A
小白學前端--------------JavaScript基本語法
JavaScript基本語法 一.JavaScript引入方式 1.引入方式 Script標籤內 <script> // 在這裡寫你的JS程式碼 </script> 引入額外的JS檔案 <script src="mys
小白學前端----------- 內建物件
getYear() 請使用 getFullYear() 方法代替。 getFullYear() 從 Date 物件以四位數字返回年份。 getMonth() 從 Date 物件返回月份 (0 ~ 11)。 getDate() 從 Date 物件返回一個月中的某一天 (1 ~ 31)。 getDay() 從
小白學前端------------- 事件,BOM簡介,DOM簡介
一 .事件 1.1 事件繫結 # 寫在html元素中 <button onclick = 'code...'> </button> #把事件當作元素物件的方法(更常用) btnEle.onclick = function(){ }
小白學前端-----------jQuery
一.jQuery 1.jQuery基本使用 1.1文件就緒事件 $(document).ready(function(){ code... }) //簡寫 $(function(){ code... }) 1.2 jQueryDOM和原生DOM j
小白學前端------------jQuery動畫
一.jQuery動畫 1.1 基本效果 引數詳解 speed:三種預定速度之一的字串("slow","normal",or"fast")或表示動畫時長的毫秒數值(如:1000) easing : (Optional) 用來指定切換效果,預設是"swing
前端 vue 開發準則 « 關於網路那些事...
前端 vue 開發準則 為了讓其他開發者也能理解你每一行程式碼的涵義及作用 在建構程式時,盡力打造清晰直觀的架構,讓程式更容易維護及重構 有關傳遞相關的引數,應該避免