Vuex 概述目标：明确Vuex是什么，应用场景以及优势 是什么Vuex 是一个 Vue 的 状态管理工具，状态就是数据。 大白话：Vuex 是一个插件，可以帮我们管理 Vue 通用的数据 (多组件共享的数据)。例如：购物车数据 个人信息数 使用场景 某个状态 在 很多个组件 来使用 (个人信息) 多个组件 共同维护 一份数据 (购物车) 优势 共同维护一份数据，数据集中化管理 响应式变化 操作简洁 (vuex提供了一些辅助函数) 注意官方原文： 不是所有的场景都适用于vuex，只有在必要的时候才使用vuex 使用了vuex之后，会附加更多的框架中的概念进来，增加了项目的复杂度 （数据的操作更便捷，数据的流动更清晰） Vuex就像《近视眼镜》, 你自然会知道什么时候需要用它~ 需求: 多组件共享数据目标：基于脚手架创建项目，构建 vuex 多组件数据共享环境 效果是三个组件共享一份数据: 任意一个组件都可以修改数据 三个组件的数据是同步的 创建项目1vue create vuex-demo 创建三个组件, 目录如下1234|-components|--So ...

基本概念 什么是C++?C++是C语言的继承，即兼容了C语言面向过程的程序设计能力，又能做面向对象的程序设计。 源代码->编译器->目标代码->链接程序(启动代码、库代码)->可执行代码 C++的一些基本特点： （1）C++文件一般以 .cpp 结尾(c plus plus) .cc .C（2）编译（Linux环境）： 1g++ xxx.cpp -o app （3）C++头文件 C++标准的头文件是没有 .h的 1#include <iostream> C++兼容C语言的头文件： 12#include <cstdlib>#include <stdlib.h> C++兼容大部分C语言(不完全兼容) C++编译器更严格 比如 void * 类型转换成 int * ，在C语言中，无需显性的指定，默认是允许的，在C++中，编译检查的更严格，不允许 C++中main函数的返回值必须为 int 输入和输出第一个程序 hello world 1234567891011121314151617#include ...

架构知识体系 基础 技术 架构 title 4 数据结构、操作系统原理 缓存、异步 高可用 算法能力 分布式存储 高性能 设计模式 微服务 安全性 大型互联网系统的特点：高并发大流量，高可用，海量数据，需求快速变更，发布频繁，安全环境恶劣，用户分布广泛，网络情况复杂 大型互联网系统的挑战 –> 提升系统处理能力的两种手段 –> 单机系统到分布式系统–> 使用各种缓存 –> 分布式存储 –> 微服务与异步架构 分布式缓存(一) 缓存特点：技术简单，性能提升显著，应用场景多 缓存为什么能显著提升性能：缓存数据通常来自内存，相比磁盘上的数据有更快的访问速度缓存存储数据的最终结果形态，不需要中间计算，减少CPU资源的消耗缓存降低数据库、磁盘、网络的负载压力,使这些I/O设备获得更好的响应特性 缓存的关键指标：命中率缓存是否有效依赖于能多少次重用同一个缓存响应业务请求，这个度量指标被称作缓存命中率若查询一个缓存，十次查询九次能够得到正确结果，那么它的命中率是90%影响缓存命中率的3个重要因素:缓存键集合大小、内存空间和缓存寿 ...

Webpack模块打包工具01.Webpack 简介以及体验 Webpack 是一个静态模块打包工具，从入口构建依赖图，打包有关的模块，最后用于展示你的内容 静态模块：编写代码过程中的，html，css， js，图片等固定内容的文件 打包过程，注意：只有和入口有直接/间接引入关系的模块，才会被打包 Webpack 的作用：把静态模块内容，压缩，这个和，转译等（前端工程化） 把 less/sass 转成 css 代码 把 ES6+ 降级成 ES5 等 支持多种模块文件类型，多种模块标准语法 为何不学 vite？ 现在很多项目还是基于 Webpack 来进行构建的，所以还是要掌握 Webpack 的使用 体验 Webpack 打包 2 个 JS 文件内容 需求：封装 utils 包，校验手机号和验证码长度，在 src/index.js 中使用，使用 Webpack 打包 步骤： 新建项目文件夹 Webpack_study，初始化包环境，得到 package.json 文件 1npm init -y 新建 src 源代码文件夹 ...

4scoped解决样式冲突默认情况：写在组件中的样式会 全局生效 → 因此很容易造成多个组件之间的样式冲突问题。 全局样式: 默认组件中的样式会作用到全局，任何一个组件中都会受到此样式的影响 局部样式: 可以给组件加上scoped 属性,可以让样式只作用于当前组件 代码演示BaseOne.vue 12345678910111213<template> <div class="base-one"> BaseOne </div></template><script>export default {}</script><style scoped></style> BaseTwo.vue 1234567891011121314<template> <div class="base-one"> BaseTwo </div></template><script ...

Node.js入门定义: Node.js 是一个跨平台 JavaScript 运行环境，使开发者可以搭建服务器端的 JavaScript 应用程序作用: 使用Node.js编写服务器端程序,编写数据接口，提供网页资源浏览功能等等前端工程化: 为后续学习 Vue 和 React 等框架做铺垫(开发项目直到上线，过程中集成的所有工具和技术)Node.js是前端工程化的基础 (因为 Node.js 可以主动读取前端代码内容) Node.js 如何执行代码？在 VSCode 终端中输入：node xxx.js 回车即可执行（注意路径） fs模块 模块：类似插件，封装了方法和属性供我们使用 fs 模块：封装了与本机文件系统进行交互的，方法和属性 fs 模块使用语法如下： 加载 fs 模块，得到 fs 对象 1const fs = require('fs') 写入文件内容语法： 123fs.writeFile('文件路径', '写入内容', err => { // 写入后的回调函数}) 读取文件内容的 ...

01-项目介绍​ 应对现在数据可视化的趋势，越来越多企业需要在很多场景(营销数据，生产数据，用户数据)下使用，可视化图表来展示体现数据，让数据更加直观，数据特点更加突出。我们引入 ‘立可得’ 数据可视化项目。 ​ 该项目除了使用了基础的DIV+CSS布局，还引入了一些C3技术，还引入了各类图表的绘制，以及高级的地图数据可视化案例。主要功能有：饼状图、柱状图、线形图、地图 … 02-使用技术完成该项目需要具备以下知识： div + css 布局 flex 布局 css3动画 css3渐变 css3边框图片 原生js + jquery 使用 rem适配 echarts基础 03-Echarts-介绍 ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。 大白话： 是一个JS插件 性能好可流畅运行PC与移动设备 兼容 ...

1什么是Vue概念：Vue (读音 /vjuː/，类似于 view) 是一套 **构建用户界面 ** 的 渐进式 框架 Vue2官网：https://v2.cn.vuejs.org/ 什么是构建用户界面基于数据渲染出用户可以看到的界面 什么是渐进式所谓渐进式就是循序渐进，不一定非得把Vue中的所有API都学完才能开发Vue，可以学一点开发一点 Vue的两种开发方式： Vue核心包开发 场景：局部模块改造 Vue核心包&Vue插件&工程化 场景：整站开发 举个栗子 如果把一个完整的项目比喻为一个装修好的房子，那么框架就是一个毛坯房。 我们只需要在“毛坯房”的基础上，增加功能代码即可。 提到框架，不得不提一下库。 库，类似工具箱，是一堆方法的集合，比如 axios、lodash、echarts等 框架，是一套完整的解决方案，实现了大部分功能，我们只需要按照一定的规则去编码即可。 下图是 库 和 框架的对比。 框架的特点：有一套必须让开发者遵守的规则或者约束 咱们学框架就是学习的这些规则 官网 创建Vue实例核心步骤（4步）： 准备容器 ...

01.AJAX入门与axios使用定义: AJAX是异步的JavaScript和XML (Asynchronous JavaScript And XML)。简单点说，就是使用XMLHttpRequest对象与服务器通信。它可以使用 JSON，XML，HTML 和 text 文本等格式发送和接收数据。AJAX 最吸引人的就是它的”异步”特性，也就是说它可以在不重新刷新页面的情况下与服务器通信，交换数据，或更新页面。 先使用 axios [aek’sious] 库，与服务器进行数据通信基于XMLHttpRequest 封装、代码简单、月下载量在14亿次Vue、React 项目中都会用到 axios 语法: axiosjs: https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js 使用axios函数① 传入配置对象② 再用 .then 回调函数接收结果，并做后续处理 axios 使用需求: 请求目标资源地址，拿到省份列表数据，显示到页面目标资源地址: 123456789101112131415161718192021222324&l ...