小短腿奔跑吧

摘要： 一、背景 公司内部团队大部分由多人组成，当遇到多个前端开发同一个项目时，代码规范及代码质量，是需要考虑的一个重中之重 二、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定义的变量会放在一个数组中，在条件分支中需要根据条件定义变 阅读全文

摘要： html部分 <ul class="ul-container"> <li v-for="item in list" :key="item.id"> <image :src="item.url"/> </li> </ul> Css部分 .ul-container{ margin: 10px; colu 阅读全文

摘要： 一、event.stopPropagation 和 event.preventDefault 的区别 1、event.stopPropagation（停止传播） 用于阻止捕获和冒泡事件的进一步传播。但是不能阻止同一Dom节点上的其它事件被调用。 2、event.preventDefault（阻止默认 阅读全文

摘要： 一、虚拟 Dom 如何 挂载到 真实 Dom 上？ 二、React 事件机制 阅读全文