- 博客(4)
- 收藏
- 关注
原创 css实现只旋转边框,内含文字不转动
在按设计稿搭建项目页面时,碰到了一处内容呈现方式如下图所示的元素。文字在菱形边框内居中摆放的布局看似简单,却让我陷入了长时间的束手无策。如果只是通过transform将一个div旋转45deg,其内的文字也会跟着转动,这显然不符合要求。双重旋转相抵消在尝试一通无果后,我开始在网上查找资料,借此发现了一个巧妙的方法:在div里套一个span文本。将div进行旋转45deg,同时将span设置成行内块元素后再逆向旋转45deg,这样就能使得文字水平排列。<!DOCTYPE html><
2021-06-18 21:57:50
6519
原创 Vue子组件修改父组件传递的props值属性
需求:父组件通过props传递给子组件 caseList 数组,这里需要遍历该数组来展示每个 case 元素的一些属性,其中就包括创建时间 create_time。但父组件传过来的 create_time 是一个时间戳,我们希望时间以年-月-日的形式来呈现。所以子组件需要想办法修改 props 值的一个属性。一、使用计算属性在 computed 中获取到 props,并通过 map 遍历数组来修改属性。// 子组件<template> <ul> <li
2021-06-18 21:53:32
2012
原创 css实现汉堡菜单按钮
汉堡菜单按钮:当用户点击菜单按钮,在弹出导航栏的同时,汉堡形状的按钮也会动画渐变成叉号。再次对其点击时,导航栏收回,按钮也恢复原样。关于汉堡菜单,虽然 GitHub 上已经有相关的库 hamburgers,但因为我使用的 nuxt 框架采用的是rem布局,对于px到rem的转换让我实在头疼。再三思量之下,还是决定自己手动模仿一个出来。具体实现效果如下动图。一、设计思路至于将三横杠动态渐变成叉号的具体过程,每个人都有自己的奇思妙想,不必拘泥。这里简要说明上述动画的设计思路:将顶部横杠顺时针旋转90
2021-06-18 21:47:03
2461
原创 java多人聊天室实现(可群聊私聊/添加好友/发送文件)
java多功能聊天室Java Socket 通信实现的聊天室功能介绍本程序基于CS架构实现,程序主要借鉴参考 https://www.cnblogs.com/csu-lmw/p/10981374.html,并在原程序的基本框架下扩充了添加和删除好友以及保存聊天日志等功能。基本功能实现如下:用Java的GUI界面编写聊天室服务器端和客户端, 支持多个客户端连接到一个服务器。用户能够进行注册和登录。用户可以群聊和私聊。在线用户列表能在所有客户端上实时显示。用户之间可以进行文件传输。用户彼此可
2020-12-22 21:18:18
9050
10
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人