ES6-基础课程2

声明

1
2
3
var   = variable 变量   声明全局变量
let   = 假设
const = 常量

for循环使用let，不受污染

1
2
3
4
for(let i = 0; i <10; i++) {
    console.log(i);
}
console.log(i);   // Uncaught ReferenceError: i is not defined

例如：gulpfile.js引入插件模块可以使用const gulp = require(‘gulp’);

more >>

展开全文 >>

计算机常用命令

命令行新建文件和文件夹

1
2
3
4
5
6
7
8
9
10
1.cmd           ——进去命令行提示符
2.D:            ——去到对应的盘
3.dir           ——查看d盘下所有目录和文件
4.cd baidu      ——例如进去baidu文件夹目录
5.dir           ——查看D盘baidu文件夹下的所有目录
6.md xx         ——创建一个baidu文件夹下的xx文件夹
7.dir           ——查看xx这个文件夹已经创建成功了
8.cd.>.babelrc  ——创建一个.babelrc的文件，cd.表示为当前目录
9.dir           ——可以看到baidu文件夹下已经生成了“.babelrc”文件
10.EXIT         ——退出命令行提示符

展开全文 >>

ECMAScript 6简介

阮一峰-ECMAScript 6

ECMAScript 6.0（以下简称 ES6）。2015 年 6 月正式发布

ES6 与 ECMAScript 2015 的关系

ES6 的第一个版本，就这样在 2015 年 6 月发布了，正式名称就是《ECMAScript 2015 标准》（简称 ES2015）。
ES6 既是一个历史名词，也是一个泛指，含义是 5.1 版以后的 JavaScript 的下一代标准，涵盖了 ES2015、ES2016、ES2017 等等，而 ES2015 则是正式名称，特指该年发布的正式版本的语言标准。本书中提到 ES6 的地方，一般是指 ES2015 标准，但有时也是泛指“下一代 JavaScript 语言”。

more >>

展开全文 >>

页面的区块化与组件的封装

页面逻辑的页面

正如我们前文所说，“页面”在Vue中是不存在的，它只是一种逻辑上的概念。事实上，“页面”这个概念就是由DOM元素和一个甚至多个自定义Vue组件复合而成的复合型组件。我们应该如何分清楚哪些部分使用DOM元素实现，哪些部分又应该封装为更小级别的Vue组件呢？

more >>

展开全文 >>

路由与页面间导航

从思维导图到网站地图
设计原型

vue-router

前端路由是直接找到与地址匹配的一个组件或者对象并将其渲染出来。改变浏览器地址而不向服务器发出请求有两种做法，一是在地址中加入#以欺骗浏览器，地址的改变是由于正在进行页内导航；二是使用HTML5的window.history功能，使用URL的Hash来模拟一个完整的URL。

安装
1
2
3
4
5
6
npm i vue-router -D

打开main.js文件并加入以下的引用：
import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
more >>

展开全文 >>

工程化的Vue.js开发

Vue 提供一套简化开发、测试与部署的方案，不再需要花大量的时间去学习理解框架的使用概念，以及耗费大量的精力去建立复杂的自动化环境。

脚手架 vue-cli

这个工具可以让一个简单的命令行工具快速地构建一个足以支撑实际项目开发的Vue环境。 vue-cli的存在将项目环境的初始化工作与复杂度降到最低。

more >>

展开全文 >>

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia-plus根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

主要涉及技术