- 博客(48)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue2时间处理插件——dayjs
在vue时间处理上有很多的方法和实现，可以自己实现，但是效率不高，所以，在框架开发中我们一般不会手写，一般是使用集成的第三方插件来解决我们的问题，在vue3中大家一般都使用Moment.js来处理，所以vue2也有自己的插件库，就是Dayjs，它的体积很小，用来处理时间。使用及其简单，大家赶快拿去代码中使用吧！先是安装，也是直接npm即可;
2023-10-14 17:00:03
878
原创 前端关于对象中套用对象传参的小问题
上面两种大家了解后这个问题才可以有很好的解决方法，就是在前端传输的时候给对象格式转为json字符串传输，在后端接收时候把json字符串转换为对象就可以了使用了。在js的对象是引用类型的，他如果里面还套用对象的话那么通过axios传参给后端就会出现一个问题，就是【object，object】这种包装形式。其实这就是要对数据传输中json格式要有一定的了解才可以解决这个问题。大家要了解这两个json格式的函数。那么如何来解决这个问题呢？
2023-09-24 13:36:28
382
原创 uniapp仿微信实时通信
大家可以看上面的图，就大概知道双方是如何通信的（这里项目指的是私聊，不是群聊），原理就是客户端发送请求给服务端，服务端去指定用户的ID去发送给指定的用户消息实现双方的实时通信。在uniapp中，可以做很多有趣的app，最近也是想起要做一个通信功能的app，于是联想到了微信的通信功能，想通过这个项目来了解通信的原理是什么。这里主要是一对一的聊天功能，因为默认websocket是全部转发机制，所以我们要通过id号来解决这个问题。前端部分我们使用uniapp来实现页面的渲染。引入自己项目文件就可以使用了。
2023-09-24 12:50:25
784
原创 第十五届蓝桥杯备赛—保证你能拿奖
首先，大家不需要盲目的去刷题，按照我刷过的题目，大家去刷一下就可以了，因为我也在蓝桥云课出过题目，所以在比赛中所考的题来说，有一定的理解力。所以要参加比赛的同学们就需要刷好每一道题，弄懂每一道题目的知识点。相信大家也都是计算机专业的学生，在计算机专业中最为常见的一个比赛就是蓝桥杯大赛，可以锻炼我们的算法能力，目前蓝桥杯大赛也是发展到了第十五届，由于我快要毕业了，我把我在第十四届中的一些算法题分享给正在备赛的大家了。
2023-09-11 19:09:47
862
原创 vue3+emelenui实现前端分页功能—最简单
在一些后台管理系统或者博客管理系统中分页功能是很常见的一种服务，因为总不可能把很多数据放在一块，那样阅读起来很麻烦，所以需要分页。也是前后端中最为常见的一个功能。先看一下分页场景的模拟。
2023-09-10 14:16:36
657
原创 交友盲盒完整版——详细源码分享
现在目前比较火热的一款app交友盲盒是通过uniapp+springboot技术来制作的，原理其实很简单，大家一看便知。下面就是给大家分享源码了，实现原理就是前端像后端发请求拿到数据渲染页面就这么简单。
2023-09-09 11:03:36
1557
原创 uniapp制作——交友盲盒
在小程序端可以有很多好玩的小玩意，目前网上比较有趣的就是有一个交友盲盒，能抽出和找出对象的一个有趣的小程序，所以今天给大家带来用uniapp搭建的交友盲盒，大家再根据自己的情况去搭建自己的后端和数据库来完成自己的一个小项目。基本上pc端和小程序端是大同小异，样式方面没有太大的差别，下面就是代码的分析。
2023-09-05 15:51:14
985
原创 微信小程序开发项目步骤【详细】
在平常是H5开发中已经不能满足我们的需求了，随着小程序的火热，越来越多的项目开发也离不开小程序的运用，目前常用的就是微信小程序，我们学完微信小程序后其他的小程序开发也是基本一样的，也为后面的uniapp开发做下一定的基础。
2023-08-24 10:04:09
184
原创 uniapp的UI框架组件库——uView
在写uniapp项目时候，官方所推荐的样式库并不能满足日常的需求，也不可能自己去写相应的样式，费时又费力，所以我们一般会去使用第三方的组件库UI，就像vue里我们所熟悉的elementUI组件库一样的道理，在uniapp中我们所使用的组件库是uView。
2023-08-12 10:23:22
2017
原创 uniapp创建项目入门【详细】
大家在学习vue和微信小程序之后，就可以开始来学习uniapp了，在uniapp中，一套代码可以跨越所有的平台，可以很方便的维护。接下来我们先来学习如何创建uinapp的项目。
2023-08-07 10:12:13
944
原创 vue中显示在页面顶部的进度条插件——NProgress
我们在一些网站中经常见到导航栏上方的进度条显示，大家仔细观察，其实csnd中也有类似的效果，如下图显示效果，我们现在就来一起看看这个功能需求是怎么实现的。首先，实现这个功能其实不难，说实在点其实就是个动画效果，大家在学习原生js中的时候应该都接触过来控制动画的移动，无非就是让一个小的长方形盒子慢慢的边长，通过js来完全可以实现。但是我们这个是项目是vue，在vue中不需要我们自己去操作DOM，所以我们就使用一款轻量级的进度条插件，就是NProgress。
2023-08-01 10:13:33
704
原创 vue3时间插件——Moment.js使用
在日期时间这一块在js中是有体现的，但是用起来不是特别方便，尤其是在vue框架中，我们也不可能去那样使用，显得很笨拙麻烦，所以给大家这次带来一个好用的时间插件，就是Moment时间插件，很小巧，使用也方便，也兼容vue3，下面来详细介绍一下首先是。
2023-07-25 12:11:19
3867
原创 物业小区管理系统登录页面以及逻辑实现
接下来我们来看看我们所写的项目起步。首先搭建vue3和springboot的项目环境，这些搭建大家自行完成即可，架子有了之后就得开始往里面装东西了。学习vue3和springboot那肯定是少不了写项目的，在各个项目中肯定是离不开登录和注册的事情的，这也是一个项目起步的需求。以上就是所有的配置情况，仅供大家参考使用。
2023-07-20 09:55:55
174
原创 vue项目搭建【详细入门创建】
vue在前端开发中是不可缺少的一种框架，在国内运用非常广泛，所以学习这门框架是前端的必备技能，所以在入门中，我们要学会如何搭建一个vue项目，不管是vue2还是vue3他们的创建方法都是差不多的。第一种是最简单的，那就是直接引入cnd，当然这种方法是不可取的，在这里就不说了，主要的还是用脚手架来创建vue项目，目前的脚手架有。创建完成后，在cmd命令行输入 vue create 项目名称 来创建，回车即可。当然，命令运行都是可以改的，所以大家记住默认的运行即可。所创建的目录文件如下就说明创建完成了。
2023-07-09 10:12:56
3375
原创 vue前端和后端交互实现（最简单）
后端接收的话其实也很简单，后端目前比较热门的是springboot，在springboot里面的接收也比较简单，大家感兴趣可以自行去查看资料，我这里举例的是node后端接收，相信这个能看懂那么springboot也问题不大。以上所举的例子都是最简单的网络请求，但是在实际情况中，一般都是对网络请求进行封装到一个js文件里面的，这里就不举例了，大家先把最基础的学会，后面在加深了解就可以了。知道的前端和后端的基础之后，那么我们就得先知道前端该如何去请求，在前端中，最原始的请求就是去。当然大家也可以用异步的。
2023-06-25 19:25:15
1531
原创 vue2实现上传头像以及后端的node接收
好了，先看一下我们要实现的需求，其实很简单，就是用户点击他要上传的头像，然后点更换头像，页面就能更换成用户所上传的头像，要实现这个功能，大家得先熟悉vue的基本语法以及element-ui的基本引入，这个大家可以去搜教程，基本上很多，就不细说了。大家在写项目的时候有可能会遇到上传头像的需求，今天我也是琢磨了一天，给大家分享一下，比较详细的说一下具体的操作流程，这里我后端用到的是node，当然，所有的后端存储图片其实都是一样的，相信大家看完后都能够熟悉操作一遍上传以及保存数据库和前端页面的展示全流程。
2023-06-14 17:10:41
459
原创 jQuery的todolist案例实现
想必大家都需要记录一些小事情，类似于记录生活，以后还能翻出来看看，本次就可以用jQuery来实现一下。下面就给出代码相关分析，相关样式资源可以私下找我（QQ3534912941）获取，这里不太好上传。对于本案例其实也不难，无非是一个增删查改加上本地存储缓存机制来实现的操作。
2023-06-08 15:40:21
132
原创 组件路由传参【vue3】
大家对于vue3也已经不太陌生了，但是在路由传参中会遇到一点小问题，不知大家是否也遇到过，一起来看一下首先是我们熟悉的vue路由传参 ，无非就是个router来进行的操作，首先就是导入vue-router这里一定要导入4版本的，不然vue3运行不了准备完毕后，我们就得传参了这是大家在熟悉不过的一个query传参数，那边接收方用query接收就可以了。
2023-06-01 19:12:19
139
原创 前端轮播图最简单实现（小白也能学会）
最为主要的就是得知道这张图片的宽度，因为每一次移动的距离就是这张图片的宽度，但是宽度我们不能给死，每一张图片的大小是不一样的，所以根据js的clientWidth来获取，这样不管图片是多大都能获得这张图片的大小，第一步的移动距离就完成了，核心部分也就完成了。轮播图大家肯定都不陌生，因为这是前端最为常见的一个功能，现在随着框架和一些插件的兴起，很少人会去原生的去写轮播图，所以今天带大家写一下原生的轮播图来熟悉一下。，主要原因就不细说了，大家应该是都很熟悉的。然后就是选择的定时器，这里一定要用。
2023-05-23 11:21:13
3675
原创 基于vue2开发的毕业设计（时光云平台）
自己经过一段时间的琢磨和设计，该平台已经完成了基本的功能需求，大家可以来一起看一下，或许对你的设计有所帮助。
2023-05-19 16:44:40
831
原创 前端项目部署云端服务器实现多人访问
来到服务器管理页面，还得做很多操作，第一步就是先去远程连接，去连接我们的远程服务器，对他进行操作。大家购买完服务器我们就可以去控制台去管理我们的服务器。我们在浏览器输入外网面板地址进去就可以对我们的服务器操作了。再看本文章之前，如果有不会可以去看也可以看下面视频。首先去软件商店下载mp2管理工具。前端部署阿里云服务器。
2023-05-16 19:38:45
392
原创 vue后台登录系统通用配合elemenui快速搭建
在看这篇文章前，你首先得了解vue2的基本用法以及elementui的基本使用方法，如果不会也没有关系，看下面的代码相信也能够看得明白。
2023-05-11 15:26:45
148
原创 vue实现连接Mysql数据库和服务器通信
在vue中，我们不仅是为了做前端页面展示和数据响应式，最重要的还是去访问后端请求，把数据给数据库存储，这样刷新页面数据才不会丢失。user是数据库名字，password是数据库密码，host是访问路径，默认是本地127.0.0.1，database是数据库名称。vue中对于数据的发送以及存储也很重要，稍不注意也会存在很大的问题，所以我们要学习一下存储数据以及对数据的请求。query()就是运行sql语句，不管是增删查改都是.query()就行了，是不是很方便！
2023-05-04 20:11:47
1095
原创 vue2解决并实现页面刷新内容不变化
我们都知道，在vue中数据是响应式的，但是对于刷新的之后数据也会丢失，这就得借助于数据库存储，那么在vue中怎么去实现数据库的连接以及数据传输呢？下面我们来一起看一看，在之前我也在这个问题上困扰了很长时间，为了让大家都能看得懂，给大家画一个图的形式来理解基本是这样的一个流程，在图中很好体现，但是在代码中不是很好写，所以得拆分一下细节问题，再来看看登录的时候怎么去请求服务器吧首先还是正常登录，先看看没有加这些功能的时候有什么样的问题。
2023-05-01 20:11:43
954
原创 vue+element-ui开发通用的登录以及注册页面
所实现的功能需求就是，通过axios发送请求去验证有不有账户信息，如果有才可以登录，否则不允许登录。有强硬的验证规则，通过后台服务器实现验证用户信息，不存在是无法登录，以及不输入账户和密码会判断为空，也是无法登录。一个相当简洁的注册页面就呈现出来了。这里也有强硬的检验规则，还有发送qq验证码功能等其他验证功能。可以通过登录页面上面的账户注册按钮去注册页面查看，实现多页面跳转操作。发送验证码时候就可以开始验证了。
2023-04-30 10:33:25
2636
原创 【多级路由使用】Vue中路由嵌套
在之前的一级路由中，我们解决了原生中的抖动问题，以及代码冗余问题，但是现在还有一个问题没有解决，那就是如果有多个需要跳转的那该怎么办呢？一、多级路由的作用？其实很简单，只要会以一级路由那么后面的多级路由也不是什么难问题，主要我们得会使用路由的嵌套，所谓嵌套就是一个路由规则里面可能还有一个路由规则，依次进行。本次主要的使用了多级路由来实现多级切换效果，主要就是在一级路由的基础上配置children属性，他是一个数组，里面都是他的下级路由。
2023-04-25 13:31:52
624
原创 【路由规则通信】Vue中单级路由用法
在原生js中我们按钮切换的时候会有一个抖动问题，但是要解决这个问题，我们在之前是没有很好的办法解决的，我们在原生js中要实现按钮分别不同跳转，那么必须得准备按钮所对应的页面，这样会导致一个问题，如果我们的按钮很多那么所对应的页面也会要准备很多，而且代码的重复量很高，所以后期维护起来也很难。
2023-04-24 17:41:11
143
原创 vue的四个map方法的使用
在使用这四个map之前必须先导入对应的vuex插件：computed:{//计算属性},这样做后HTML上就只用写一个sum就可以了,简化了代码第二个是mapGetters，他可以更新getters值，用法和mapState是差不多一样的，我这里就不展示了第三个是mapActions，可以生成与actions对话的方法methods:{// add(){// }},第四个是mapMutations，用法和mapActions是一样的掌握四个map可以大大提高编码效率。
2023-04-24 11:13:05
1804
原创 Vuex的模块化规范
比如有两个组件，一个是相加求和的组件，还有一个是相减的组件，如果我们只有一个配置项的话我们把所以相关的代码都会写在一起，而这样的话会增加后期我维护困难等问题，所以这个时候要合理的分模块化，相加的就放在一起，相减的也放在一起，这样后期维护会很轻松。因为Vuex可以实现多组件共享的操作,但是一个项目应该模块化的分别各个组件之间的功能，不能全部写在一起，这样会导致代码的冗余和不方便管理后期。我们可以根据不同的功能去用不同的组件，这样后期维护起来会方便一些，也不会冗余很多东西。
2023-04-24 10:47:52
78
原创 前端仿原神登录首页HTML（你也想试试吗？）
如果想要做原神首页的话，首先得去他原本的官网得分析清楚他的最终效果，我觉得的话，最核心的就是一页一页的轮播实现，如果这个我们都无法实现的话，那我们根本就做不了这个首页的项目，第一次做这种效果的时候很多人可能会比较疑惑，因为这种全屏轮播在我们学的js中好像不怎么好实现，这时候我们就可以去引用别人写好的第三方插件来完成。这样一款插件，他是支持jQuery的，再加上我们的项目是基于的jquery，所以我这边用的是这个插件，安装的话去网上下载就可以了。然后说一下这个插件的基本使用，可以去他的官网去看。
2023-04-22 19:11:48
1083
原创 你了解vue跨越请求吗？(vue的axios跨域请求)
前端和服务器请求数据是很常见的事情，毕竟数据不是死的，而是通过请求服务器给我们返回的动态数据，这样才能保证数据的动态化，那么，在vue里如何来发送请求呢？发送请求其实有很多种方案，比如原生的new XMLHttpRequest()来请求，不过很麻烦，几乎不常用。然后就是jQuery的封装的一些请求，例如get(),post(),$.ajax()可以简单的来发送请求，但是我们用的是vue框架，所以也不是很推荐用jQuery。
2023-04-21 19:15:01
253
原创 前端实现ppt动画播放（H5+C3+JS+JQ）
可以自己找个动画ppt来动动手实现一下吧！然后就是音乐的自动播放问题，因为谷歌浏览器是禁用了音频的自动播放，所以我一开始就得点击一下开始的同时去播放背景音乐，完美的解决了自动播放的尴尬问题,的动画函数，自带回调函数，是很容易写出来的，在加上用了jquery.timers-1.1.2.js，这个是一个定时器的第三方库，用它来实现时间的把握也是很不错的，先看看原理是怎么实现的吧，其实也很简单，无非是用到了js为我们封装好的一些动画库函数来实现的，加上自己的一些想法就可以实现。好了，如果需要源码可以来私。
2023-04-20 17:10:55
997
原创 vue订阅消息和发布消息
顾名思义也知道，需要数据的那个组件来订阅消息就可以了，然后等着那个有数据的组件来发布消息就可以了。理解起来也是很容易的。上一个文章我们说到两个组件之间可以利用全局中间组件来实现，其实还有一个更简单的方法可以实现两个组件之间的通信，那就是订阅消息和发布消息。订阅消息是 pusub.subscribe("订阅消息名称","(回调函数,第一个参数是消息名称，戴第二个参数是传回的数据)=>")发布消息是pubsub.publish("订阅消息名称"，“要发布的信息数据”);首先得需要一个第三方库，叫。
2023-04-20 16:28:46
152
原创 vue实现组件之间通信(任意两个组件之间)
然后来说明一下，首先A组件的sub()是一个点击来触发“shoudao”这个事件，并携带数据1给$bus中间组件，然后B组件通过$on绑定shoudao事件给$bus,所以当点击sub触发的时候，通过中间组件把1传给了B组件，B就收到了数据1。这也是利用中间变量来实现的两个数据的交换，所以我们组件之间也可以有一个中间接收变量来接收数据，然后通过中间件发给目标的组件来实现他们的通信。所以两个组件就可以访问到，实现了全局任意两个组件的访问 ，然后就是具体代码该如何实现？所以实现了两个组件之间的通信。
2023-04-20 15:49:00
113
原创 html+css+js+jq简单实现原神官网动态效果
所以,学一门语言要知道他能做出什么东西我们才可以有学下去的动力,因为我当时也是和好奇一些网站上的效果是怎么实现的,所以去实现了我当时不明白的问题，当然,这只是个起步而已，先说一下前端来做这些效果只是为了来练习语法和运用为以后的框架做基础的，只有基础牢固才能学的更好。相信大家一定学过很多种计算机的编程语言，但是有很多人可能很迷茫不知道学这么多语言能做出什么效果,其他语言我可能不是很明白能做出什么,但是在前端的话,我还是知道能做出什么样的效果出来的,比如这次的原神官网。之后就是引入css和js文件是不可少的。
2023-04-14 19:57:24
1540
8
原创 vuejs的计算属性使用方法
在vue中已经封装好了get和set，我们这里只需要get就可以了,因为不需要修改，再加上get有缓存机制，可以大大提高效率，只有所依赖的数据发生变化才会更新新的值。知道了是什么问题，那么就好办了，就是把两段文字合并成一段文字，因为是动态变化的，所以要监听每一个文本框内容才可以。比如我这个网页有两个文本框，怎么把里面的文字联合起来成为一段文字呢？这就需要用到计算属性了，虽然用插值运算也可以做，但是效率不是很高。如果还不明白可以粘贴代码取实践运行一下就明白了。方法来实现双向绑定时刻监听每一个文本框。
2023-04-14 19:09:05
60
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人