随笔分类 - Vue企业开发实战
摘要：与普通函数相比，箭头函数的优势主要表现在以下两个方面： 不绑定 this、arguments 更简化的代码语法 第二个特点不需要过多赘述，主要讲解不绑定 this 和 arguments 这两个特点。 1.不绑定 this 不绑定 this 可以理解为箭头函数的 this 在定义的时候就确定了，以后
阅读全文
摘要：语法 (参数1, 参数2, ..., 参数N) => { 函数声明 } (参数1, 参数2, ..., 参数N) => 表达式(单一) // 相当于：(参数1, 参数2, ..., 参数N) => { return 表达式; } // 当只有一个参数时，圆括号是可选的 (单一参数) => { 函数声
阅读全文
摘要：首先来看示例 17 代码 。 示例17 const Hzh = { name: "黄子涵", age: '28', brother: "黄春钦", mother: "陈兰英", say: function () { setInterval(function () { console.log("你好！
阅读全文
摘要：上机练习2 一一 对象的解构赋值使用 需求说明 假设有一段 JSON 对象数据，利用对象的解构赋值来快速提取 JSON 数据的值。 前端开发与后台交互得到的数据格式，一般情况下为 JSON 对象数据格式，利用对象的解构赋值可以很方便地提取 JSON 对象中的数据。 var hzhJson = { i
阅读全文
摘要：解构不仅可以用于数组，还可以用于对象。对象的解构与数组的解构有一个重要的不同：数组的元素是按次序排列的，变量的取值由它的位置决定；而对象的属性没有次序，变量必须与属性同名，才能取到正确的值。 示例13 let { hzh, hcq } = { hzh: "黄子涵", hcq: "黄春钦" }; co
阅读全文
摘要：ES6 允许按照一定模式从数组和对象中提取值，再对变量赋值，这被称为解构( Destructuring ）。在实际的项目开发中，从数组和对象中提取值使用得非常频繁，本任务主要讲解如何从数组和对象中提取值。 在以前的开发中为变量赋值，只能直接指定值 。 示例8 // 传统赋值 let cly = 1;
阅读全文
摘要：ES6 新增了 let 命令，用来声明变量。它的用法类似于 var，但其声明的变量只在 let 命令所在的代码块内有效。 1. let 命令作用城只局限于当前代码块 示例1 { let a = 10; var b = 1; } console.log("输出a："); console.log("a
阅读全文
摘要：const 声明一个只读的常量。一旦声明，常量的值就不能改变。 示例 5 const PI = 3.1415; console.log("输出变量PI："); console.log("PI = " + PI); PI = 3; [Running] node "e:\HMV\JavaScript\J
阅读全文
摘要：上机练习1 一一 let 命令使用 需求说明 使用 for 循环体中 let 的父子作用域，解决示例 4 中单击任意按钮最后均打印“这是第 5 个按钮”的问题，最终实现页面效果如下图所示 。 <!DOCTYPE html> <html lang="zh"> <head> <meta charset=
阅读全文
摘要：第1章 大觅顶目架何设计 第2章 大觅顶目中 ES6 的使用 第3章 大觅顶目的路由配置 第4章 初识 Vue.js 第5章 大觅顶目中与服务端通信 第6章 Vue.js 指令 第7章 组件详解 第8章 计算属性和侦昕器 第9章 大觅项目中插件的使用 第10章 大觅项目总结
阅读全文
摘要：任务1 大觅项目业务场景 1.1.1 大觅项目业务分析 1.1.2 大觅项目业务梳理 1.1.3 大觅项目技术栈选型 任务2 大觅项目环境搭建 1.2.1 Node.js 的介绍 1.2.2 什么是 NPM 1.2.3 安装 cnpm 1.2.4 Vue-cli 脚手架 1.2.5 上机训练 任务
阅读全文
摘要：前端的优势 解决 JavaScript 和 css 的依赖何题 在实际开发中经常发现 css 没起作用，JavaScript 的某个变量或方法找不到，很多情况下都是因为引入 JavaScript 或者 css 的顺序不对造成的，而使用构建工具就可以大大减少此类问题。 性能优化 随着项目规模的增大，前
阅读全文
摘要：上机练习 2 一一将 iView 框架引入大觅项目 需求说明 将 iView 框架全部引入到大觅项目中。 在 src\components 文件夹下打开 HelloWorld.vue 文件，将 class 名为 hello 的 div 内部标签全部删除，替换为 iView 框架的 button 组件
阅读全文
摘要：UI 框架分析 UI 框架的优点 快速搭建 Web 页面 集中精力完成业务代码 缩短开发周期 UI 框架的缺点 冗余代码 无法定制化、精细化开发 UI 框架的选择 判断项目是否使用 UI 框架，要去权衡 UI 框架是否适合项目要求，如果项目开发工期比较紧，而且对项目精细化要求不是特别高，那么使用 U
阅读全文
摘要：Visual Studio Code 的简介 Visual Studio Code 并不是微软提供的大型开发工具包 Visual Studio，而是微软在 2015 年 4 月发布的一款能够运行在 Windows、Mac OS 和 Linux 之上的免费跨平台编辑器。Visual Studio Co
阅读全文
摘要：分离方式的种类 不分离 部分分离 完全分离 分离方式的缺点 不分离 前后端共用同一个项目目录，本地开发环境搭建成本高，项目比较复杂、不直维护且维护成本高、发布风险高，不利于问题的定位和修改。 部分分离 本地环境搭建成本较高，需要后端提供页面模板（JSP 等），更新和修改模板需要后端人员操作，效率低且
阅读全文
摘要：原生开发存在的问题 难以维护 加载缓慢 体验差 重复编码 扩展困难 前后端祸合度高 大觅项目使用分层架构设计 把功能相似、抽象级别相近的实现进行分层，使逻辑变得清晰，容易理解和维护，也称作多层架构或 N 层架构，在这里使用的是类 MVVM 的分层架构方式，但还不完全是 MVVM 的分层架构方式。 分
阅读全文
摘要：上机练习1 ——— 使用 Vue-cli 脚手架搭建大觅项目 需求说明 使用 Vue 脚手架 Vue -cli 快速搭建项目 。使用命令行安装项目依赖，并且可以启动项目，页面效果如x下图所示。
阅读全文
摘要：Vue-cli 的简介 Vue-cli 是一个官方命令行工具 ，可用于快速搭建大型单页面应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程，只需几分钟即可创建并启动一个带热重载、保存时静态检查，以及可用于生产环境构建配置的项目。 单页面应用（Single Page Web Applic
阅读全文
摘要：NPM 的缺点 NPM 安装插件需要从国外服务器下载，受网络影响大，下载比较慢，容易出现异常。 CNPM 的说明 这是一个完整的 npmjs.org 镜像，可以用此代替官方版本（只读），同步频率目前为 10 分钟一次，以保证尽量与官方服务同步。 CNPM 的使用 既然淘宝 NPM 镜像这样方便，那么
阅读全文
