丙午🐎年

acc8226 的博客

发表于 分类于 ，

Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML，所以能被遵循规范的浏览器和 HTML 解析器解析。

插值

文本

数据绑定最常见的形式就是使用 “Mustache”语法 (双大括号) 的文本插值：

1
<span>Message: {{ msg }}</span>

Mustache 标签将会被替代为对应数据对象上 msg property 的值。无论何时，绑定的数据对象上 msg property 发生了改变，插值处的内容都会更新。

阅读全文 »

发表于 分类于 ，

创建一个 Vue 实例

每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的：

1
2
3
var vm = new Vue({
  // 选项
})

虽然没有完全遵循 MVVM 模型，但是 Vue 的设计也受到了它的启发。因此在文档中经常会使用 vm (ViewModel 的缩写) 这个变量名表示 Vue 实例。

阅读全文 »

发表于 分类于 ，

声明式渲染

文本插值

Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统：

1
2
3
<div id="app">
  {{ message }}
</div>
1
2
3
4
5
6
var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})
阅读全文 »

发表于 分类于 ，

语法
/pattern/modifiers;

实例
var patt = /w3cschool/i

实例解析：
/w3cschool/i 是一个正则表达式。
w3cschool 是一个模式 (用于检索)。
i 是一个修饰符 (搜索不区分大小写)。

一、基础元字符

字符 含义 示例
. 任意单个字符（除换行） a.c → abc, a1c
\d 数字 [0-9] \d{3} → 123
\D 非数字 [^0-9] \D+ → abc
\w 单词字符 [a-zA-Z0-9_] \w+ → hello_world
\W 非单词字符 \W → @, #,
\s 空白字符（空格、Tab、换行） \s+ →
\S 非空白字符 \S+ → abc
\b 单词边界 \bword\b 精确匹配 word
\B 非单词边界
阅读全文 »

发表于 分类于 ，

时间和时间戳

在 JavaScript 中，Date对象用来表示日期和时间。

要获取系统当前时间，用：

1
2
3
4
5
6
7
8
9
10
11
let now = new Date();
now; // Wed Jun 24 2015 19:49:22 GMT+0800 (CST)
now.getFullYear(); // 2015, 年份
now.getMonth(); // 5, 月份，注意月份范围是 0~11，5 表示六月
now.getDate(); // 24, 表示24号
now.getDay(); // 3, 表示星期三
now.getHours(); // 19, 24小时制
now.getMinutes(); // 49, 分钟
now.getSeconds(); // 22, 秒
now.getMilliseconds(); // 875, 毫秒数
now.getTime(); // 1435146562875, 以 number 形式表示的时间戳

注意，当前时间是浏览器从本机操作系统获取的时间，所以不一定准确，因为用户可以把当前时间设定为任何值。

阅读全文 »
0%