摘要：
当我们再vue3 写了一个通用hooks的里面使用watch来执行某些操作要注意！！！ 一个页面只能再根路由去创建实例，也就是调用 对呀hooks,如果子路由也需要使用 则由根路由 provide() 子路由inject，如果子路由都创建实例，会造成多次执行监听例如 我们由一个useSearch,来 阅读全文
摘要：
在实际开发项目中通常会把头部导航栏写成一个通用组件，这里来具体说一下实现思路 1：front-header组件就是我们的头部导航栏，路由我们已经配置好了，把每个导航的首页路径，配置成navList(包含name，path),这样就通过遍历navList就能写出一个首页导航组件 2：导航的选中状态实现 阅读全文
摘要：
网络请求配置是项目中必不可少的部分，接下来就讲解一下项目中网络请求配置的常用步骤1：选择网络请求库，一般vue采用axios,react采用umi框架的request，接下来就是在项目引入啦 $ npm install axios 2：一般在项目中我们都会对网络请求进行一个相应的封装，采用axios 阅读全文
摘要：
完成了路由的配置，就准备进行页面开发等了 ，与此同时我们也要对所使用到的组件库进行一个引入和配置 本次项目采用element-plus组件库全局导入肯定是不可取的，推荐参照官网的按需自动引入 然后就是导入文件路径配置 在项目中我们想import文件使用.././这种方式引入非常麻烦，所以我们可以配置 阅读全文
摘要：
把整体项目框架搭建好之后，首先就是对我们的路由进行配置 模块化配置路由，不同页面的路由配置单独放在文件里 config文件用来放路由守卫配置 这里来说一下路由守卫的作用， https://router.vuejs.org/zh/guide/advanced/navigation-guards.htm 阅读全文
摘要：
从零开始一个项目，第一步就是搭建项目框架，接下来会总结一下搭建框架的基本思路 第一步确认好项目所使用的框架技术 vue2、vue3或者react,打开对应框架技术的官网，根据教程跑一个最基本的项目，当然在创建项目过程时依需勾选相应需求 第二步，完成第一步项目的基本雏形就有了，在真正开发过程中都是使用 阅读全文
摘要：
在vue中想要实现动态展示表格项，可以写一个可扩展的组件 1：主要思路组件需要接受哪些数据：headerData 表头数据（添加showHeader字段 来控制列是否显示） data 表格数据扩展性：可以通过添加共性：若组件多次使用考虑是否有一些共同数据或者方法可以放在一个地方去写 需要考虑的问题 阅读全文
摘要：
实现如下效果：当鼠标经过 会出现蒙层 并且有对应需求 思路：蒙层采用定位 鼠标经过给蒙层元素display设置为'block' 鼠标移开display设置为'none' ,具体看代码这是渲染的图片和蒙层 <div class="main-img" @mouseenter="handleImgMous 阅读全文
摘要：
今天依旧是改bug的一天，总结一下需要注意的地方1：关系到流程的 比如这个操作 会影响到数据或者状态的改变 通俗来讲 就是 动一发而牵全身 所以在关系到这类操作时 我们要考虑 在当前页面 操作完成后哪些地方状态会改变 来进行刷新 （！！一定要先思考清楚）2：当遇到特殊情况 我们应该尽可能缩小会被影响 阅读全文
摘要：
今天输出不多，主要说几个印象深刻的1：前端免登录的逻辑 一般都是后端给出地址 会带上项目所需要的参数 我们前端只需要通过地址栏拿到所需要的例如token 就可以实现免登录了 像单点登录这些都是通过地址栏去传递参数 然后前端去就行处理实现需求2：react的hooks useRef 对useRef一直 阅读全文
