iframe跨域自适应高度

el-form validator的校验提示遮盖下边的内容

问题：表单的validator校验，无法自动撑起tip提示的高度，导致遮盖了下边内容解决方式：将tip提示的样式的定位设置为遵循正常的文档流对象，实现自适应高度。.
夏目友人帐...·2024-02-19 19:12

tableView嵌套CollectionView，并且tableView自适应高度，collectionView自适应宽度

实现原理分为两部分：1、tableView里面嵌套CollectionView，tableViewCell分为标题和collectionView两部分，，并且根据collectionView的cell个数来自适应高度
Tomous·2024-02-15 05:29

iOS UIScrollView高度自适应

UIScrollView经常会用来一些高度不确定的场景，要想完全展示(可滚动)需要正确计算contentSize的大小，当子控件很多时手动计算这些frame还是比较复杂，想要简单点就需要利用AutoLayout来实现自适应高度
芮淼一线·2024-02-08 18:50

tableview

tableview自适应高度functableView(_tableView:UITableView,heightForRowAtindexPath:IndexPath)->CGFloat{switchindexPath.section
花开半夏又一年·2024-02-07 20:27

iframe优缺点、X-Frame-Options（如何防止点击劫持、设置页面是否能作为iframe嵌套）、iframe长轮询和应用场景

目录iframe优缺点优点缺点为什么尽量少用iframeiframes阻塞页面加载，影响网页加载速度唯一的连接池解决iframe应用场景iframe长轮询iframe跨域使用防嵌套网页（点击劫持）X-Frame-Options
YF-SOD·2024-02-05 23:23

前端--输入框换行，高度自适应

2.div设置contenteditable="true"属性，这种方法可以实现输入内容自动换行，并且自适应高度，但是项目需要光标从边输入，我试过
壹拾伍_0bb6·2024-02-05 18:53

微信小程序的swiper轮播图中的图片设置自适应高度的一种方法

微信小程序的swiper轮播图中的图片设置自适应高度的一种方法小程序中的轮播图很简单，但是唯一的缺陷就是swiper是固定的150px高度（320px宽度），这样如果传入的图片大于这个高度就会被隐藏。
Vesuvius688·2024-01-31 20:00

iOS使用自动布局的那些奇奇怪怪的问题

文章在不断补充中...cell自适应高度在iOS9下会报约束错误。
平凡码农·2024-01-29 19:31

vue项目 解决el-table自适应高度,vue页面不显示多条滚动条，超出的部分让el-table内部出现滚动条（推荐使用第二种解决方案；TAdaptivePage 组件新增左右分栏布局）

主体数据渲染页面（AppMain）；而一般AppMain页面又分为：搜索区域、table数据（分页），可能也会存在底部（footer）;大体样子如下：具体需求就是：整个页面不出现滚动条，而超出的部分让table自适应高度
wocwin·2024-01-27 16:36

微信小程序 图片自适应高度 宽度 完美适配原生或者uniapp

-----查了一下百度看到网上图片高度自适应的解决方案基本是靠JS获取图片的宽度进行按比例计算得出图片高度。不是很符合我的需求/于是我脑瓜子一转想到一种新的解决方案不用JS计算也能完美解决。我写了一个组件，直接导入可以使用。---1.新建一个组件bl-adaptation-img.vue2.在main.js中导入//自适应图片图片高度宽度100%importblAdaptationImgfrom'
执波仔丶·2024-01-26 07:31

亲测有效的iframe跨域通信解决办法之一

最近公司项目内通过iframe引入了另一个项目的内容，子域和父域不属于同域，但需要将父域token传入子域供子域的http请求使用，若子域内的请求判断该token已过期，需要子域调起父域退出登录。问题就卡在跨域通信这个关键点上。万能的度娘里搜到n种方法，选择下列一种测试，效果很不错，已经顺利完成了上述需求。postMessage方法发送数据，监听message事件获取数据父域部分exportdef
木景蔓·2024-01-24 14:22

React 实现 textarea 文本域自适应高度(autoSize)

一、基本原理textarea的自适应高度实现原理相对简单：根据文本域中的内容动态调整其style.height属性。为了实现这一点，我们需要在文本域的onChange事件中添加处理逻辑。
天問_·2024-01-22 14:59

iOS Label属性全解

记录label一些基本属性，包括常用的文字自适应高度，行间距等基本使用方法/**设置高亮文本颜色，与highlighted属性一起使用，只有设置highlighted为YES才生效*/self.label.highlightedTextColor
燃烧的蔬菜C·2024-01-21 16:54

textView 自适应高度

参考改变textViewFrame的值@implementationTextViewCell-(void)textViewDidChange:(UITextView*)textView{CGRectbounds=textView.bounds;//计算textview的高度CGSizemaxSize=CGSizeMake(bounds.size.width,CGFLOAT_MAX);CGSizen
foolish_hungry·2024-01-17 22:54

UITableViewCell两个UILabel动态内容实现自适应高度

实现此效果有2种方法，亲测都有效！！！先声明布局的效果图和所添加的约束Label1的约束为：上左右都是10Label2的约束为：左下右都是父视图的10，上面是距离Label1底部10添加后会报约束错误第一种方法：设置UILabel1一个大于等于的固定高度第二种方法：设置Label2的竖直吸附约束Label2吸附约束值建议比Label1的大一点但是设置完后还是报错，因为cell给定的高度不够自适应，
帅帅滴小胖次·2024-01-16 20:17

html+css+Jquery 实现 文本域 文字数量限制、根据输入字数自适应高度

先看效果：初始的效果，样式多少有点问题，不重要！重要的是功能！输入后：根据文字长度，决定文本域长度+限制文字数量话不多说，直接上代码！.foot-send-imgimg{width:20px;height:20px;}.text-input_5ZOdm{display:flex;justify-content:center;align-items:end;position:relative;box
付煜晨·2024-01-14 14:29

uniapp小程序实现内容自适应并向上滚动弹幕

项目：小程序需求：向上滚动每条不同长度数据，必须流畅一条一条滚动以下是实现的一个dom组件实现效果：注：内容都会一条一条滚动完，不会因为内容少滚动完，而内容多则卡在一半，且每条都自适应高度，附组件代码：
沐漓南兮·2024-01-14 07:16

Element UI 中的Table表格组件自定义行高与整个表格自适应高度

效果图：代码：exportdefault{name:"Demo",data(){return{tableData:[{id:'01',name:'小红',address:'北京'},{id:'02',name:'小李',address:'上海'},{id:'03',name:'小明',address:'广州'}]}}}解析：1、:header-row-style="{height:'30px'}"
我是小木鱼·2024-01-13 11:42

小张和跨域问题

小张终于学跨域了同源策略JSONP解决方案document.domain+iframe跨域location.hash+iframe跨域CORS跨域资源共享cors原理简单请求与复杂请求请求过程同源策略同协议
小张小张_遇事不慌·2024-01-12 03:26

ruoyi el-table调整

如何给表格自适应高度1、el-table增加max-height属性2、data增加tableHeight变量data(){return{//表格高度tableHeight:0,....}};3、mounted
诸法空性·2024-01-10 20:37

记录vue使用KindEditor上传图片发生的iframe跨域的错误

记录KindEditor上传图片时候发生的错误：Blockedaframewithorigin“http://localhost:8080”fromaccessingacross-originframe错误我是用的KindEditor的版本4.1.11，在KindEditor官网可以进行下载。然后引入进入VUE项目里面，在main.js里面注入4个文件然后开始正常配置显示，结果到了上传图片的时候发
深圳程序员打工崽·2024-01-10 14:44

iframe跨域问题

大多数是因为使用window.parent或top.xxxx在子页面，想使用父页面的参数，但是原因两个的域名不一样，所以会出现跨域问题解决方法：在子页面window.postMessage("message",'*');//后面的*号就是处理跨域问题的然后在父页面window.addEventListener('message',function(msg){console.log(msg.data
m0_67390379·2024-01-10 14:39

vue2-样式问题-分页吸底，表单居上，根据浏览器高度或者宽度表格自适应高度

查询重置导出exportdefault{name:"Heatstation",components:{},data(){return{//显示搜索条件showSearch:false,isDis:false,//点完搜索让按钮禁用防止连续点击searchForm:{//查询条件表单数据//pageNum:1,//pageSize:100,Name:undefined,},tableData:[],
左手吻左脸。·2024-01-10 07:49

Ext.BoxComponent

任何使用矩形容器的作可视化组件Ext.Component的基类，该类的模型提供了自适应高度、宽度调节的功能，具备大小调节和定位的能力二、继承图boxComponent.jpg三、属性位置属性宽高属性四、
js_hcl·2024-01-08 23:12

iframe跨域通信传递数据笔记 postMessage

文章目录前言一、iframe的window二、上级向iframe传值1.用postMessage2.XX三、postMessage("发送的消息","域名*代表全部");1.postMessage是window下的方法2.语法从被传值目标的window对象调用postMessage(参数1,参数2,参3一般省略)参数1:messageData参数2:targetOrigin目标域名,"*"代表所有
kfepiza·2024-01-08 20:53

uniapp tab选项卡 swiper 高度自适应 使用vue nextTick 解决swiper不能及时获取高度

unippswipertab高度自适应使用了vuenextTick实现swiper切换自适应高度因为在uniapp中不支持vue的router-view所以选项卡选择了swiper,但是swiper的高度需要预设
时间在飞飞·2024-01-08 18:50

js跨域的解决方案

常见跨域场景二、跨域解决方案1、通过jsonp跨域2、跨域资源共享（CORS）3、document.domain+iframe跨域4、locati
muzidigbig·2024-01-08 04:08

iframe跨域通信

在非跨域的情况下，可以通过【父调子】iframe的dom节点.contentWindow【子调父】window.top/window.parent来相互通信在跨域情况下，可以使用postMessage()配合监听onmessage调用//主动调用的页面window.top.postMessage('messageMark','*')//该页面为iframe页面iframeDom.contentWi
寻ing·2024-01-07 05:32

tableView上使用textView遇到的问题

注意:若想TextView自动向上移动必须设置textView.scrollEnabled=NO;便可以实现像label一样自适应高度//这是在cell上的textView//其中textViewHeight
FM_0138·2024-01-03 21:18

Element-ui下拉框多选样式——宽高自适应

Element-ui下拉框多选样式——宽高自适应高度自适应宽度自适应高度自适应在element-ui的文档中可以看到，多选时，高度自适应是默认就有的展示方式，select组件不需要设置额外属性，如下图显示
iatkotworld·2024-01-03 10:59

div设置背景图片自适应

div设置背景图片,不重复不变形，还可根据不同屏幕的宽度，自适应高度效果：宽度变窄，高度相应比例变窄宽度变宽，高度相应比例变宽高度与宽度无法直接自适应，需要找一个中间的属性相串联。
qiweilong123456·2023-12-28 07:38

Vue3 自定义指令让元素自适应高度，el-table在可视区域内滚起来

我始终坚持，前端开发不能满足于实现功能，而是需要提供优秀的交互与用户体验。即使没有产品没有UI的小项目，也可以自己控制出品质量，做到小而美。所以前端们不仅仅需要了解框架如何用，还要学习一些设计、交互、体验的知识，在一堆雷同的产品中脱颖而出。哦，扯远了，因为今天想记录的这个功能是一个小小的体验提升，有感而发了。表格行数较多时会让页面产生滚动条，用户滚动页面的话，上面的搜索条件或者其它内容被卷上去了看
immocha·2023-12-28 07:30

css样式里面计算元素长宽 ——calc()函数

前言开发过程中，写元素的长宽，往往是父元素设置了自适应高度100%，而其子元素的高度应该设置为父元素高度减去10px。
MC桥默·2023-12-27 22:01

div模拟实现textarea

最近在开发一个公众号项目，需要实现简单的聊天功能，如下图：由于textarea不能自适应高度，而且内容过多时还有滚动条，很不美观，于是开始百度各种方法。。。
小小米的小苹果·2023-12-18 03:22

[element-ui] el-scrollbar 自适应高度，超出最大高度时出现滚动条

...ul{height:100%;max-height:150px;}
533_·2023-12-16 03:54

vue2 -- 解决el-table自适应高度,页面不显示多条滚动条，超出的部分让el-table内部出现滚动条。

文章目录1：需求描述2：代码3：页面使用1：需求描述在开发中，需要表格控件根据浏览器高度进行调整，固定表头，且然后多余的出滚动条，官方给出的：只要在el-table元素中定义了height属性，即可实现固定表头的表格，而不需要额外的代码。页面上布局是头部-面包屑，中间-表格，底部-分页组件。需要使表格高度需要自适应屏幕。2：代码\src\mixins\TableHeight.js新建TableHe
Kingsaj·2023-12-06 14:26

input自适应高度

##input自适应高度js实现$(document).ready(function(){varinput=$("#div").find("input[type='text']");input.each
羽渡尘·2023-12-05 14:04

知乎日报第三周总结

1.对于评论cell，由于每个评论内容的字数不能确定，就决定每个cell的高度不定，这里我用到Masonry约束实现UITableView自适应高度。步骤1:在table
付闯688·2023-12-05 01:31

QListWidget中自定义widget大小自适应

参考：QTQListWidget的添加与删除，滚动条显示或隐藏，判断是否滑到顶部或底部，并使QListWidgetItem自适应大小_qlistwidgetitem自适应高度-CSDN博客使用如下代码：
lpl轻舟已过万重山·2023-12-02 22:32

知乎日报仿写--第四周

知乎日报仿写--第四周前言评论区数据的请求cell高度的计算cell高度对其子视图的自适应Uilabel的自适应高度cell上的视图最好不要直接移除前言这两周完成的东西比较少，有金工实习的原因也有自身的一些原因
菜的不敢吱声·2023-11-30 12:39

使用postMessage解决iframe跨域问题

Document点击关闭$('#gb').click(function(){layer.alert('确认关闭',function(){layer.closeAll();parent.postMessage({cardId:'2131',msg:'close'},'*');})})$('button').click(function(){layer.open({type:'1',content:$
QRFF·2023-11-30 11:23

iframe跨域通信方法详解window.postMessage

文章目录window.postMessage()用法实例今天接到个需求，A页面中要嵌入一个iframe，这个iframe是B页面，此时A页面需要得到B页面的一些信息。window.postMessage()我们都知道浏览器的同源策略，即对于两个不同页面的脚本，只有当他们的页面具有相同的协议，端口号和主机（document.domain）时，两个脚本才能互相通信。window.postMessage
xiao xu·2023-11-26 15:51

iframe跨域问题

大多数是因为使用window.parent或top.xxxx在子页面，想使用父页面的参数，但是原因两个的域名不一样，所以会出现跨域问题解决方法：在子页面window.postMessage("message",'*');//后面的*号就是处理跨域问题的然后在父页面window.addEventListener('message',function(msg){console.log(msg.data
鹅鹅鹅呢·2023-11-25 06:55

Blocked a frame with origin XXX from accessing a cross-origin 跨域问题解决方案

本文示例使用的htmlvueckeditor4场景说明项目是一个比较老的项目，需要使用ckeditor4来进行步骤填写，商议后使用jsp内iframe一个vue的html页面进行编写，但是在部署的环境下发生了iframe
New_Yao·2023-11-25 06:19

Android匿名共享内存（Ashmem）原理，flutter瀑布流自适应高度

=========首先看一下两个关键函数，intshmget(key_tkey,size_tsize,intshmflg);该函数用来创建共享内存void*shmat(intshm_id,constvoid*shm_addr,intshmflg);要想访问共享内存，必须将其映射到当前进程的地址空间参考网上的一个demo，简单的看下，其中key_t是共享内存的唯一标识，可以说，Linux的共享内存其
sa3221sa·2023-11-24 01:39

VUE 获取PDF文档流直接打印

二、踩坑刚开始通过api获取后端给的PDF地址，创建一个隐藏的iframe标签src设置为pdf地址；前端通过获取隐藏的iframe标签的id来实现打印指定内容；存在iframe跨域问题，不能直接调起print
橘子y·2023-11-19 07:27

输入高度自适应contenteditable

通常只有input、textarea编辑输入信息，但是不满足输入自适应高度。
小虫信息科技·2023-11-15 11:07

【vue】弹性布局实现自适应高度cell

如果弹性布局可以换行；flex-wrap:wrap;行间距离就不是align-items控制而是align-content:flex-start来控制了.scroll{height:1140px;width:100%;box-sizing:border-box;padding-left:12px;padding-right:12px;display:flex;justify-content:spa
当白·2023-11-14 20:25

ElementUI表格el-table自适应高度（表头表尾固定不动）

ElementUI表格el-table自适应高度（表头表尾固定不动），内容只在中间滚动，效果如图：实现代码保存导出Excel{{scope.row[item.FillSetID]}}{{scope.row.Remark
从兄·2023-11-14 14:28

仿写知乎日报第三周

新学到的本周新学习了FMDB数据库，并对Masonry的使用有了更近一步的了解，还了解了cell的自适应高度FMDB数据库的介绍和使用：iOS——FMDB的介绍与使用cell自适应高度和Mansonry
晓美焰丶·2023-11-08 02:05
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他