摘要:
其他章节请看: vue 快速入门 系列 Vue CLI 4.x 下 在 vue loader 一文中我们已经学会从零搭建一个简单的,用于单文件组件开发的脚手架;本篇,我们将全面学习 vue-cli 这个官方的、成熟的脚手架。 分上下两篇进行,上篇主要是”基础“,下篇主要是“开发” Tip:介绍顺序尽 阅读全文
摘要:
其他章节请看: vue 快速入门 系列 Vue CLI 4.x 上 在 vue loader 一文中我们已经学会从零搭建一个简单的,用于单文件组件开发的脚手架;本篇,我们将全面学习 vue-cli 这个官方的、成熟的脚手架。 分上下两篇进行,上篇主要是”基础“,下篇主要是“开发” Tip:介绍顺序尽 阅读全文
摘要:
其他章节请看: 前端学习 数据结构与算法 快速入门 系列 队列和双端队列 前面我们已经学习了栈数据结构。队列和栈非常类似,栈的原则是先进后出,而队列则是先进先出。同时,我们要学习双端队列,它是一种允许我们同时从前端和后端添加元素和移除元素的特殊队列。 队列数据结构 队列遵循先进先出(FIFO,也称为 阅读全文
摘要:
其他章节请看: 前端学习 数据结构与算法 快速入门 系列 栈 前面,我们学习了如何创建和使用计算机科学中最常用的数据结构——数组。 我们知道可以在数组的任意位置添加或删除元素,但有时我们还需要一种能在添加和删除元素时有更多控制的数据结构。有两种类似数组的数据结构在添加和删除时有更多控制,它们就是栈和 阅读全文
摘要:
其他章节请看: 前端学习 数据结构与算法 快速入门 系列 数组数据结构 数组是最简单的数据结构。 几乎所有编程语言都原始支持数组。 数组存储一系列同一种数据类型的值。虽然 javascript 中的数组能保存不同类型的值,但我们还是遵循最佳实践,因为大多数语言都没这个能力。 注:本篇文章不会介绍如何 阅读全文
摘要:
其他章节请看: vue 快速入门 系列 vue loader 扩展 在vue loader一文中,我们学会了从零搭建一个简单的,用于单文件组件开发的脚手架。本篇将在此基础上继续引入一些常用的库:vue-router、vuex、axios、mockjs、i18n、jquery、lodash。 环境准备 阅读全文
摘要:
其他章节请看: webpack 快速入门 系列 性能 本篇主要介绍 webpack 中的一些常用性能,包括热模块替换、source map、oneOf、缓存、tree shaking、代码分割、懒加载、渐进式网络应用程序、多进程打包、外部扩展(externals)和动态链接(dll)。 准备本篇的环 阅读全文
摘要:
vscode 快速入门 本篇主要讲解 vscode 使用中的一些经验: 配置 vue 开发环境 - Vetur+ESLint+Prettier 代码片段的使用 常用插件 如何完全卸载 vscode 通过命令行启动 vscode 编辑器的快捷键 注:笔者使用的 vscode 是 1.58.0,wind 阅读全文
摘要:
其他章节请看: vue 快速入门 系列 vue loader 下 CSS Modules CSS Modules 是一个流行的,用于模块化和组合 CSS 的系统。vue-loader 提供了与 CSS Modules 的一流集成,可以作为模拟 scoped CSS 的替代方案。 Tip:请看下面的用 阅读全文
摘要:
其他章节请看: vue 快速入门 系列 vue loader 上 通过前面“webpack 系列”的学习,我们知道如何用 webpack 实现一个不成熟的脚手架,比如提供开发环境和生成环境,开发环境提供本地服务器,有热模块替换,能使用 sass、es6等开发项目。 实际工作中我们可能会使用声明式框架 阅读全文
摘要:
其他章节请看: es6 快速入门 系列 async 前文我们已经知道 promise 是一种异步编程的选择。而 async 是一种用于执行异步任务更简单的语法。 Tip:建议学完 Promise 在看本文。 async 函数 async 函数是使用 async 关键字声明的函数。就像这样: asyn 阅读全文
摘要:
其他章节请看: es6 快速入门 系列 Promise Promise 是一种异步编程的选择 初步认识Promise 用 Promise 来实现这样一个功能:发送一个 ajax,返回后输出 json 数据。请看示例: const promise1 = new Promise((resolve, re 阅读全文
摘要:
webpack 快速入门 系列(未完结,持续更新中...) 前言 为什么要学习 webpack 为以后学习前端工程化做准备 webpack 是目前非常流行的构建工具 可能还有其他理由,比如没有理由... webpack 是什么 webpack 是构建工具中的一种。 所谓构建,就是将资源转成浏览器可以 阅读全文
摘要:
其他章节请看: webpack 快速入门 系列 自定义 webpack 上 通过“初步认识webpack”和“实战一”这 2 篇文章,我们已经学习了 webpack 最基础的知识。在继续学习 webpack 更多用法之前,我们先从更底层的角度来认识 webpack。 自定义 webpack 分上下两 阅读全文
摘要:
其他章节请看: es6 快速入门 系列 模块 es6 以前,每个 javascript 都共享这一个全局作用域,随着代码量的增加,容易引发一些问题,比如命名冲突。 其他语言有包这样的概念来定义作用域,es6 的一个目标是解决作用域问题,也为了使 javascript 应用程序显得有序,于是引入了模块 阅读全文
摘要:
其他章节请看: webpack 快速入门 系列 实战一 准备本篇的环境 虽然可以仅展示核心代码,但笔者认为在一个完整的环境中边看边做,举一反三,效果更佳。 这里的环境其实就是初步认识 webpack一文完整的示例,包含 webpack、devServer、处理css、生成 html。 项目结构如下: 阅读全文
摘要:
其他章节请看: webpack 快速入门 系列 初步认识 webpack webpack 是一种构建工具 webpack 是构建工具中的一种。 所谓构建,就是将资源转成浏览器可以识别的。比如我们用 less、es6 写代码,浏览器不能识别 less,也不支持 es6 的某些语法,这时我们可以通过构建 阅读全文
摘要:
其他章节请看: vue 快速入门 系列 vue 的基础应用(下) 上篇聚焦于基础知识的介绍;本篇聚焦于基础知识的应用。 递归组件 组件是可以在它们自己的模板中调用自身的。不过它们只能通过 name 选项来做这件事。我们实现一个自定义树的组件。请看示例: <!DOCTYPE html> <html l 阅读全文
摘要:
其他章节请看: es6 快速入门 系列 Symbol es6新增的一种原始类型 试图解决的问题 唯一的属性名 给对象新增一个属性,如何保证这个属性名是独一无二的? 更改 instanceof 的运行方式 function People(){ } let p1 = new People(); cons 阅读全文
摘要:
其他章节请看: es6 快速入门 系列 对象 试图解决的问题 写法繁杂 属性初始值需要重复写 function createPeople(name, age){ // name 和 age 都写了 2 次 return { name: name, age: age } } 对象中的方法有更简单的写法 阅读全文