总结
文章平均质量分 57
总结
BUG不加糖
努力学习,不断进步,做一个合格的前端切图仔
展开
-
react Hook+antd封装一个优雅的弹窗组件
在之前学vue2的时候封装过一个全局的弹窗组件,可以全局任意地方通过this调用,这次大创项目是用react技术栈,看了一下项目需求,突然发现弹窗还是比较多的,主要分为基础的弹窗以及form表单式的弹窗,如果只是无脑的去写代码,那些项目也没啥必要了。正好react和hook相结合,去实现一个全局的弹窗组件,便于之后的使用。原创 2023-08-12 22:40:38 · 1598 阅读 · 0 评论 -
uniapp初体验———uView组件库的使用与钉钉小程序的运行
uniapp初学者踩坑分享原创 2023-04-01 10:24:32 · 1866 阅读 · 3 评论 -
React的生命周期总结
React生命周期总结原创 2023-03-25 15:33:32 · 597 阅读 · 2 评论 -
Webpack打包———处理样式资源
Webpack打包———处理样式资源原创 2023-03-11 14:32:38 · 731 阅读 · 0 评论 -
Vue响应式原理————Object.defineProperty()和proxy的用法分享
Object.defineProperty()和proxy的用法分享原创 2023-03-04 15:27:47 · 614 阅读 · 0 评论 -
VUE3源码分析————rollup打包
rollup打包的完整过程,及所遇到问题的解决方案原创 2023-02-24 15:48:31 · 1450 阅读 · 2 评论 -
VUE3源码分析————rollup打包遇见问题
rullup打包遇见的问题原创 2023-02-19 08:03:51 · 1513 阅读 · 1 评论 -
闭包的应用———原生js实现方法的重载
闭包的应用———原生js实现方法的重载原创 2023-02-12 16:33:57 · 266 阅读 · 1 评论 -
Cannot read property ‘getDisplayMedia‘ of undefined
Cannot read property 'getDisplayMedia' of undefined原创 2023-02-08 09:55:23 · 1742 阅读 · 0 评论 -
腾讯云直播前端分享
腾讯云直播前端分享原创 2023-02-04 10:43:09 · 912 阅读 · 1 评论 -
网页共享电脑屏幕与播放(带声音)
获取媒体的方式不止这一个,还有其他方法方法可以看MDN文档上搜MediaDevices来看API具体了解,这个带声音的共享屏幕功能我也是百度了好久,也没有一篇博客完整的说一下方法,所以还是多看一些官方文档,去了解一些具体的用法。虽然官方文档中有共享屏幕的方法,但是它只有共享屏幕和获取摄像头的权限,并不能把声音给添加上去,只能通过另一种方式来操作,下面就看一下完整的代码。上边的代码是可以在任何浏览器端共享屏幕都有声音的,不过其中有一个方法不用添加音频轨道,浏览器会自动为我们添加,就是火狐浏览器,原创 2023-01-15 15:24:12 · 1799 阅读 · 0 评论 -
wangeditor自定义按钮及上传文件配置
我们这次项目是一个在线考试系统,其中有一个富文本的需求,并且有一个填空的样式,但是wangeditor富文本并没有原生的这些东西,只能自己自定义一下。以上就是自定义按钮和上传图片的一些配置。原创 2022-12-10 14:29:13 · 2474 阅读 · 1 评论 -
正则对同一个表达式多次text返回值不同
正则表达式用的也是比较少,一般也没有自己写过,但是今天用于判断手机号的时候突然发现一个问题,同样的值用两次正则判断它的输出值竟然不一样,最后百度了一下,也是找到了结果,就来简单记录一下二、问题第一次调用的时候,是从第0位开始匹配,第二次调用是接着上一次匹配的结束位置开始查找,我们可以将上边的代码改为下面的哪有,来看一下匹配的位置三、解决方法方法1每次匹配的时候把lastIndex的值修改为0方法2取消全局匹配把正则后边的g给去掉就行了原创 2022-12-03 10:51:33 · 181 阅读 · 1 评论 -
hexo搭建个人博客
这几天我看我身边的人都在搭建个人博客网站,虽然之前学长也给我说过搭建使用的技术,但是由于一直比较懒,而且也觉得搭建个人博客不难,没什么特别大的用途,一直就没有做。这几天比较闲,专业课不想复习了,就自己搭建了一下,博客主要是用hexo搭建的,使用hexo搭建比较轻松,其中也有非常多的主题可以选择,下面就来看一下具体的搭建过程吧。x代表的是创建文件夹的名字,这里用x代替,可以起其他名字(最好不要是中文,英文要是纯小写)切换npm的下载网站(有时候npm下载的比较慢,这里切换成淘宝镜像,会下载的快一点)原创 2022-11-26 10:42:19 · 496 阅读 · 0 评论 -
js实现瀑布流
js实现瀑布流,让用户体验更好,我们浏览网站的时候尤其是图片网站,我们会发现大大小小的图片,紧密的排列在一起,就像瀑布一样看着非常舒服,虽然css可以通过cloums来指定,像我们这次的图片项目用的就是css实现的,最后布局是用grid布局写的,最后比较懒,就没有改成js实现的瀑布流,因为其比较耗性能而且每次都会重排,用户体验不好,所以更多的还是用js去写,这里就来分享一下吧。之后再写项目的话,不能像这次项目那样用最简单的方式去实现瀑布流,要想到用户体验和一些性能的考虑。原创 2022-11-19 09:40:15 · 1172 阅读 · 0 评论 -
使用element-ui组件库上传文件及自定义上传文件(包含多文件上传及自定义上传携带其他参数)
使用element-ui组件库上传文件及自定义上传文件(包含多文件上传及自定义上传携带其他参数)原创 2022-11-12 08:02:35 · 7063 阅读 · 0 评论 -
vue封装带确定、取消按钮的弹窗和提示组件,可用promise回调
vue封装带确定和取消的全局弹窗组件,支持promise回调,任意组件之间调用方法原创 2022-11-05 17:06:37 · 3306 阅读 · 1 评论 -
前端实现弹幕代码分享
利用canvas实现弹幕的效果原创 2022-10-30 09:29:52 · 2083 阅读 · 5 评论 -
虚拟代理实现图片加载优化
虚拟代理,图片加载优化,加载好的图片实现立马替换原创 2022-10-22 19:11:56 · 197 阅读 · 1 评论 -
cropper.js的使用及上传给node处理
cropper.js的使用及上传给后端的处理原创 2022-10-15 10:32:57 · 480 阅读 · 0 评论 -
细谈this指向
细谈this指向,检验自己的this了解情况原创 2022-10-08 22:32:44 · 469 阅读 · 0 评论 -
call、apply、bind三种方法的比较
call()、apply()、bind()方法的比较,以及多次使用bind()函数其this的返回结果原创 2022-09-24 21:38:35 · 288 阅读 · 0 评论 -
宏任务和微任务
带你了解js执行机制,宏任务和微任务的执行方式原创 2022-09-17 09:38:37 · 433 阅读 · 0 评论 -
前端下载文件方法分享
前端下载文件原创 2022-09-11 08:11:02 · 1184 阅读 · 0 评论 -
前端项目注意事项总结(部分)
这周主要是完善页面,改的东西也不多,感觉也没什么值得分享的,想想我和后端一起也写了两次项目了,自己也写过一些简单的项目,就来总结一下之前遇到的一些前端要注意的事项吧。原创 2022-08-13 20:24:55 · 732 阅读 · 0 评论 -
mongod连接数据库被拒绝
百度了一下说是没有开启数据库,但是我是开了数据库的,而且在另一个文件中是可以连接上数据库的,这就不知道是因为什么了,最后发现是连接地址的问题,把localhost改成127.0.0.1就好了,虽然localhost和127.0.0.1不是一个东西,之前跨域的问题也是这样,但是在其他文件中就可以连接上,我也不知道是因为什么,只能记录一下这个问题吧。这周想着写一下实训项目,但是连接数据库的时候无论如何都连接不上,问题是单独写了一个连接文件运行时是可以连接上的,但是在那个项目里边一直显示连接被拒绝。...原创 2022-08-07 06:41:48 · 758 阅读 · 0 评论 -
周报小总结
之前确实没想到一些操作,导致出现比较多的问题,索性比较好改,但是一个页面重写比较难受,之前那个页面写的就比较难受,现在又重写了一遍,庆幸自己写了注释,但是代码写的还是比较乱,而且有些注释并不全,之后要养成好习惯,代码的规范程度要跟上。还有就是对于需求的分析,要多想应用场景,根据应用场景进行分析需求。又到了每周写博客的时候了,这周主要是改bug,感觉没什么分享的,就简单说一下这周的感受吧。这周的总结就这样吧,下周继续努力。...原创 2022-07-31 08:13:38 · 314 阅读 · 0 评论 -
pkg打包node项目
对于打包这个问题它并不是难点,但是对于我们这种初学者来说,根本就不知道应该怎么做,百度出来的结果也是一头雾水,五花八门,最终打包出来之后也并不知道自己打包的对不对。遇到这种情况,一定不要慌张,这种东西不是难,而是我们不知道而已。实在不行就去问大佬,我觉得改bug就和一句话很像,就是久病成良医,遇见的bug多了自然就知道从哪里下手了。下周继续加油咯!!!httpshttpshttpshttps。...原创 2022-07-23 16:01:30 · 5648 阅读 · 3 评论 -
JQ导出excel表格分享
这次项目需要导出一个excel表格,后端虽然给了这个接口,但是返回的是一个文件,node去包装这个接口比较麻烦一点,正好JQ有这个功能,就用JQ来干这个事了,下面来分享一下代码。这个标签我觉得挺难用的,需要注意一点的就是tbody里边事不能嵌套其他类型的标签的,只能嵌套表格标签,比如td。前端的代码页面需要写出tbody的格式才能导出,这里我就简单截个图表示一下。这个是需要依赖的包,...原创 2022-07-17 08:19:00 · 780 阅读 · 1 评论 -
多文件上传node包装接口分享
node多文件上传接口的二次包装原创 2022-07-09 21:07:27 · 271 阅读 · 2 评论 -
周报(项目小总结)
这次是我们第二次和后端的合作写项目,这次项目需要我们用node写接口对后端的接口进行包装。我们访问我们自己的接口,node接口再访问后端的接口,这样确实有点麻烦,不过我们倒不用操作数据库,不然那些导出各种表格是真的不知道怎么干。这又到了每周写博客的时候了,这周大多都在写静态页面,虽然也遇到一个跨域的问题,但是实在没法分享,就是因为我们中间用postman去跑接口之后服务器认为是两个不同的客户,这个问题困扰了我们一天,最后才看出来。确实挺让人无语的。但是还是分享一个这周我学会的新东西吧,用JQ将html页原创 2022-07-03 08:01:11 · 325 阅读 · 1 评论 -
node上传图片及发送验证码代码分享及讲解
JS因为安全的问题是没办法对文件进行操作的,但是node就不一样了,虽然两个并没有太大的关系但是node的语法都是一样的都采用的是ES语法,那么我们今天来分享一下上传图片,同时在附带一个发送验证码的操作代码。话不多说,我们开始。上边的就是我们上传图片的信息。这里是我们上传的文件,以及它的文件夹目录。代码的分享就结束了,感谢观看!...原创 2022-06-25 11:40:15 · 465 阅读 · 1 评论 -
mongodb安装及部分问题解决
大家可以通过mongodbs官网来下载我这里最新的是5.0.9版本。我们点击刚刚的下载的东西,会出现上面的样式,我们点击next这里是接受它的用户协议,我们勾选接受,之后继续next这里是更改安装目录上边的是使用默认安装路径,下面的是我们自定义安装路径,这里我们自定义安装路径选下面的我们点击browse更改安装路径,这里我安装到D盘下的mongoDB文件夹,之后点next我们继续点击next注意这里千万不要勾选,之后next点击安装。安装成功之后我们就可以使用命令行工具来检验了原创 2022-06-18 08:14:36 · 1390 阅读 · 1 评论 -
ES6中let,const,var讲解与区别简单分析(第一弹:了解知识点)
ES6中新增加了两种声明方式,let和const,解决了声明的一些问题,同时也引进了块级作用域的概念。在ES6以前是没有块级作用域的概念的,有的是函数作用域和全局作用域,块级作用域是以花括号来区分的例如:块级作用域只在这个大括号里边有效,离开之后就会把变量销毁。使用var关键字可以声明一个变量,可以为其初始化赋值也可以不赋值,初始化赋值其可以是任意类型,不赋值是其为默认值undefined,var声明的一般为全局作用域,并添加为window的属性(函数里边声明的除外其为函数作用域)。同时var关键字还有变原创 2022-06-11 09:11:23 · 260 阅读 · 1 评论 -
项目延长的周总结
这次项目延迟了,但是挺意外的,虽然写的确实不行,但是延迟的话就意味着又要肝了,索性这周上网课,能在上课的时候赶一下进度,虽然把一些东西赶出来了,但是今天让学姐看了一下,样式还得改。求求了,放过孩子吧。我的审美真的不敢恭维啊。原本我觉得我写的样式还行,但是学姐感觉不好看,难道这就是直男吗?完全不懂女生的想法,幸亏是让我改样式,不用动太多东西,如果要是大改的话,真的是压死骆驼的最后一根稻草了。 说完这个在说一下我这周的收获吧。这周我用到一个属性挺多的就是让字体自动原创 2022-05-14 22:16:18 · 171 阅读 · 2 评论 -
第一次项目总结
又到了写博客的时候了,之前都想着写技术性博客,但是无奈自己技术不行,写的博客也没吸引力,一直播放量都上不去。看着自己辛苦写的博客播放量连三位数都突破不了,属实是心寒啊。也不知道自己写的不行还是技术性博客不受欢迎。正好这周项目也结束了,就来水一下博客吧。 这次项目遇到的问题挺多的,最重要的就是沟通问题,前端之间的沟通问题,前后端的沟通问题以及后端之间的沟通问题。还有就是任务的分配,之前不知道怎么写项目,一直都是摸着原创 2022-05-08 13:26:14 · 430 阅读 · 4 评论 -
什么是ajax,一篇文章带你了解ajax(JQ的ajax封装讲解)
一:什么是ajax ajax是异步编程,可以让用户不用刷新页面就可以访问到服务器的数据,比如我们常见的今日头条,打开一个页面他页面中的数据并不是很多,但是我们在不停向下滚动的时候,我们并没有刷新页面,但是页面中的数据好像无穷一样,这就是ajax的作用。二:JQ中ajax的方法讲解 // ajax读取本地的文件 $.ajax({ //async是规定是否异步处理(默认是true) async:true, //t原创 2022-05-02 08:30:19 · 1622 阅读 · 3 评论 -
4.23(第一次小说项目的小总结)
一:前言 这次小说项目也写了有半个多月了,但是交互才开始。因为是第一次写项目,所以有很多问题,这里来简单总结一下。二:内容 1.首先呢就是分配工作的问题,前期写项目因为对页面不够熟悉,所以页面的分配也很大的问题。 2.一些逻辑性的问题没考虑到,有些东西会出现一些莫名其妙的bug. 3.前后端不够协调,前后端的还是比较散的,只能说是各写各的,没有很好的合作,每个人的原创 2022-04-24 00:06:38 · 560 阅读 · 0 评论 -
4.17(键盘事件的浅分享)
一:需求描述 在浏览页面时。我们可能会看到一些评论的盒子,它里边会有一个字数限制,并在我们输入字时提示我们已经输入几个字。这样的用户体验也比较好。二:解决方法//内容<textarea id="comment_content" placeholder="说点什么吧..."></textarea> <span class="Comment_word_count float_right">0/300</span> &l原创 2022-04-17 09:42:27 · 145 阅读 · 2 评论 -
4.10(第一次合作项目的简单感悟)
一、前言 在经过之前的一系列学习,开始了前后端一起写项目,这次我们组分到的项目是番茄小说网站。二、感悟 刚开始看到这个项目并没有感觉特别难,毕竟前端的都写过类似的东西,...原创 2022-04-10 08:59:57 · 326 阅读 · 2 评论