v-bind 绑定 class、style 属性【初识】

vue

将 v-bind 用于 class 和 style 时,Vue.js 做了专门的增强。表达式结果的类型除了字符串之外,还可以是对象或数组。:class 对象语法的含义是 :class 后面跟的是一个对象,语法格式: {类名: 布尔值, 类名: 布尔值},这种方式用的比较多,数组语法则用的相对较少。过于复杂时可以将对象放在 computed、methods 中

辰风沐阳 阅读 1778 2020-06-23

Vue 指令之v-bind指令绑定属性

vue

指令 (Directives) 是带有 v- 前缀的特殊属性,Mustache语法不能作用在HTML属性上,遇到这种情况应该使用v-bind指令。v-bind 指令可简写为英文冒号(:)

辰风沐阳 阅读 1692 2020-06-23

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

vue

Vue 指令之插值Vue 指令之插值,也可以使用 v-text、v-html指令进行插值。因为vue是双向绑定,数据一旦发生改变,插值处的内容将自动改变;使用 `v-once` 指令使其一次性插值,则数据改变不会影响插值处的内容

辰风沐阳 阅读 1916 2020-06-23

Vue 实例、el、data

vue

Vue实例也代理了data对象上所有的属性,所以访问vm.name等价于访问vm.$data.name,Vue实例挂载的模板可以通过vue实例的$el属性访问。el属性用于选择一个dom元素作为Vue实例(对象)的挂载目标

辰风沐阳 阅读 1745 2020-06-22

Layui 数据表格重载

Layui 前端UI框架

表格重载可用于刷新表格,筛选表格数据,Layui 数据表格重载可以根据容器的实例或ID进行表格重载,本文仅记录表格重载的基本用法

辰风沐阳 阅读 2737 2020-06-18

Layui 数据表格方法渲染中的复杂表头简单使用示例

Layui 前端UI框架

table.render() 参数是一个对象,该对象的 cols 属性值是一个数组,第一个数组元素用于定义表头,如果需要复杂表头(合并单元格)则需要使用 cols 属性值的第二个数组元素,该第二个数组元素是被合并的单元格

辰风沐阳 阅读 3105 2020-06-18

文档渲染与整理

HTML

当我们写的代码在浏览器器上显示时,有可能代码写的并不很合理,所以浏览器要先将代码进行规范性的整理,再进行解析,因为只有这样,浏览器才能正确的提取这些数据变为对象。总结:浏览器是先整理标签,然后再进行渲染

辰风沐阳 阅读 2658 2020-06-18

Layui - 为服务器端程序员打造的模块化前端UI框架

Layui 前端UI框架

Layui是一个为服务器端程序员打造的模块化前端UI框架,无须各种前端工具配置,拿来即用,兼容性好(IE6/7除外),可作为 PC 端后台系统与前台界面的速成开发方案,基于Jquery的前端框架,有着自己的社区和丰富的扩展组件平台

辰风沐阳 阅读 2195 2020-06-16