发表于   |     |   阅读次数

快速使用

node 7.6 以上

npm install -g parcel-bundler

npm init -y

1
2
3
4
5
6
<!-- 新建 index.html -->
<html>
<body>
  <script src="./index.js"></script>
</body>
</html>

默认地址端口为 localhost:1234

修改端口示例 parcel index.html -p 3304

集成技术栈

1
2
3
4
5
6
//package.json
"scripts": {
  "react": "parcel index-react.html",
  "vue": "parcel index-vue.html",
  "ts": "parcel index-ts.html"
}
阅读全文 »

发表于   |     |   阅读次数

下载nodejs （win64位，版本最好为6.x以上）

（Win+R输入cmd打开命令行窗口）

安装淘宝镜像 cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

全局安装 vue-cli 2.x

关闭cmd窗口，到放项目的目录下shift+右键打开命令行窗口

cnpm i -g @vue/cli-init

创建一个基于 webpack 模板的新项目

vue init webpack vuecli

（一直回车，只有vue-router选择y，其他均选择n）

安装依赖

cd vuecli

cnpm i

运行项目

npm run dev

安装elementUI

cnpm i element-ui --save-dev

引入elementUI

在main.js中添入以下代码

1
2
3
import ElementUI from 'element-ui' 
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI, { size: 'small' })

安装axios

cnpm i axios --save-dev

引入axios

在 main.js 文件中添加以下代码

1
2
import axios from 'axios'
Vue.prototype.$http = axios

阅读全文 »

发表于   |     |   阅读次数

类型

  • 1.1基本类型: 直接存取基本类型。

    • 字符串
    • 数值
    • 布尔类型
    • null
    • undefined
    1
    2
    3
    4
    5
    6
    const foo = 1;
    let bar = foo;
    bar = 9;
    console.log(foo, bar); // => 1, 9

  • 1.2 复杂类型: 通过引用的方式存取复杂类型。

    • 对象
    • 数组
    • 函数
    1
    2
    3
    4
    5
    6
    const foo = [1, 2];
    const bar = foo;
    bar[0] = 9;
    console.log(foo[0], bar[0]); // => 9, 9

引用

  • 2.1 对所有的引用使用 const ；不要使用 var。

    为什么？这能确保你无法对引用重新赋值，也不会导致出现 bug 或难以理解。

    1
    2
    3
    4
    5
    6
    7
    // bad
    var a = 1;
    var b = 2;
    // good
    const a = 1;
    const b = 2;

  • 2.2 如果你一定需要可变动的引用，使用 let 代替 var。

    为什么？因为 let 是块级作用域，而 var 是函数作用域。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    // bad
    var count = 1;
    if (true) {
      count += 1;
    }
    // good, use the let.
    let count = 1;
    if (true) {
      count += 1;
    }

  • 2.3 注意 let 和 const 都是块级作用域。

    1
    2
    3
    4
    5
    6
    7
    // const 和 let 只存在于它们被定义的区块内。
    {
      let a = 1;
      const b = 1;
    }
    console.log(a); // ReferenceError
    console.log(b); // ReferenceError
阅读全文 »