• 2024-12-316.定位
    6.1相对定位position:relative;top.left.right.bottom四个方向均可以设置偏移值   相对定位的话,它仍然在标准文档流中,原来的位置会被保留。 6.2绝对定位定位:基于xxx定位,上下左右1.没有父级元素定位的前提下,相对于浏览器定位。2.假设父级元素存在定位,我们通常会相对
  • 2024-12-12写出不定宽度的子级div,在相对于固定宽度的父级元素水平居中的布局
    要实现不定宽子级div相对于固定宽度父级元素水平居中,可以使用几种方法:1.使用Flexbox:这是最现代化和推荐的方法,兼容性也很好。<divclass="parent"><divclass="child">不定宽度内容</div></div>.parent{width:500px;/*固定宽度*/display:flex;
  • 2024-12-03怎样使用iframe刷新父级页面?
    在前端开发中,iframe可以通过几种方式刷新父级页面:1.使用window.parent:这是最常见且最直接的方法。在iframe中的JavaScript代码中,可以使用window.parent对象访问父窗口。然后,可以使用以下方法刷新父页面:window.parent.location.reload():这是最常用的方法,它会完全
  • 2024-12-02不同源H5页面消息通信(web-view 内的H5向父级页面发消息并回传结果给子页面)
    文章目录父级H5页面子级H5页面应用场景是两个H5不同源的情况下实现消息互通。本示例使用uniapp开发H5,父级H5通过<web-view>组件加载子H5页面;子H5页面向父级H5发送消息调起父级H5页面的微信扫一扫功能,再将扫一扫结果回传给子H5页面。父级H5链
  • 2024-12-02如何取消从父级元素继承下来的CSS样式呢?
    要取消从父级元素继承下来的CSS样式,你可以使用以下几种方法:1.使用all:unset;这是最简单粗暴的方法,它会将所有继承的属性重置为它们的初始值,包括font、color、line-height等。相当于同时使用了inherit:initial;和all:initial;。.child{all:unset;}2.使用a
  • 2024-11-27z-index的深入探讨
    项目中涉及到z-index层级问题,menu下拉框被element-plus的loading组件遮挡(css如下):页面显示如下:明显menu层级是大于mask的,可是却被遮挡了。。。研究过发现,menu父级z-index设置了10,导致menu整体被遮挡,解决方案:1.增加menu父级z-index值;2.删除menu父级z-index值;3.增加mask的
  • 2024-11-27flex布局下,内容使用truncate不显示省略号的问题
    <divclass="flexitems-center"><divclass="w-10h-10mr-4">头像</div><divclass="flex-1"><divclass="text-lg">姓名</div><divclass="truncate">内容内容内容内容内
  • 2024-09-2510 函数作用域
    py文件:全局作用域函数:局部作用域a=1defs1():x1=666print(x1)print(a)print(b)b=2print(a)s1()a=88888defs2():print(a,b)#此时a为8888s1()#此时s1中的a为:8888s2()总结一个函数是一个作用域作用域中查找数据规则:优先在自
  • 2024-09-04前端开发学习——CSS定位
    一、定位的基本介绍1、网页常见的布局方式1.标准流块级元素独占一行——垂直布局行内元素/行内块元素一行显示多个——水平布局2.浮动可以让原本垂直布局的块级元素变成水平布局3.定位可以让元素自由的摆放在网页的任意位置一般用于盒子之间的层叠情况 2、定位的常见
  • 2024-09-03CSS线性渐变效果
    1、未添加元素前2、添加元素后#实现方法,在父级盒子里面添加背景图片 .box{  position:relative;  margin:0auto;  z-index:index2;  width:736px;  height:414px;  background-image:url(./img/jhk-1723779352440.jpg); }
  • 2024-09-022D双开门效果
    设置父级背景图片#实现双开门有两种方法1、采用定位2、平面转换#设置父级盒子的样式及背景  .box{   display:flex;   width:1456px;   height:816px;   margin:0auto;   background-image:url(./img/jhk-1723779336628.jp
  • 2024-07-25vue的slots插槽内容
    1.插槽基本格式双标签内写内容子级页面插入标签即可2.插槽具名套用标签在标签内以v-slot:自定义名/#自定义名形式绑定子页面的标签标签内以name="自定义名"形式体现父级页面绑定内容3.父级数据与子级数据同时出现在页面当中一在标签内用v-slot="自定义名"二用
  • 2024-07-25vue的组件事件/组件事件配合v-model使用/组件数据传递/
    1.组件事件形式为:父级页面中格式——引入子级页面importxxfrom'url'<xx@事件名="函数名"/>子级页面中格式——添加点击事件<button@click="自定义函数">自定义函数(){//自定义事件this.$emit("事件名","文本内容")}2.组件事件配合v-model使用v-modelwatch
  • 2024-07-24通过子树 id 查询所有父级
    思路:向上查找父级树loopTreeFindChecked(node){constfindParentTree=(data,parentId)=>{if(!data)return;data.forEach(item=>{if(item.id===parentId){this.checkedTreeList.unshift({id:parentId,
  • 2024-07-08Android:如何绘制View
    点击查看Android如何绘制视图官网一、简介Android框架会在Activity获得焦点时请求Activity绘制其布局。Android框架会处理绘制流程,但该Activity必须提供其布局层次结构的根节点。Android框架会绘制布局的根节点,并测量和绘制布局树。它会通过遍历布局树并渲染
  • 2024-07-05java List子父级集合转List树工具类
    javaList集合转Tree集合1.创建泛型工具类packagecom.demo;importorg.springframework.util.CollectionUtils;importjava.lang.reflect.Field;importjava.util.ArrayList;importjava.util.Collections;importjava.util.List;importjava.util.Map;importjava.u
  • 2024-07-02The following untracked working tree files would be overwritten by merge/ git status显示大量父级目录文件
    背景给同学解决问题时,发现无法拉取远程的分支。解决他在C:\Users\用户名\路径下,建立了一个git仓库,然后在桌面上创建了一个文件夹,文件夹内部又新建了一个文件夹,导致gitstatus显示大量父级目录(多级父级)的文件。删除父级中的.git文件即可拉取前没有initgitpull用惯了
  • 2024-06-10css选择器,盒子模型,定位,动画
    css返回到Java开发知识汇总目录1.基本选择器标签选择器:标签名字类选择器:.classnameid选择器:#2.层次选择器后代选择器:bodyp子选择器,1代,所有的p:body>p兄弟相邻选择器:.classname+p只选择当前相邻的下一个元素通用兄弟选择器:.classname~p选中当前
  • 2024-06-01学习前端的知识总结11
    1.浮动和标准流的父盒子搭配:先用标准流的父元素排列上下位置,之后内部子元素采取浮动排列左右位置2.一个元素浮动了,理论其余的兄弟元素也要浮动:一个盒子里面有多个子盒子,如果其中一个盒子浮动了,那么其他兄弟也应该浮动,以防止引起问题。浮动的盒子只会影响浮动盒子后面的
  • 2024-04-29根据key 获取父级 和本身 key值
    vardata=[{key:1,name:"1",pd:0,age:60,address:"1",children:[{key:11,name:"1-1",age:42,},{key:12,name:"1-2&quo
  • 2024-04-28【flask sqlalchemy】A,B两个模型,A是父级模型,B是子级模型。 B创建依赖A模型的id。 如何编写事物 ?
    fromflaskimportFlaskfromflask_sqlalchemyimportSQLAlchemyapp=Flask(__name__)app.config['SQLALCHEMY_DATABASE_URI']='数据库连接字符串'db=SQLAlchemy(app)#定义父级模型AclassA(db.Model):id=db.Column(db.Integer,primary_key=Tr
  • 2024-04-22持续性学习-Day15(前端基础CSS3)
    参考教学视频:秦疆1.什么是CSSCascadingStyleSheet层叠样式表CSS3圆角、阴影、动画...浏览器兼容性CSS优势:内容和表现分离网页结构表现统一,可以实现复用样式十分的丰富建议使用独立html的css文件利用SEO,容易被搜索引擎收录2.入门<linkrel="styleshee
  • 2024-04-17UI——伤害飘字
    目的创建一个控件蓝图作为容器并挂载在敌人的父级蓝图上创建一个控件蓝图作为伤害显示效果敌人父类角色蓝图调用1.创建一个控件蓝图作为容器并挂载在敌人的父级蓝图上使用覆层的方式制作挂载在敌人的父级蓝图上(添加控件组件)2.创建一个控件蓝图作为伤害显示效果3.敌