丙午🐎年

acc8226 的博客

创建一个 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.cabc, 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 形式表示的时间戳

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

阅读全文 »

基本上所有的高级语言都支持函数,JavaScript 也不例外。JavaScript
的函数不但是“头等公民”,而且可以像变量一样使用,具有非常强大的抽象能力。

借助抽象,我们才能不关心底层的具体计算过程,而直接在更高的层次上思考问题。写计算机程序也是一样,函数就是最基本的一种代码抽象的方式。

阅读全文 »
0%