写在前面：项目是学习B站up主 手把手撸码前端 租车项目业务 在公司要开发一个新模块，新项目时。首先要进行头脑风暴。对该业务的所有功能进行发散思考。 百度脑图，租车项目业务头脑风暴。 需求文档 产品经理的头脑风暴 后台管理：统计、财务、订单系统、车辆管理、会员管理等 在线客服 业务层面：让会员租车、停车场、收费方式 会员功能：会员信息、注册、登录、找回密码、会员需要进行资料上传审核、售后、违规处罚 优惠券：新会员注册(赠送500；券时限)、节假日活动、限时活动 汽车管理： 品牌、燃料类型 租车订单：订单列表 停车场管理： 全国的地理区域：停车场、露天等 第三方合作： 4S店、汽车维修厂‘ 推...

相同点 都是循环遍历数组中的每一项 参数是一个匿名函数，匿名函数(箭头函数)的参数有三个。item，index，arr(原数组)。 匿名函数中的this都是指向window 只能遍历数组 不同点 map()会分配内存空间存储新数组并返回，forEach不会返回数组。forEach没有返回值。也可以理解成：forEach() 的返回值是 undefined。 let tempArry = myArr.forEach() 这种方式接收是没有意义的。 let newarr = arr.map((item,index,arr)=>{ return ...}) 这种是可...

vue3 组件实例的作用域是孤立的。这意味着不能（也不应该）在子组件的模板内直接应用父组件的数据。父组件的数据需要通过prop才能下发的子组件中。 也就是说props是子组件访问父组件数据的唯一接口（父传子，子组件访问父组件值）。 首先父组件里需要import 子组件，并且在components中注册这个子组件。这样在父组件模板中就能使用，<HelloWorld> </HelloWorld> 父传子 红色 父组件，模板中，使用属性绑定方式 :txt = "txt";然后在下面定义变量txt的值，最后return出去。在子组件中，在props属性中有自定义属...

官方文档 watch的用法 watch大多数来监听一个值，来进行操作 Vue通过watch 来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时，这个方法时最有用的。（异步操作开销巨大的操作，比如远程服务器获取搜索列表） computed的用法（更常用） 什么是计算属性 计算属性的重点突出在属性两个字上。它是一个能将计算结果缓存起来的属性 computed反过来通过多个值改变这个值 Vue提供了一种更通用的方式来观察和响应Vue实例上的数据变动：侦听属性。 当你有一些数据需要随着其他数据变动而变动时。 computed的用法比较广，能实现先考虑computed co...

Options API 选择式API vue2中 逻辑被拆分成 components 子组件 props 父传子的标签 data 组件变量 computed 属性计算 watch 响应数据的变化 methods 方法 生命周期函数 beforcreate created等 有一定的框架，约定了书写的方式，显得很整洁。（vue3 有新的一套书写框架） vue2逻辑复用方式 Mixin（命名空间冲突、逻辑不清晰、不易复用） scoped slot 作用域插槽（配置项多，代码分裂、性能差，少用） vue3中的变化 组合式API+函数式编程 组件间逻辑共享 vue3现在是b...

什么是虚拟dom 虚拟dom本质上就是一个普通的JS对象，用户描述视图的界面结构 在vue中，每个组件都有一个render函数，每个render函数都会返回一个虚拟dom树，这也就意味着每个组件都对应一棵虚拟DOM树 为什么要虚拟dom？ 在vue中，渲染视图会调用render函数，这种渲染会在组建创建和视图依赖的数据更新(重绘)。 如果在渲染时，直接使用真实DOM，由于真实DOM的创建、更新、插入等操作会带来大量的性能消耗，从而就会极大降低渲染效率。（vue3的compile会把静态虚拟DOM和动态虚拟DOM） vue在渲染时，使用虚拟dom来替代真实dom，主要解决渲染效率的问题。 虚拟d...

Vue/cli vs Vite Vue cli 的功能 工程脚手架 开发服务器 插件系统 用户UI界面 vue ui Vue cli 构建是基于 webpack 。主要耗时都在webpack的性能上； webpack是打包工具，babel是编译工具，loader是打包方案 Vite 脚手架 利用浏览器的 原生ES模块 基于 Rollup 进行构建；不需要babel 处于测试阶段，不是一体化的工具。是一个快速地开发服务器和简单的 构建工具 webpack, loader, babel以及webpack与babel-loader的关系 我们新建一个项目，会先预置webpack，然后配置babe...

npm run dev 过程发生了什么？ npm run *** 是执行配置在package.json中的脚本，比如： "scripts": {    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",     "start": "npm run dev", "lint": "eslint --ext .js,.vue src",   "build": "node build/build.js" }, npm run dev 执行的就是webpack-dev-ser...

git是分布式版本管理仓库；有本地的（不需要联网也可以git add . git commit）、也可以上传到github。 Git优点 分布式存储 , 本地仓库包含了远程仓库的所有内容. 安全性高 , 远程仓库文件丢失了也不怕 优秀的分支模型 , 创建/合并分支非常的方便 方便快速 , 由于代码本地都有存储 , 所以从远程拉取和分支合并时都非常快捷 使用步骤 安装： 进入git官网，下载安装程序。 全局配置账号 密码：在命令行输入代码 $ git config --list "查看所有东西" $ git config --global user.name "Your Na...

img 相关 <img v-lazy="item.image" title="图片" alt="用户头像"/> title 通常当鼠标滑动到元素上的时候显示；大多数选择器都可以加title属性 alt是的特有属性，是图片内容的等价描述，用于图片无法加载时显示、读屏器阅读图片。可提图片高可访问性，除了纯装饰图片外都必须设置有意义的值，搜索引擎会重点分析。 v-lazy 是当页面需要加载大量图片时（需要向下滚动页面获取图片），使用懒加载可以实现只优先加载页面可视区域的图片，从而使得页面加载更为流畅。 使用步骤 安装 cnpm i vue-lazyload -S main....

创建数组 1 使用数组字面量表示法 var arr1 = []; // 创建一个空数组 var arr2 = [20]; // 创建一个包含1项，数据为20的数组 var arr3 = ['joey','monica','chandler']; // 创建一个包含3个字符串的数组 2 使用 Array构造函数 无参构造 var arr4 = new Array(); // 创建一个空数组 带参构造（常用） // 如果只传一个参数，表示创建一个初始长度为指定数值的空数组 var arr5 = new Aarry(20); // 创建一个包含20项的数组 // 这样传，跟arr3 一样 va...

记不住 太多了😂

根据牛客网中 前端面经，学习了自己总结吸收 归纳如下： http 与 https ssl关系 http 80端口，超文本传输协议（面向连接的TCP TCP连接时需要三次握手，断开时需要四次挥手)，未加密的,明文传输https 443端口，是可进行加密传输和身份验证的网络协议，他的加密就是用的ssl，ssl/ca证书是需要钱买的。是可以认证用户和服务器，确保数据发送到正确的客户机和服务器。是现行架构下最安全的解决方式，虽然不是绝对安全，但他增大了中间人的攻击成本。但握手的时间会长，会增加数据的开销。 TCP三次握手因为http是无状态的，所以我们客户端和服务端双方需要进行SYN 和 ACK的传输...