- 博客(14)
- 收藏
- 关注
原创 css让目标盒子占满父盒子剩余的所有高度(兄弟盒子的高度是变化的)
日常开发中,我们会遇到一个父盒子下面有多个兄弟元素,且兄弟元素的高度可能随着业务数据的变动而发生改变,而我们需要目标子盒子的高度占据满剩余高度,这个时候没办法设置height百分百(会超出导致父盒子产生滚动条),也没办法使用calc计算(兄弟盒子的高度未知),这时候就可以使用flex布局实现。具体来说:可以将父元素设置为和,然后将 listDiv设置为,这样它就会占据剩余的所有高度。
2024-09-10 14:47:42
1602
原创 前端样式布局
响应式布局:根据屏幕大小自动适应布局:所有元素都是静态的用px为单位:一般按照宽度百分比来写,页面元素根据屏幕分辨率适配,整体布局不变,页面内的元素框大小会变化。缺点:文字大小是固定的px,如果屏幕变化太大,会显示不正常不协调(比如字占满框):垂直水平按照比例分等布局,处理可用的空间。(伸缩盒子:主轴+交叉轴):创建多个静态布局,特点是分别为不同的屏幕分辨率定义布局,每个静态布局对应一个屏幕分辨率范围。需要开发多套界面。
2024-06-05 20:39:21
912
原创 eslint 不能格式化tsx文件?eslint 配置不起效果?
设置了eslint(不使用Prettier的情况下)等等规则,但是自动格式化一直不起效果,按照如下步骤可以一步步检查看看是哪里出了问题。
2024-06-05 20:33:48
1664
原创 animation基础学习与实现简单loading圆环
animation:是以下八个属性的集合1.animation-name(绑定的动画名称,可以绑多个,多个名称之间用逗号分隔)2.animation-direction(播放动画的方向:正/反)animation-duration:normal //正向播放;animation-duration:reverse /反向播放;animation-duration:alternate //按照播放次数,奇正偶反;
2024-03-06 17:11:58
916
1
原创 mac电脑设置gitHub的token个人身份令牌(Please set GITHUB_TOKEN in your environment to access these features)
mac电脑设置gitHub的token身份令牌
2024-02-21 19:53:33
1492
原创 SSH 连接远程主机
物理背景:mac电脑,连接有wifi和插入交换机的网线;需求背景:使用wifi连接外网,需要网线连接交换机,配置范围内的ip与网关,如果可以ping通远程ip地址并可ssh接入,则网络环境配置成功。
2024-02-18 20:00:00
857
1
原创 js封装之获取返回参数赋值
有时候因业务需求,后端传来的字段会和前端使用的字段名称不一致;当一个接口字段过多,我们每一个都粘贴更改,会反复机械操作且代码占用体积较大;这里封装一个函数,调用后,后端key值对应的数据,会赋值到与之对应的前端key值数据里。
2024-01-19 08:00:00
656
1
原创 JS loop循环
js代码执行过程中,除了依靠函数调用栈决定函数的执行顺序之外,还依靠任务队列搞定另外一些代码的执行,这整个过程我们称为事件循环过程一个线程中,事件循环是唯一的,但是任务循环可以有多个,任务可以分为宏任务和微任务。
2024-01-12 20:00:00
1517
1
原创 快速生成表单校验规则结构
当表单校验比较多,每一个都粘贴复制修改是一项简单繁琐的工序,我们可以输入必要变量然后统一生成表单校验规则结构。手动输入变量结构,然后运行js方法,即可生成需要的表单校验规则结构。
2024-01-10 21:00:00
465
1
原创 TypeScript速成指南-ts简要介绍
本文根据ts官方文档(原版与冴羽的 JavaScript 博客翻译版)归类总结提取,大致描述了ts的常用使用方式,如若文中某些措辞不当,欢迎大家评论指正。
2024-01-08 21:00:00
2222
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人