- 博客(22)
- 收藏
- 关注
原创 伙伴匹配系统——前端路由整合以及搜索页面和个人信息页面搭建
在页面中使用,在配置路由的时候可以先看一下组件库的官方文档,里面可能会配置相关路由的信息,可以节省我们开发时间。标签栏支持路由模式,用于搭配 Vue Router 使用。路由模式下会匹配页面路径和标签的。通过绑定activeIds进行绑定,然后使用v-for进行循环遍历。使用 router-view 组件指定路由对应组件的渲染位置(可以看成一个占位符)这样在页面切换的时候我们就可以看到上方地址的变化。在main.js当中引入路由并且创建路由实例。使用form表单在另一个页面使用。已选标签展示在已选标签处。
2024-03-27 22:06:03 687
原创 伙伴匹配系统——前端项目初始化以及前端通用页面搭建
hello,各位小伙伴,今天开始我打算更新写项目的日志文档,这个项目是一个用来匹配志同道合的小伙伴。可以创建房间一起学习,感兴趣的小伙伴可以订阅专栏,后续完成项目我也会把它放到github上供大家一起学习。
2024-03-25 23:04:55 378
原创 uniapp如何把项目运行在手机上
很多小伙伴在使用uniapp开发app项目时,经常会遇到在浏览器上能显示,但是到了手机上就会出现各种的不适配,浏览器跟手机还是有区别的。下面教大家如何把项目直接运行到手机上进行调试,需要一根数据线。在把电脑和手机进行连接之后我们选择运行到Android设备上。这时候这里就会出现你的设备,选择直接运行就可以。
2024-03-24 22:09:02 580
原创 若依框架跳转进入页面隐藏侧边栏和顶部导航栏
小伙伴们在使用若依框架的时候经常会遇到一个问题就是你想展示某一个页面的时候不展示侧边栏和顶部导航栏,接下来我就向大家介绍一下我的办法。只需要在mounted的时候写上这段代码就可以。
2024-03-20 20:39:58 2545 4
原创 解决flex布局space-between最后一行不居左对齐问题
大家在使用flex布局,justify-content: space-between的时候经常会遇到一种情况就是当最后一行的盒子个数大于1的时候不能完美排列的问题,网上也有很多种解决方法。但都不是很满意,于是我就思考出了这种方式:就是在循环完数据之后,再添加n个高度为零,与排列项等宽的盒子,就能让justify-content: space-between继续生效,而由于添加的盒子没有高度,所以在页面中不会显示。希望能对大家有所帮助~
2024-03-20 20:27:25 1021 4
原创 uniapp获取微信头像和昵称的最新方法!!!
我使用的方法是通过wx.uploadFile将将临时文件下载到缓存。,当用户在此input进行输入时,键盘上方会展示微信昵称。犹豫通过获取到的微信头像是一个临时链接,无法直接进行保存。,当用户选择需要使用的头像之后,可以通过。事件回调获取到头像信息的临时路径。
2024-02-17 20:17:05 4642 1
原创 uniapp 获取微信网页授权并且实现微信公众号跳转小程序
正常应该使用redirect_uri来获取access_token,但是我们公司这一步由后端来实现所以在这里省略。非静默授权需要用户手动同意,然后才能回到回调页面,静默授权是自动跳转到回调页。是授权返回时的路径,这里面有。注意不需要加htpp!截取url中的code。是公众号的唯一标识。
2024-02-17 19:55:24 1652 2
原创 uniapp实现图案解锁
这个组件是基于uniapp 的 canvas 进行封装的。这里可以使用uniapp插件市场面。我基于这个插件编写相对应的逻辑。
2023-11-14 10:59:19 321 2
原创 使用flex布局实现圣杯布局以及双飞翼布局
圣杯布局的出现是来自由 Matthew Levine 在 2006 年写的一篇文章 《In Search of the Holy Grail》。在西方,圣杯是表达“渴求之物”的意思。圣杯布局的出现是来自由 Matthew Levine 在 2006 年写的一篇文章 《In Search of the Holy Grail》,在国内最早是淘宝UED的工程师(玉伯大大)对圣杯布局改进并传播开来,在中国的叫法是双飞翼布局。圣杯布局和双飞翼布局达到的效果基本相同,都是侧边两栏宽度固定,中间栏宽度自适应。
2023-08-31 18:13:34 490
原创 Flex布局详解!
2009 年, W3C 提出了一种新的盒子模型 —— Flexible Box (伸缩盒模型,又称:弹性盒 子)。它可以轻松的控制:元素分布方式、元素对齐方式、元素视觉顺序 …截止目前,除了在部分 IE 浏览器不支持,其他浏览器均已全部支持。伸缩盒模型的出现,逐渐演变出了一套新的布局方案 —— flex 布局。传统布局是指:基于传统盒状模型,主要靠: display 属性 + position 属性 + float 属性。
2023-08-31 13:29:41 361
原创 学习JavaScript看这一篇就够了!
外部形式一般将 JavaScript 代码写在独立的以 .js 结尾的文件中,然后通过 标签的 属性引入。注释和结束符单行注释使用 注释单行代码多行注释使用 注释多行代码输入输出输入向 输入任意内容会以弹窗形式出现在浏览器中,一般提示用户输入一些内容。输出JavaScript 可以接收用户的输入,然后再将输入的结果输出:、以数字为例,向 或 输入任意数字,他都会以弹窗形式展示(输出)给用户。变量是计算机中
2023-08-07 21:23:03 991 1
原创 HTML5知识总结
HTML5 是新一代的 HTML 标准,2014年10月由万维网联盟( W3C )完成标准制定。官网地址:W3C 提供: https://www.w3.org/TR/html/index.htmlWHATWG 提供:https://whatwg-cn.github.io/html/multipageHTML5 在狭义上是指新一代的 HTML 标准,在广义上是指:整个前端。
2023-07-19 19:15:14 93
原创 使用bootstrap+jQuery实现简单的学生管理系统增删改查功能
本项目是在不使用数据库的情况下使用bootstrap和jQuery实现简单的增删改查的功能,如有错误敬请指正!
2023-06-20 10:54:00 1204
原创 jQuery笔记
简化 DOM 操作:jQuery 提供了简单而强大的选择器,可以轻松地选取 HTML 元素,并对其进行操作。通过使用 jQuery 的方法,可以轻松地操纵元素的属性、样式、内容等。事件处理:jQuery 简化了事件处理的过程。可以使用 jQuery 的事件绑定方法来附加事件处理程序,例如点击、鼠标移入移出、表单提交等。这使得处理用户交互变得更加简单和可靠。动画效果:jQuery 提供了丰富的动画效果和过渡效果,可以轻松地实现元素的淡入淡出、滑动、展开折叠等效果。
2023-06-15 09:33:33 255 1
原创 解决vscode Open browser failed Please check if you have installed the browser correctly 打开浏览器失败问题
解决vscode Open browser failed Please check if you have installed the browser correctly 打开浏览器失败问题
2023-06-06 22:16:00 5561 1
原创 前端学习笔记一(持续更新中~)
HTML(超文本标记语言)是用于创建网页和应用程序的标准标记语言。它提供了网页内容的结构和格式,定义了元素的显示和组织方式。HTML文档由一系列用尖括号(< >)括起来的标签组成。标签用于定义文档中的不同元素及其属性。
2023-05-30 17:51:46 114 1
原创 JavaScript学习笔记(一)(持续更新中)~
JavaScript诞生于1995年,它的出现主要是用于处理网页中的前端验证。所谓的前端验证,就是指检查用户输入的内容是否符合一定的规则。比如:用户名的长度,密码的长度,邮箱的格式等。但是,有的同学可能会有疑问,这些验证,后端不也可以进行验证吗?确实,后端程序的确可以进行这些验证,但你要清楚,在1995年那个年代,网速是非常慢的,向后端发送一个请求,浏览器很久才能得到响应,那这无疑是一种非常不好的用户体验。
2023-05-30 16:50:32 513
空空如也
eclipse使用自带服务器运行jsp页面时报错怎么解决?
2022-12-24
创建servlet组件获取用户名和密码怎样实现
2022-12-24
使用tomcat和eclipse实现jsp页面
2022-12-24
网页css样式链接不上
2022-12-16
python可视化 KeyError问题
2022-12-14
Tomcat无法启动,显示Java问题
2022-10-30
TA创建的收藏夹 TA关注的收藏夹
TA关注的人