![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
文章平均质量分 52
我要当前端工程师
这个作者很懒,什么都没留下…
展开
-
计算任意时间内课时出现次数以及冲突情况判断
当选择完培训周期后,计算出培训周期范围内,各个星期出现的次数,再遍历上课时间列表,通过列表的每周几作为key去进行匹配,当匹配成功时,将星期出现的次数加入总课时中。时间冲突判断,通过将时间转换为数字,通过数字大小进行比较,通过双重循环判断是否存在数字相等或者数字重叠的情况。原创 2023-04-27 16:33:55 · 773 阅读 · 1 评论 -
FormItem 下多个组件问题
一般FormItem内只会有一个组件,因此,FormItem会通过name取到值传给对应组件,但当时FormItem下存在多个组件时,该如何解决呢?通过将对应需要取到值的组件再包一层FormItem,将外层FormItem的name拿给内层的FormItem,在对内层写上rules即可!原创 2023-03-09 11:46:49 · 1103 阅读 · 0 评论 -
react Form.List+自定义组件 数据回显问题
最近一直头疼于如何回显Form.List数据,经过3天的不懈努力,总结经验,最终得出结论。我们需要对一个表单数据进行修改,表单数据会自动回显,通过控制台我们可以查到form确实取到数据了,普通formitem的数据能正常回显,但是 自定义组件数据却没显示到页面上。由于自定义组件被包含于formlist中,导致结构复杂,难以分析。可以看出,formlist组件接收到2条数据,页面也能够正常渲染出2个自定义组件(下拉+时间选择)证明formlist中的fileds是能够获取到数据的,对于为什么没有将数据展原创 2023-03-09 11:33:31 · 1285 阅读 · 0 评论 -
react 自定义组件
在开发中,难免遇见antdesign中不存在的组件,所以需要我们自己自定义。原创 2023-03-09 10:59:46 · 339 阅读 · 0 评论 -
validateField方法对部分表单字段进行校验
点击获取获取短信验证码 表单校验输入的手机号以及图片验证码,点击登录校验表单内所有字段!原创 2023-02-03 14:21:53 · 1456 阅读 · 0 评论 -
m3u8文件转换mp4
今天在做项目的时候遇到下载的视频文件格式是m3u8,且播放器不能播放。产品经理提出需要下载可播放的视频格式。便研究起来如何m3u8转mp4并下载。后端所给的是一个对应的加密链接,将加密链接放入 a 标签内即可实现下载功能。但下载的是m3u8文件。我把其中可直接使用的转mp4的部分提取出来。直接调用getMp4(url);即可实现下载与转化!在码云上查到一篇关于前端处理m3u8文件格式转化的。原创 2023-02-02 16:16:36 · 2012 阅读 · 0 评论 -
js Md5 加密
【代码】js Md5 加密。转载 2023-02-17 16:35:37 · 793 阅读 · 0 评论 -
react 关于antd tree组件显示
因为一年级的key与二年级一班的key相同,同理,二年级的key与三年级一班的key相同,所以导致渲染错误,文档严格要求整棵树中的key都不能相同,因此,只要修改年级中的key即可。今天测试提了一个关于tree组件显示不完整的bug(其实是组件渲染出错的问题),由于这部分代码之前是由其他人写的,但是目前项目归我接管,自然bug也来修改一下!所以可以分析出,bug是由于具有相同的key而导致的渲染出错。看了下代码,以及对应接口访问和控制台报错,大致锁定是由于key相同导致的问题!原创 2022-12-26 17:46:22 · 742 阅读 · 0 评论 -
react复制内容到剪切板
1、下载对应包react-copy-to-clipboard。原创 2022-12-20 14:56:30 · 1044 阅读 · 0 评论 -
react中Refs的使用注意
属性附加到 React 元素。在构造组件时,通常将 Refs 分配给实例属性,以便可以在整个组件中引用它们。可以通过loginformRef.current的方法进行使用。打印出current看看!注意:一定要在定义组件之前进行创建,否则获取不到current!中的元素时,对该节点的引用可以在 ref 的。在函数组件中使用时,应该创建一个refs。对需要使用的对象进行绑定!当 ref 被传递给。原创 2022-12-19 17:07:28 · 147 阅读 · 0 评论 -
React 使用图片验证码组件(登录验证)
【代码】React 使用图片验证码组件(登录验证)转载 2022-12-19 14:09:27 · 933 阅读 · 0 评论 -
Vue父子组件传值
情景:我们需要将子组件(Test)中的 'This is the first word from child' 传给父组件(workList)子组件:父组件:子组件通过childmsg方法中this.$emit('sendmsg', this.msg),将值传给父组件,父组件通过在子组件上增加sendmsg事件去接收,通过getmsg方法获取到值,并展示到页面上。原创 2022-12-13 17:50:51 · 465 阅读 · 0 评论 -
Vue项目搭建+数据接口模拟+图标库使用+axios
Vue项目搭建,实时更新!原创 2022-12-09 18:17:55 · 136 阅读 · 0 评论 -
使用Edge调试 安卓app应用或插件
2.1 打开 URL:edge://inspect/#devices。2.2 等待手机和 edge 响应,然后出现页面后,点击。浏览器,或者是安卓很多浏览器 webview 都是使用的。的内核,和 edge 是同一个内核,所以可以互相调试。1.1 找到开发者模式,打开 USB 调试。1.2 找条数据线连上电脑。PC 打开 edge。原创 2022-11-09 16:31:10 · 5199 阅读 · 4 评论 -
React 屏幕截图生成器 html2canvas
通过 html2canvas 可以实现截取屏幕中显示内容,并生成图片下载下来。原创 2022-08-30 09:53:49 · 1314 阅读 · 0 评论 -
CSS3 弹性盒子(Flex Box)
弹性盒子是 CSS3 的一种新的布局模式。CSS3 弹性盒( Flexible Box 或 flexbox),是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。弹性容器内包含了一个或多个弹原创 2022-06-16 15:41:58 · 812 阅读 · 0 评论 -
ant design同时获取下拉框值与文本(选择框)
通过添加 :label-in-value="true" 属性后,将文本加入value中!通过change事件进行绑定原创 2022-06-08 16:03:53 · 1023 阅读 · 0 评论 -
关于react公共组件页面复用 数据类型不同 获取问题
问题描述:切换几个菜单中的页面相同,但就数据类型不同,组件写在公共目录下,如何实现切换目录数据重新调取接口获取。在server.js文件中,由于访问相同接口,不同的是传入对应的state值不同,我所做的判断是进行路径判断并传入对应的state值。但问题很明显,要想进判断首先得调用接口,由于是公共组件,所以只会在页面渲染的时候调用一次,切换其他页面时没有调用。问题所在:问题出在routes.ts文件中,即路由文件中!对于公共组件,我错误的将组件写在父目录下,导致只会..原创 2022-05-25 10:11:54 · 289 阅读 · 0 评论 -
fetch API获取返回值的方式
使用fetch API来做后端请求,相比较传统的Ajax方式,在写出的代码上更加容易理解,也更便于别人看懂。但是在使用的过程中,经常有同学不能顺利从传统的Ajax请求(如果使用jquery的话,就是$.ajax,$.post,$.get)转移到新的fetch方式,很多时候就是卡在了获取响应数据的环节上。用fetch来获取数据,如果响应正常返回,我们首先看到的是一个response对象,其中包括返回的一堆原始字节,这些字节需要在收到后,需要我们通过调用方法将其转换为相应格式的数据,比如JSON,BLOB转载 2022-05-25 09:02:55 · 3062 阅读 · 0 评论 -
JavaScript高级教程
JavaScript高级教程基础总结深入数据类型分类you are so nb!undefined :undefinedstring :任意字符串sybmol:object:任意对象,函数(一种特别的对象,可以执行)、数组(一种特别的对象,内部数据是有序的)都是objectnull:nullboolean:true/false判断typeof :返回数据类型的字符串表达式 ,可以判断 undefined/数值/字符串/Boolean/function不原创 2022-05-20 17:21:52 · 175 阅读 · 0 评论 -
关于构建umi+dva+ant react项目 附源码
刚刚入门react,通过视频学习,做一个简单的react表格功能实现。功能满足对表格数据进行增删改,数据来源于后端接口。交互也与后端接口进行!话不多说,直接看效果!接口设置了30%的概率报错,出现错误多刷新几次。这是后端接口地址接口地址浏览器可以直接看到接口数据项目的搭建是参照于umi官网的快速上手进行搭建的,想要试试的小伙伴可以先将项目搭建起来!快速上手我们的项目主要集中在page下的users文件夹中的内容!在page下新建uses文件...原创 2022-04-29 18:12:32 · 1012 阅读 · 0 评论 -
Vue项目中的接口调用
在企业开发过程中,往往有着明确的前后端的分工,前端负责接收、使用接口,后端负责编写、处理接口。对于前端如何使用接口,今天在Vue中进行讲解。一个项目往往由这几个部分组成。其中在src文件夹中,,有这么些内容。我们常常把接口文件,新建一个文件夹在src下,命名为api,api内的文件便是接口文件。通常把后端的接口写在api文件夹下,自己命名为xxx.js// 登录export function login(data) { return request({ url: '/api/c原创 2022-04-24 08:56:54 · 21031 阅读 · 10 评论 -
Vue 面试必问题
Vue简单说说你对Vue的理解?Vue是一套构建用户界面的渐进式自底向上增量开发的MVVM框架,其核心是关注视图层,为了解决数据绑定问题以及为了开发大型单页面应用和组件化,所以vue的核心思想是数据驱动和组件化。model—view—view-modelmodel:后端数据接口、apiview:用户视图 html/cssview-model:数据处理、数据逻辑view与view-model相互双向绑定 model与view-model相互双向绑定因此view数据的变化会同步到model中,而原创 2022-04-15 15:28:06 · 587 阅读 · 0 评论 -
前端复习HTML+CSS+JavaScript(必问面试题)
前端复习HTML常见的几种图片格式以及他们之间的区别是什么?JPG:支持有损压缩、不支持透明、不支持动画、色彩还原度较好PNG:不支持压缩、支持透明、半透明、不透明、不支持动画GIF:支持有损压缩、不支持全透明、支持半透明、支持动画、图片大小很小BMP:支持有损压缩、不支持透明、不支持动画、windows操作系统特有的图片webp:支持无损压缩、支持透明、动画支持不完美、图片大小很小简单叙述css盒子模型?一个盒子从外到内可以分为四个部分,外边距(margin)、边框(border)、内边原创 2022-04-14 14:43:19 · 3865 阅读 · 2 评论 -
简单说说promise是什么?
Promise用于处理一些需要花费长时间的任务,进行异步处理,防止任务阻塞。一般是说解决了回调地狱的问题。那什么是回调地狱?用吃来做比喻:我想吃火锅function getTea(fn) { setTimeout(() => { fn('火锅') }, 1000)}getTea(function (data) { console.log(data);})1s后输出:火锅。(回调函数获取异步数据,所以这里用的是fn,而不是直接retur...转载 2022-04-12 15:22:27 · 2682 阅读 · 1 评论