v-bind 綁定 class、style 屬性【初識(shí)】

vue

將 v-bind 用于 class 和 style 時(shí),Vue.js 做了專門的增強(qiáng)。表達(dá)式結(jié)果的類型除了字符串之外,還可以是對(duì)象或數(shù)組。:class 對(duì)象語法的含義是 :class 后面跟的是一個(gè)對(duì)象,語法格式: {類名: 布爾值, 類名: 布爾值},這種方式用的比較多,數(shù)組語法則用的相對(duì)較少。過于復(fù)雜時(shí)可以將對(duì)象放在 computed、methods 中

辰風(fēng)沐陽 閱讀 1676 2020-06-23

Vue 指令之v-bind指令綁定屬性

vue

指令 (Directives) 是帶有 v- 前綴的特殊屬性,Mustache語法不能作用在HTML屬性上,遇到這種情況應(yīng)該使用v-bind指令。v-bind 指令可簡(jiǎn)寫為英文冒號(hào)(:)

辰風(fēng)沐陽 閱讀 1590 2020-06-23

Vue 指令之插值 v-text、v-html、v-once

vue

Vue 指令之插值Vue 指令之插值,也可以使用 v-text、v-html指令進(jìn)行插值。因?yàn)関ue是雙向綁定,數(shù)據(jù)一旦發(fā)生改變,插值處的內(nèi)容將自動(dòng)改變;使用 `v-once` 指令使其一次性插值,則數(shù)據(jù)改變不會(huì)影響插值處的內(nèi)容

辰風(fēng)沐陽 閱讀 1792 2020-06-23

Vue 實(shí)例、el、data

vue

Vue實(shí)例也代理了data對(duì)象上所有的屬性,所以訪問vm.name等價(jià)于訪問vm.$data.name,Vue實(shí)例掛載的模板可以通過vue實(shí)例的$el屬性訪問。el屬性用于選擇一個(gè)dom元素作為Vue實(shí)例(對(duì)象)的掛載目標(biāo)

辰風(fēng)沐陽 閱讀 1644 2020-06-22

Layui 數(shù)據(jù)表格重載

Layui 前端UI框架

表格重載可用于刷新表格,篩選表格數(shù)據(jù),Layui 數(shù)據(jù)表格重載可以根據(jù)容器的實(shí)例或ID進(jìn)行表格重載,本文僅記錄表格重載的基本用法

辰風(fēng)沐陽 閱讀 2590 2020-06-18

Layui 數(shù)據(jù)表格方法渲染中的復(fù)雜表頭簡(jiǎn)單使用示例

Layui 前端UI框架

table.render() 參數(shù)是一個(gè)對(duì)象,該對(duì)象的 cols 屬性值是一個(gè)數(shù)組,第一個(gè)數(shù)組元素用于定義表頭,如果需要復(fù)雜表頭(合并單元格)則需要使用 cols 屬性值的第二個(gè)數(shù)組元素,該第二個(gè)數(shù)組元素是被合并的單元格

辰風(fēng)沐陽 閱讀 2955 2020-06-18

文檔渲染與整理

HTML

當(dāng)我們寫的代碼在瀏覽器器上顯示時(shí),有可能代碼寫的并不很合理,所以瀏覽器要先將代碼進(jìn)行規(guī)范性的整理,再進(jìn)行解析,因?yàn)橹挥羞@樣,瀏覽器才能正確的提取這些數(shù)據(jù)變?yōu)閷?duì)象。總結(jié):瀏覽器是先整理標(biāo)簽,然后再進(jìn)行渲染

辰風(fēng)沐陽 閱讀 2341 2020-06-18

Layui - 為服務(wù)器端程序員打造的模塊化前端UI框架

Layui 前端UI框架

Layui是一個(gè)為服務(wù)器端程序員打造的模塊化前端UI框架,無須各種前端工具配置,拿來即用,兼容性好(IE6/7除外),可作為 PC 端后臺(tái)系統(tǒng)與前臺(tái)界面的速成開發(fā)方案,基于Jquery的前端框架,有著自己的社區(qū)和豐富的擴(kuò)展組件平臺(tái)

辰風(fēng)沐陽 閱讀 2079 2020-06-16