m0_74331185的博客

原创 vue中怎么配置@路径

首先vite去创建项目，然后在vite.conflg.js文件中去配置。2,创建一个文件读取方法，fuction。3，在export default中配置。

原创 食品PC端的轮播图的文字和图片怎么修改

原创 移动端750怎么做响应式

user-scalable=no, 禁用用户缩放功能。这样做的目的是为了确保网页在各种设备上都能够有合适的展示效果，缩放比例的限制可以避免用户过度缩放导致页面模糊或者错位。minimum-scale=1.0" 这个是同时设置最小缩放比例为1.0，在这里不写。

原创 优美PC端创就业喜报内容更改

原创 优美移动端底部处理+底部右边的易聊

原创 食品修改处理

2.

原创 优美移动端跳转怎么添加

原创 食品的更改

食品的网站页面都在模板目录里改。

原创 食品移动端修改

原创 修改优美移动端中间的老师的轮播图

副标题在高级内容那，如果缩略图上传不上去。那就是改一下图片名字，多刷新几次试试。

原创 优美轮播图怎么改 +移动端首页点击课程图片跳转

这个你要到后台改。

原创 去掉老师。+ 修改首页的轮播+{pboot:sitetplpath}字段

原创 工作中的页面的路径以及上传的方法实例

然后呢你可以（是不是必须得还不知道，但是这么写没问题）去加一些字段方便在写代码的是后直接用↓。因为这个属于要在课程设置里面多加一个内容，所以要先看一下课程设置里面用的是什么模版。3.如果你写了一个新的页面要加的话，你要先去看模版比如↓。2.只要是m.的都在根目录的m目录下 比如↓。对于优美的网站移动端和PC端的路径↓。为什么是292呢你要来到这个地方↓。1.食品的PC端和移动端的首页代码。在目前就打开这个路径的这个模版。要在这里加一个那么你要先去看。

原创 工作中的问题解决

找到之后上传新的照片修改。

原创 PS怎么取图

想要去看隐藏图片的时候要这么看。

原创 web写750的移动端

【代码】web写750的移动端。

原创 vue3项目中使用pinia

vuex和之前vue2使用一致。

原创 vue3项目中实现动态路由

完成效果 第一步：配置静态路由第二步实现登录和安全守卫第三步：发送请求获取用户动态菜单 配置二级动态刷新导致动态路由匹配不到 直接 404第五步设置菜单数据缓存最后实现最终效果

原创 vue3生命周期

一个组件初始化到卸载整个执行过程。官方提供了一组钩子函数用作周期函数。vue2组件中声明周期钩子函数写法。

原创 form表单二次封装

Form组件二次封装考虑组件构成。

原创 vue3中使用路由

配置一级路由，使用routerView 做路由出口。需要在一级路由界面下 配置二级路由出口。vue3 使用的是setup简写组件。使用vuerouter的组合式api。vue3 组件为vue2组件写法。项目守卫检测用户是否登录。路由配置非路由重定向。

原创 table UI 二次封装

为了达到在插槽中使用table表格行数据 需要使用局部作用域插槽，将组件内部数据对外暴漏。table表格中的数据字段使用插槽不止一个，插槽修改为具名插槽。应为项目中模态框的内容不定，需要将模态框进行二次封装。组件中直接使用模态框。版权所有 © 成都蜗。

原创 vue3组合式API和vite+ts

toRefs() API将响应式对象转化为普通对象，内部的key全部转化为ref响应式对象。立即运行一个函数，同时响应式地追踪其依赖，并在依赖更改时重新执行。侦听一个或多个响应式数据源，并在数据源变化时调用所给的回调函数。接受一个对象 (不论是响应式还是普通的) 或是一个。接受一个 getter 函数，返回一个只读的响应式。在子组件中触发事件执行 自定义事件 父组件接收传值。函数的对象来创建一个可写的 ref 对象。返回一个对象的响应式代理。，返回一个原值的只读代理。使用ts版本v3项目。

原创 vite+vue3基础

组件允许我们将 UI 划分为独立的、可重用的部分，并且可以对每个部分进行单独的思考。接受一个内部值，返回一个响应式的、可更改的 ref 对象，此对象只有一个指向其内部值的属性。配置vite中的@ 路径（js版本支持node全局变量 ts版本不支持。在setup入口函数中使用v3新特性组合式API 来进行操作。vue3项目组件中测试 element plus。在App组件中显示login组件，需要引入 注册。vite项目下 引入文件需要配置@路径。v3组件带v2组件式写法。vue3项目中使用ui。

原创 ts泛型的内容

泛型作用：主要是做函数的重用。

原创 ts基础内容

使用type关键词//自定义类型age?: number;//以上定义的格式 直接定义属性为必填 写？属性为选填已项目为例：return (<></>//普通的函数组件转化为ts格式组件//使用type定义propslist?: object[];return (<></>//props默认值list: [],接口interfaceTypeScript的核心原则之一是对值所具有的结构进行类型检查。

原创 项目实战动态路由鉴权

reduxjs/toolkit+ 动态路由实现。

原创 redux-toolkit基础

它包括几个实用程序功能，这些功能可以简化最常见场景下的 Redux 开发，包括配置 store、定义 reducer，不可变的更新逻辑、甚至可以立即创建整个状态的 “切片 slice”，而无需手动编写任何 action creator 或者 action type。它还自带了一些最常用的 Redux 插件，例如用于异步逻辑 Redux Thunk，用于编写选择器 selector 的函数 Reselect ，你都可以立刻使用。是 Redux 官方强烈推荐，开箱即用的一个高效的 Redux 开发工具集。

原创 项目动态路由实战

以上这种写法存在问题 ，组件能懒加载，存在状态管理中()=>import不解析。解决方案是:转化为字符串在存储。那么需要使用组件需要转化为对象使用。分析数据得知路由菜单数据component 需要处理为动态加载组件。另一种解决方案：合并的时候进行组件懒加载，这样不需要使用转化。到这位置，菜单已经可以正常触发路由。App.jsx文件获取最新路由合并。定义一个合并路由方法。

原创 redux模块化封装2

需要使用redux的api combineReducers将多个reducer合并为一个reducers。redux本身不支持异步action操作。使用中间件来增强redux，让其支持异步的action。项目中安装插件redux-devtools-extension。redux提示使用middleware 来增强redux。拆分为多个reducer 进行使用(业务代码分离）所创建的 Redux store 没有使用。合并完成之后在store文件中引入使用。浏览器调试器中redux调试工具。

原创 react项目使用antd

技术选择使用redux状态管理来切换布局。使用UI构建登录界面。

原创 redux模块化封装

创建新的目录结构—按照模块化划分store文件需要使用reducer需要使用redux的api combineReducers将多个reducer合并为一个reducers合并完成之后在store文件中引入使用store中state状态值输出：在一个模块下管理多个状态拆分为多个reducer 进行使用(业务代码分离）实现redux跟踪浏览器插件解压之后拖到谷歌的扩展程序（开发者打开）安装浏览器调试器中redux调试工具找到插件：

原创 react中网络请求 参数带[]格式处理

搜索接口常规写法：意思是语法格式不支持。

原创 react项目中使用插件配置路由

react路由中没有安全守卫推荐使用插件完成。

原创 react项目路由组件懒加载和路由传值方式

lazy参数为()=>promise———联想es6import()错误提示使用suspended内置组件处理懒加载组件的状态。使用useRoutes配置路由，结合插槽配置用户登录检测。以上的get或者动态传值方案均是函数组件使用hook完成。到对应的路由组件中获取路由get传值进行解析。使用创建的lazy 懒加载组件的方法。使用vite构建工具提供的懒加载方案。如果项目中使用的试class组件。在路由组件中获取动态传值。项目中使用动态匹配传值。class类组件中使用。处理之后的懒加载方法。

原创 React项目路由实战

react中路由中文文档。

原创 react插槽和HOC高阶组件

高阶组件（HOC）是 React 中用于复用组件逻辑的一种高级技巧。HOC 自身不是 React API 的一部分，它是一种基于 React 的组合特性而形成的设计模式。需要知道react-router-dom中主要使用内置组件来配置路由。组件挂载高阶组件运行（高阶组件中没有反包裹组件，所以只看到HOC）使用内置组件Routes和Route组件。在HOC组件中进行props向下传递。路由配置非路由路径进404组件。使用内置组件开始配置路由结构。在HOC组件中输出包裹组件。高阶组件给普通组件使用。

原创 常用hook和函数组件props

2.useEffect 给函数组件提供类似周期。useState 函数组件提供状态。函数组件上约束props。

原创 react常用hook（二）

16.8版本函数组件提供—-主要用于context传值。接收一个 context 对象（React.createContext 的返回值）并返回该 context 的当前值。当前的 context 值由上层组件中距离当前组件最近的 ` 的value` prop 决定。案例中函数组件中使用useContext以项目框架主题切换使用useContext。

原创 react常用hook（一）

Hook是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。理解：hook是react提供的函数API。