- 博客(17)
- 收藏
- 关注
RSS订阅原创 ahooks介绍、ahooks详细使用、react项目使用useRequest处理网络请求场景
useRequest 是一个强大的异步数据管理的 Hooks，React 项目中的网络请求场景使用 useRequest 就够了。useRequest 通过插件式组织代码，核心代码极其简单，并且可以很方便的扩展出更高级的功能。目前已有能力包括：1、自动请求/手动请求2、轮询3、防抖4、节流5、屏幕聚焦重新请求6、错误重试9、缓存。
2023-08-26 19:23:20
1415
原创 VSCode翻译插件、react项目国际化开发方法、umi项目做国际化开发
du-i18n插件为本地开发工作提供敏捷的开发模式，提供一键扫描中文、提取文案、文案回显、在线翻译、文案上传、拉取线上文案、翻译漏检、切换语言以及分析统计等功能。i18n技术栈，兼容vue2，vue3，react，js/ts，同时满足不同阶段多语言发展的开发模式，无论是本地保存文案模式，还是线上保存文案模式皆可适用。1、功能支持文案回显支持一键扫描中文支持中文提取到指定文件支持本地或远程在线翻译支持文案上传到远程服务支持拉取线上文案，定位文案的代码位置支持翻译漏检功能。
2023-08-11 17:40:20
1072
1
原创 react项目国际化需求开发、umi框架开发国际化需求、使用插件做国际化版本
react项目要求前端开发的内容做成中英文切换的功能，项目框架是用的umi@umijs/plugin-locale：国际化插件，用于解决 i18n 问题umi官网介绍：https://v3.umijs.org/zh-CN/plugins/plugin-locale步骤：1、在src目录下新建文件夹locales，新建文件en-US.ts、zh-CN.ts，分别对应值的英文和中文翻译2、zh-CN.ts文件中2、en-US.ts文件中3、在要翻译的文件中引入并使用到这里，选择下拉框，就能对应修改
2023-08-04 17:43:58
526
1
原创 react项目中iframe中img标签的获取、赋值；使用iframe来渲染接口返回的base64格式的svg图片
iframe>srcDoc中放入解析好的html的内容，定义一个ref为communicatRef，方便获取该iframe中的内容onLoad方法中写具体的实现方法。
2023-07-22 19:38:38
858
原创 react项目中 iframe来渲染接口返回的base64格式的html、base64解码、解码后中文乱码问题
react项目中 iframe来渲染接口返回的base64格式的html、base64解码、解码后中文乱码问题
2023-07-22 19:16:56
1324
原创 React.memo使用方法、注意事项
React.Memo 是 React 16.6 新的一个 API, 用来缓存组件的渲染，避免不必要的更新，也是一个高阶组件，与类组件的 PureComponent十分类似，不同点在于，React.Memo 只能用于函数组件。子组件比较prev与next参数是否一致，可自定义比较方法// return : true--相同参数不更新，false--参数变化更新 return prev . delectData === next . delectData;});
2023-07-07 17:45:25
1668
1
原创 安装angular/cli脚手架后，用ng serve运行项目报错、error:0308010C:digital envelope routines::unsupported
使用npm安装angular/cli脚手架后，用ng serve运行项目报错：出现这个错误是因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成一些影响.
2023-06-29 18:01:33
818
2
原创 yarn : 无法加载文件 、vscode中运行yarn报错、yarn : 无法加载文件 C:\Program Files\nodejs\yarn.ps1，因为在此系统上禁止运行脚本
yarn : 无法加载文件 C:\Program Files\nodejs\yarn.ps1，因为在此系统上禁止运行脚本
2023-06-21 17:42:00
7223
3
原创 nvm的安装及使用方法详细介绍、nvm进行node包版本、安装nvm报错解决方法
nvm是一个node的版本管理工具，可以简单操作node版本的切换、安装、查看等等，与npm不同的是，npm是依赖包的管理工具。
2023-06-12 02:21:08
4933
原创 【无标题】vue项目中使用elementui的el-table表格进行数据的行、列的合并，多层嵌套的数组进行相同内容的列的合并功能、el-table中span-method使用
功能需求需要对表格进行列的合并，这里要实现的是一个list中包含多个list，要循环出多个list进行表格的渲染，处理列的合并，渲染在页面上如上图所示：当编号、名称、负责人相同时，对这些列进行合并处理，接口返回的数据格式为：数组周干包含多个对象，每个对象中又包含一个数组，需要把对象中的数组渲染出来，并进行相同信息的列的合并vue2、elementui中el–table的span-method方法span-method方法介绍：说明：合并行或列的计算方法，类型：Function({ row, column
2023-05-11 11:11:55
2310
原创 【无标题】vue导入excel读取内容，处理后传给接口、单sheet导入、多sheets导入、前端做excel上传导入功能
通常上传文件、导入是由后端处理，但后端如果调用了第三方平台或者其他原因无法获取到我们传入的File，就需要前端将导入的excel文件进行读取，解析传给后端一个数组，通过后端解析数据后返回的数组再渲染到前端页面。vue2、element-ui、xlsx插件
2023-04-26 10:52:00
1334
原创 TypeScript入门必备知识
一、typescript安装1.先安装npm、node，再安装typescript，安装命令：npm install -g typescript，安装完成后用tsc -v查看版本号2.运行typescript（1）方法一：手动编译ts文件①编写TS代码 --> 新建.ts文件，在文件中编写代码②编译TS --> 在命令行中输入tsc ./当前文件，如：tsc ./01firs...
2020-04-07 17:15:52
383
原创 用vant框架做H5时踩过的坑（下拉刷新、上拉加载等）
用vant框架做H5时踩过的坑1. 页面在手机端不能上下滑动，在PC端浏览器正常滑动说明：在设置了overflow:auto;属性的前提下，H5页面在PC端浏览器里展示可以上下滑动，在ios上可正常滑动，在安卓手机 上不能上下滑动；这现象并不是ios和安卓兼容性问题！原因：设置了touch-action: none;这属性为局部或者全局属性，将这条属性注释即可正常滑动。2.使用PullRe...
2020-01-07 10:48:32
15597
27
原创 CSS之元素的显示与隐藏、CSS用户界面样式、溢出文字处理
元素显示隐藏的目的：主要目的是让一个元素在页面中消失，但是不是在文档源码中删除。最常见的是网站广告，当我们点击类似关闭不见了，但是我们重新刷新页面，依然会出现。display显示display设置或检索对象是否及如何显示。display：none 隐藏对象，与它相反的是display：block，除了转换为块级元素之外，同时还有显示元素的意思。特点：隐藏之后不再保留位置。visibil...
2019-04-21 16:40:31
736
原创 CSS定位易错点、知识点
CSS易错点、知识点CSS之定位----position静态定位----position=static相对定位----position=relative绝对定位----position=absolute定位的盒子也可以水平或者垂直居中，算法如下:固定定位fixed叠放次序（z-index）定位模式转换CSS之定位----position静态定位----position=static静态定位是...
2019-04-20 16:36:00
367
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人