- 博客(20)
- 收藏
- 关注
原创 你应该知道的关于Object的一些方法
最近接触了一下vue3里面的关于方法的源码,里面用到了很多对象的方法,看着里面的一些方法,所以就想着一边理解一边学习,希望理解知识点并且以后再次看的时候印象更深刻。想着按照增删改这种方式来学习,也方便记忆。下面是一些看vue3源码里面需要用到的object方法。在 JavaScript 中,几乎所有的对象都是Object类型的实例,它们都会从继承属性和方法,虽然大部分属性都会被覆盖(shadowed)或者说被重写了(overridden),Object。
2023-07-31 13:28:35 230
原创 @alifd/next react+form+table组合式写法
最近前端大佬用来写后台管理系统,给我分配了一些页面类似下面的页面其中分公司、存储地址、存储区三级联动。table中每一项都可以进行删除。添加按钮的弹框的页面类似下面这个样子。点击弹框的行,多选,全选都可以进行更新到第一张图的页面。
2023-03-31 18:44:36 1708
原创 the “@esbuild/darwin-x64“ package is present but this platform needs the “@esbuild/darwin-arm64“
重装,重新运行还是起不来,报同样的错,可能是安装包的问题,所以删除了node_modules,解决了path报错,但是当再次运行的时候就出现了。接着刚刚的配置别名:提示的是可以用。看了一下安装时候的记录,安装的是。来安装运行,那就用yarn吧。
2023-03-11 16:34:29 4678 3
原创 前端浅拷贝和深拷贝
深拷贝则会创建一个全新的对象或数组,并将原对象或数组中的所有子对象或子数组递归复制到新对象或数组中。因此,当原对象或数组发生改变时,拷贝后的对象或数组不会受到影响。如果需要处理复杂的对象,推荐使用递归复制的方式。浅拷贝只复制对象或数组的引用,不会创建一个新的对象或数组,因此原对象和拷贝后的对象会指向同一块内存空间。当原对象发生改变时,拷贝后的对象也会随之改变。该方法虽然方便,但是会有一些限制,比如不能复制函数、RegExp对象等等,同时还会忽略undefined、Symbol类型的属性,不适用于所有场景。
2023-03-08 10:09:19 200
原创 react代码的一些优化(自己代码记录)
这样写有很多重复的,另外一种写法看起来更清爽,用了 try catch 进行捕获,加上async await 来执行同步,加上Object.assign(target,source,…)来改变将source的值赋值到target中。
2023-03-08 09:19:10 274
原创 (react项目记录)数组遍历时发送请求,将每个请求的结果拿到后统一再做处理
在和后端同学对接的过程中,有一个业务逻辑,数组进行遍历发送请求,后端同学在接口里面返回true或false传的参数是否符合条件。最后将符合条件的数据发送给后端同学。因为请求发送是异步的形式,假如类似下面这种写法let _isExceedFlags = [ ] // selectedDeviceRows:table里面被选中的数据 selectedDeviceRows . map((item) => {const {因为是异步发送的,所以拿不到数据。_isExceedFlags是空的。
2023-02-09 16:44:55 580
原创 react+antd(upload)上传视频使用md5判断视频是否上传完整
年前后台管理系统写了一个关于视频上传的需求,使用的是阿里的oss上传,限制大小也限制了500M。但昨天后端同学找了过来说能不能传给md5给他来判断是否上传完整,因为app端要用到这个视频,如果后台上传大文件的时候,没有上传完整,那么可能会出现问题。于是我就百度了一下md5,MD5全称Message Digest Algorithm 5,即消息摘要算法第5版。有点不想写,但是考虑到在写的时候能沉浸在知识的海洋,也能更加理解。还有就是以后自己还能看。好记性不如烂笔头。各位同学也多做笔记,一起学习哦。
2023-02-08 16:24:03 975
原创 three+blender+react,实现一些简单功能|大帅老猿threejs特训
📃前几天参加了原宇宙项目的学习,奈何是blender新手,工作时间不能学习,只能忙里偷闲,先先做一个记录,项目用到的和没用到的文件都在src目录下的resources文件夹里面。想着做不同的,那么就用框架不一样吧,利用vite搭建的react项目,下载threeJs安装包书写。不管做什么还是要坚持,坚持才会迎来胜利。如果你有兴趣的话,也可以加入猿创营 (v:dashuailaoyuan),一起交流学习。
2023-01-06 23:06:52 544
原创 github在线查看代码&运行的方法
在地址栏的github.com前面加上gitpod.io/#例如原来地址为将地址栏的github.com改为github.dev然后跳转后会让选择登陆哪个账户,可以是github的也可以选择vscode的最后弹出页面。
2022-10-14 15:23:30 8184 4
原创 antd upload上传格式.doc、.docx、.pdf、.png、.jpg、.rar和大小100兆限制
是upload上传文件之前的钩子,参数为上传的文件,若返回 false 则停止上传。我们在beforeUpload函数的file参数中可以获取上传文件的文件信息,这个时候我们就可以根据file里面的参数来进行判断。为了支持上传docx文件,所以,只能用下面的方法来实现,因为对upload进行了封装,所以进行了一个转化,这样传入。之外的文件格式的仍然可以进行选择,后端没有校验仍然可以上传成功。格式的限制是完全没有问题的。,在开发的过程中,accept对于。改为所有文件时,之前限制好的除了。
2022-09-28 13:46:20 8539 2
原创 react友情提示--js基础学习
不积跬步,无以至千里。js基础不说掌握,其实有的东西都没去看。眼高手低也不行。所以做个笔记,方便自己以后随时能记忆。
2022-07-27 13:31:36 91
原创 antd踩坑记录之upload上传
onChange事件仅会作用于在列表中的文件,因而fileList不存在对应文件时后续事件会被忽略。查阅了一下antd官网。
2022-07-26 11:02:07 4960 1
原创 用vite命令搭个react移动端项目,实现canvas碰撞效果(按需导入antd-mobile,pxtorem适配)
最近看见大家都在卷react源码,突然就心慌了。但是自己的操作水平还有待提高,现在看源码也需要循序渐进的,打算还是从写代码慢慢理解功能再去看源码。所以就尝试使用这个构建工具进行尝试构建一个react项目。因为是第一次使用,也是看着文档来操作的。下面展示一下效果。...
2022-07-18 15:07:32 1127
原创 react 脚手架项目快速实现 viewport移动端适配
因为工作原因,一直在写后台管理系统,关于h5页面的一些适配了解的不多。这段时间刚好有空,就花时间去了解了一下h5的最近的适配方案。因为之前使用进行适配的,但是也有很久没有做过了,所以现在也学学其他的。...
2022-07-15 13:43:10 1222 1
原创 5分钟快速 搭建免费好用的图床(Picx +github)
事情是这样的,之前也有遇到一个问题,自己写博客的时候想把图片上传到某个地方,生成链接后,然后自己用链接将图片传进去就行。最后搜了好久发现也没有合适的地方去传,本就时间不充裕的我也想不出其他办法。不过最近站在巨人的肩膀上,我发现了一个好的方法,结合github和Picx,搭建免费的图床,上传图片很轻松。下面就是简单的介绍搭建步骤。...
2022-07-15 12:17:11 1917
原创 react eject后报错Using `babel-preset-react-app` requires that you specify `NODE_ENV` or `BABEL_ENV` env
最近在搭建react移动端项目,想配置一个移动端的适配,就在操作,就出现了下面问题,然后找了好几个地方没有找到想要的答案,最后在github中 的issus中发现了一个结局方案,页面瞬间清爽在package.json中找到,在它下面写上环境变量的配置,即可解决如果有其他方案也可以尝试一下假如想将代码退回到没有暴露之前,我想的结局方案是,通过git版本管理工具进行回滚番外对于技术而言,可能只有不断的练习才能让自己离成功更近一步,加油!!!............
2022-07-13 15:16:01 573 1
原创 如何在react中使用pixi快速的做一个的炫酷的刹车特效!(全注释,附源码)
因为之前跟着视频学了一下pixi写自行车刹车的实战案例,只不过是原本的是html原生开发。后面自己也想换个环境进行一下尝试。所以就有了在react项目中进行的重写。进入github然后在此文件中创建一个id名为pixiCavas的div盒子。在页面初始化的时候将画布给append进去。以后的步骤都是在app.js这个文件中进行操作。2.为了让布局看起来更清爽,添加两个全局变量particles(颜色),speed(速度),之后的代码都是同一级的3.初始化根pixi应用4.创建加载器实例,一个app.
2022-07-11 20:59:19 822
原创 node.getIterator is not a function
场景:vue搭建移动端页面,main.js引入全局css报错。原因:用了postcss-px2rem与postcss-px2rem-exclude导致的问题,解决方案:卸载后postcss-px2rem, 安装使用postcss-pxtorem。在postcss.config.js设置如下代码,可以自行更改设置,解决问题。const autoprefixer = require('autoprefixer');const px2rem = require('postcss-pxto...
2021-11-09 01:04:53 6671 6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人