2024年6月25日

摘要: 50行代码 实现Redux 核心功能 Redux 帮助你管理“全局”状态 - 那些应用程序的许多部分都需要的状态 redux的核心就是对数据状态进行管理,创建一个数据仓库 官方文档:https://www.reduxjs.cn/ Redux顺序分四大步: 初始化 订阅 发布 执行匹配和更新 <!DO 阅读全文
posted @ 2024-06-25 17:56 马丁的车夫 阅读(46) 评论(0) 推荐(0) 编辑

2024年2月7日

摘要: 背景:自动化部署系统主要可以集成到公司内部的管理系统中去,比如公司有多个项目,移动端H5,大屏网站,门户网站等...每次发布或者迭代都需要前端同事打包然后在交给运维或者后端同事放到服务器上进行部署 ,如果有一个项目多个同事合作完成 还要走git合并流程,所以我们的目标就是不让前端进行打包,开发完成代 阅读全文
posted @ 2024-02-07 10:46 马丁的车夫 阅读(322) 评论(0) 推荐(0) 编辑

2023年9月19日

摘要: import React, { useEffect, useState } from 'react'; hook 是react 16.8的新增特性 ,他可以让你不在编写class的情况下shiystate以及react的特性 Hooks的出现,首先解决了以下问题: 告别了令人疑惑的生命周期 告别类组 阅读全文
posted @ 2023-09-19 17:07 马丁的车夫 阅读(172) 评论(0) 推荐(0) 编辑

2023年9月18日

摘要: 今天在维护优化公司中台项目时,发现路由的文件配置非常多非常乱,只要只中大型项目,都会进入很多的路由页面,规范一点的公司还会吧路由进行模块化导入,但是依然存在很多文件夹的和手动导入的问题。 于是我想到了我之前使用vuex时进行的模块化自动导入js文件,能不能使用到自动导入.vue文件中去,答案是可以! 阅读全文
posted @ 2023-09-18 17:21 马丁的车夫 阅读(1426) 评论(0) 推荐(3) 编辑

2023年7月20日

摘要: 需求:通过接口返回的二进制流数据,这个流数据他是一个xlsx文档,需要给到用户一个文档线上连接。 下面是具体代码,注意只针对二进制的文件数据,如果图片上传直接调用uploadFile就可以,并且兼容原生微信小程序。 export function exportExcel1(query) { uni. 阅读全文
posted @ 2023-07-20 14:35 马丁的车夫 阅读(1655) 评论(0) 推荐(0) 编辑

2023年2月16日

摘要: 需求场景 吧页面元素内容转成图片,生成一个海报 保存或者上传服务器 当前元素内容生成一个pdf文件 完成下载到客户端,并且上传到服务器 1.开发前的准备 // 元素转图片 npm install --save html2canvas // 图片转pdf文件 npm install jspdf 废话不 阅读全文
posted @ 2023-02-16 21:08 马丁的车夫 阅读(956) 评论(0) 推荐(1) 编辑

2023年1月27日

摘要: 如果你在项目中使用了 vuex模块化,并且在项目中使用actions中函数调用频率高,推荐了解一下这种方式。 比如下面两种方式调用 , 第一个是直接传参设置, 第二个是添加了异步ajax返回内容 在回调到等下我们要封装的js中的成功回调里,然后这个成功回调就会反馈给组件 1.创建文件utils/vu 阅读全文
posted @ 2023-01-27 16:05 马丁的车夫 阅读(711) 评论(0) 推荐(0) 编辑

2022年12月31日

摘要: Vue3,webpack,vite 通用 适用于中大型项目中 1.安装vuex npm i vuex 2.创建仓库与文件结构(核心) 一,创建入口 在src目录下创建store文件夹,store文件夹下创建 下面文件结构 actions.js import * as type from './mut 阅读全文
posted @ 2022-12-31 16:55 马丁的车夫 阅读(792) 评论(0) 推荐(0) 编辑

2022年11月24日

摘要: 在vue2中,提供了provide和inject配置,可以让开发者在高层组件中注入数据,然后在后代组件中使用 除了兼容vue2的配置式注入,vue3在composition api 中添加了provide和inject方法,可以在setup函数中注入 和使用数据 基本使用 provide('key' 阅读全文
posted @ 2022-11-24 08:55 马丁的车夫 阅读(1001) 评论(0) 推荐(0) 编辑

2022年11月22日

摘要: 自定义 封装单列模式! global state 由于vue3的响应式系统本身可以脱离组件而存在,因此可以充分利用这一点,轻松制造多个全局响应式数据, 并且通过和vuex一样 通过某个模块指定方法修改数据,不能直接修改数据,并且让数据成为全局响应式 并且在代码体积上绝对的轻量级!比市面上的任何第三方 阅读全文
posted @ 2022-11-22 23:14 马丁的车夫 阅读(1647) 评论(0) 推荐(0) 编辑