- 博客(71)
- 收藏
- 关注
原创 antd+react Hook弹窗改进版
对于之前封装的弹窗组件进行改进,解决了热更新是报错节点被创建,多次调用创建多个容器,以及文件格式和大小未判断问题
2023-09-22 22:04:07 544
原创 Nuxt讲解
nuxt的完整讲解,包括内置组件、pages、生命周期、获取数据(对useFetch进行二次封装)、全局状态共享、element-plus使用
2023-09-09 17:31:15 552 1
原创 原生JS实现音乐播放器
虽然现在有很多现成的库去实现音乐播放器功能,但是总感觉只会使用人家的第三方库缺点啥,于是就想着自己使用原生JS写一个,也不是特别难。
2023-09-05 16:10:35 616 1
原创 从零搭建SSR及Nxut配置和踩坑记录
SEO是搜索引擎优化(Search Engine Optimization)的缩写,是一种通过优化网站的内容、结构和技术等方面,以提高网站在搜索引擎中的排名和曝光度的方法和策略。Nuxt.js是一个基于Vue.js的通用应用框架,它可以帮助开发者快速构建高性能的单页应用(SPA)和静态网站。Nuxt.js基于Vue.js的生态系统,提供了许多有用的功能和约定,使得开发过程更加简单和高效。
2023-08-25 17:15:02 1115
原创 react Hook+antd封装一个优雅的弹窗组件
在之前学vue2的时候封装过一个全局的弹窗组件,可以全局任意地方通过this调用,这次大创项目是用react技术栈,看了一下项目需求,突然发现弹窗还是比较多的,主要分为基础的弹窗以及form表单式的弹窗,如果只是无脑的去写代码,那些项目也没啥必要了。正好react和hook相结合,去实现一个全局的弹窗组件,便于之后的使用。
2023-08-12 22:40:38 1301
原创 koa初体验———swagger使用
学习完koa框架和mysql,写了一个小demo,选课管理系统,其中包含权限验证,登录注册,用户管理和选课管理。写这个项目目的一方面是为了自己练手,另一方面是为了我们在学习新技术的时候能够有接口供我们使用去测试自己的学习成果。不过更多的是为了大一的考核以及以后大一交互的考核(如果他们觉得我写的好的话),既然更多的是为了让别人用,那么就作为一个后端的身份去写接口,果然不会写接口的前端不是一个好学长。
2023-07-15 09:26:27 1377
原创 Vue响应式原理————Object.defineProperty()和proxy的用法分享
Object.defineProperty()和proxy的用法分享
2023-03-04 15:27:47 541
原创 Cannot read property ‘getDisplayMedia‘ of undefined
Cannot read property 'getDisplayMedia' of undefined
2023-02-08 09:55:23 1381
原创 网页共享电脑屏幕与播放(带声音)
获取媒体的方式不止这一个,还有其他方法方法可以看MDN文档上搜MediaDevices来看API具体了解,这个带声音的共享屏幕功能我也是百度了好久,也没有一篇博客完整的说一下方法,所以还是多看一些官方文档,去了解一些具体的用法。虽然官方文档中有共享屏幕的方法,但是它只有共享屏幕和获取摄像头的权限,并不能把声音给添加上去,只能通过另一种方式来操作,下面就看一下完整的代码。上边的代码是可以在任何浏览器端共享屏幕都有声音的,不过其中有一个方法不用添加音频轨道,浏览器会自动为我们添加,就是火狐浏览器,
2023-01-15 15:24:12 1586
原创 wangeditor自定义按钮及上传文件配置
我们这次项目是一个在线考试系统,其中有一个富文本的需求,并且有一个填空的样式,但是wangeditor富文本并没有原生的这些东西,只能自己自定义一下。以上就是自定义按钮和上传图片的一些配置。
2022-12-10 14:29:13 2167 1
原创 正则对同一个表达式多次text返回值不同
正则表达式用的也是比较少,一般也没有自己写过,但是今天用于判断手机号的时候突然发现一个问题,同样的值用两次正则判断它的输出值竟然不一样,最后百度了一下,也是找到了结果,就来简单记录一下二、问题第一次调用的时候,是从第0位开始匹配,第二次调用是接着上一次匹配的结束位置开始查找,我们可以将上边的代码改为下面的哪有,来看一下匹配的位置三、解决方法方法1每次匹配的时候把lastIndex的值修改为0方法2取消全局匹配把正则后边的g给去掉就行了
2022-12-03 10:51:33 150 1
原创 hexo搭建个人博客
这几天我看我身边的人都在搭建个人博客网站,虽然之前学长也给我说过搭建使用的技术,但是由于一直比较懒,而且也觉得搭建个人博客不难,没什么特别大的用途,一直就没有做。这几天比较闲,专业课不想复习了,就自己搭建了一下,博客主要是用hexo搭建的,使用hexo搭建比较轻松,其中也有非常多的主题可以选择,下面就来看一下具体的搭建过程吧。x代表的是创建文件夹的名字,这里用x代替,可以起其他名字(最好不要是中文,英文要是纯小写)切换npm的下载网站(有时候npm下载的比较慢,这里切换成淘宝镜像,会下载的快一点)
2022-11-26 10:42:19 472
原创 js实现瀑布流
js实现瀑布流,让用户体验更好,我们浏览网站的时候尤其是图片网站,我们会发现大大小小的图片,紧密的排列在一起,就像瀑布一样看着非常舒服,虽然css可以通过cloums来指定,像我们这次的图片项目用的就是css实现的,最后布局是用grid布局写的,最后比较懒,就没有改成js实现的瀑布流,因为其比较耗性能而且每次都会重排,用户体验不好,所以更多的还是用js去写,这里就来分享一下吧。之后再写项目的话,不能像这次项目那样用最简单的方式去实现瀑布流,要想到用户体验和一些性能的考虑。
2022-11-19 09:40:15 1106
原创 使用element-ui组件库上传文件及自定义上传文件(包含多文件上传及自定义上传携带其他参数)
使用element-ui组件库上传文件及自定义上传文件(包含多文件上传及自定义上传携带其他参数)
2022-11-12 08:02:35 6780
原创 vue封装带确定、取消按钮的弹窗和提示组件,可用promise回调
vue封装带确定和取消的全局弹窗组件,支持promise回调,任意组件之间调用方法
2022-11-05 17:06:37 3130 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人