小短腿奔跑吧

摘要： /** * 1. 测试是什么? * 保证程序在运行过程中是正确的。 * 核心：输入 —— 预期输出 —— 验证结果 * * 2. 种类 * a、手动测试（问题：若程序复杂, 人为测试会遗漏部分逻辑，从而导致发布线上出现错误） * b、自动化测试 * * 3. 前端自动化测试是什么? * 答：测试金字 阅读全文

摘要： 一、背景 由于公司内部需求不断加大，一个项目无法满足，多个项目直接需满足互相通信，则需要解决跨域传递消息的问题 二、两个项目之间如何通信，如何解决解决跨域传递消息 1. A.html ( https://www.a.com ) <div @click="goDetail('参数id')">传递信息< 阅读全文

摘要： 背景 由于前端每次发布版本，需要手动打包，将dist包再登录服务器后，放入指定位置，这时需要考虑的问题就是，手动操作会出现打错包，包放错的问题，所以希望可以实现自动安装依赖，代码检查，打包，部署四个步骤一体化的过程 一、Linux 安装nginx 在Linux上安装NGINX的步骤如下： 打开终端（ 阅读全文

摘要： 一、背景 公司内部团队大部分由多人组成，当遇到多个前端开发同一个项目时，代码规范及代码质量，是需要考虑的一个重中之重 二、Eslint + prettier 是什么 ESLint 的主要功能包含代码格式和代码质量的校验，而 Prettier 只是代码格式的校验，不会对代码质量进行校验。 代码格式问题 阅读全文

摘要： 一、背景： 为了使系统更加稳定，在用户使用期间，若发现异常，可及时应对，采取了“报警机制”。 通常“报警机制”分为2种，一种是后端对api监控及自定义监控，出现异常，通过钉钉或邮件的形式通知，第二种是前端对js语法，vue语法，自定义报错进行监控，以此来规范代码质量，保证系统预警 二、流程步骤 1. 阅读全文

摘要： 1. 第一步操作，记住密码 git config --global credential.helper store 2. 拉代码 git pull 3. 重新输入账号密码（会有一个小弹框提示输入） 4. 或者重新输入账号密码 git config --global user.name "**用户名* 阅读全文

摘要： 如何下载低版本 IE 浏览器 重点：重启浏览器 项目中 在 index.html 中新增 script 代码 <script> ;(function (w) { var ua = navigator.userAgent.toLocaleLowerCase() var browserType = '' 阅读全文

摘要： 1. 允许使用任何值类型 2. 一个包含对象类型值的 ref 可以响应式地替换整个对象： const objectRef = ref({ count: 0 }) // 这是响应式的替换 objectRef.value = { count: 1 } 3. ref 被传递给函数或是从一般对象上被解构时， 阅读全文

摘要： 错误示范： const arr = reactive([]); const load = () => { const res = [2, 3, 4, 5]; //假设请求接口返回的数据 // 方法1 失败，直接赋值丢失了响应性 // arr = res; // 方法2 这样也是失败 // arr.c 阅读全文

摘要： Vue3 中组合式API 与 React Hooks 的区别是？ 1. 调用顺序 Vue3：组合式API不限制调用顺序，可以有条件地进行调用 React-hooks：有调用顺序的限制，不可以写在条件分支中 查看源码分析：例如：useState定义的变量会放在一个数组中，在条件分支中需要根据条件定义变 阅读全文