最近忙上,忙下,忙里,忙外,活儿做了不少。这里有重复劳动,也有新奇体验。重复的就无需再说,记录下新近学到的一些东西,以免以后遇到又去找来找去,baidu google的。。。。
内容都很基础,涉面也很杂,如果这个博客不小心被哪个大牛看到,不要嘲笑我。。。。
iframe相关:
两站交互问题:
- 使用背景:A站想要与B站进行交互
- 实现方式:在A站的body中增加iframe,src设置为B站的地址,iframe要设置id,以便查找。iframe中的网站为iframe外的网站的子窗口,反之,外面的是里面的父窗口。
- 调用方式:子窗口程序中调用父窗口对象—— window.parent/ window.top; 父窗口调用子窗口中对象——document.getElementById('iframe_main').contentWindow
- 实现前提: A站和B站不可跨域。如果跨域,iframe中的parent和top属性将为undefined。
- 如何保证同域:在html的head中增加 <script>document.domain='xxx.com';</script>
- 如果想显示iframe中网站的一部分,使用如下方式:
<table width="560" border="0" align="center" cellpadding="1" cellspacing="1">
<tr>
<td>
<p align="center" style="margin-top: -109px;margin-left: -109px">
<iframe width="560" height="548" src="url" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>
</td>
</tr>
</table>
- 知识漏点:关于跨域操作的问题,还有待学习。。。。
CSS
透明度问题:
开发中,我设置了一个dialog的弹出效果,是透明度有0.1开始到全显示,使用jQuery.animate方法。这个dialog里面有n个组件也用到了透明度属性,此时,IE下,dialog显示后,那些拥有透明度属性的组件都显示异常(有的不再透明,有的过度透明。。。),试过所有方法,最后只有一个生效,就是把dialog的style中的那个'filter:alpha(opacity=100); opacity:1 删掉。。。jQuery的1.6版本在animate完成后“删掉了filter属性”,可能也是基于这种问题。但至于为什么会有那些影响,除了知道是filter和opacity有继承特性外,再细节的就没有考察了。
margin问题:
- margin的计算起准点是左上。
- 对于两个相邻的都设置了正margin的结点,如果它们的上下margin有交接,则会将它们顶部和底部方向的margin重叠,然后以较大margin的数值为准,设置间距。但是对于左右margin则不会重叠计算,而是累加。
- 如果交接的margin有一个是负数,则margin最后的效果以负数的为准;如果都是负数,以绝对值较大的为准。
比如 相邻关系
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>table</title>
<style>
.div1 {margin:20px; width:600px; height:200px; background-color:#333;}
.div2 {margin:10px; width:600px; height:200px; background-color:#666;}
</style>
</head>
<body>
<div class="div1"></div>
<div class="div2"></div>
</body>
</html
最后运行的结果是div1和div2的间距是20px而不是(20+10)px。
如果是包含关系的两个div呢?
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>table</title>
<style>
.div1 {margin:20px; width:600px; height:200px; background-color:#333;}
.div2 {margin:10px; width:600px; height:200px; background-color:#666;}
</style>
</head>
<body>
<div class="div1"><div class="div2"></div>
</div>
</body>
</html>
结果相同
那如果你想让子结点的margin生效,那就要在两个margin之间隔点儿东西,比如,padding。将div1加一个padding:10px的属性,这时div2与div1的顶部间距就变成10+10 = 20px了。
分享到:
相关推荐
python入门-30.寻找列表中只出现一次的数字——寻找单身狗.py
linux优化笔记,配套视频:https://www.bilibili.com/list/474327672?sid=4496133&spm_id_from=333.999.0.0&desc=1
知识付费系统-直播+讲师入驻+课程售卖+商城系统-v2.1.9版本搭建以及资源分享下载,CRMEB知识付费分销与直播营销系统是由西安众邦科技自主开发的一款在线教育平台,该系统不仅拥有独立的知识产权,还采用了先进的ThinkPhp5.0框架和Vue前端技术栈,集成了在线直播教学及课程分销等多种功能,旨在为用户提供全方位的学习体验,默认解压密码youyacaocom
美妆神域-JAVA-基于springBoot美妆神域设计与实现
原生js制作Google粘土logo动画涂鸦代码.zip
golin 扫描工具使用, 检查系统漏洞、web程序漏洞
原生态纯js图片网格鼠标悬停放大显示特效代码下载.zip
1.版本:matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点:参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象:计算机,电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用,注释清楚,适合新手
去水印web端独立版web
原生js制作左侧浮动可折叠在线客服代码.zip
Chrome 谷歌浏览器下载
全新完整版H5商城系统源码 自己花钱买的,亲测可用,需要自行下载 H5商城系统设置是实现商城基本功能的核心部分,涵盖了从网站配置、短信和支付配置,到商品、工单、订单、分站和提现管理等多个模块的设置。以下是详细的设置指南,帮助您快速上手并高效管理商城系统。 测试环境:Nginx+PHP7.0+MySQL5.6 1. 网站配置 设置商城名称、LOGO、标题、联系方式和SEO关键词等,确保商城专业和易于搜索。 2. 短信配置 配置短信接口和模板,用于发送订单通知、验证码等,提升用户体验。 3. 支付接口配置 配置微信、支付宝等支付接口,填写API密钥和回调地址,确保支付流畅。 4. 商品分类管理 对商品进行分类和排序,设置分类名称和图标,便于用户查找商品。 5. 商品管理 添加和管理商品信息、规格、图片等,确保商品信息准确丰富。 6. 工单管理 查看和回复用户工单,记录售后问题,提升用户服务质量。 7. 订单管理 查看订单详情,更新订单状态,支持批量导出,方便订单跟踪。 8. 分站管理 创建不同区域分站,设置权限,统一管理各区域市场。 9. 提现管理
apk安装包
原生js选项卡插件自定义图片滑动选项卡切换.zip
宗教信息佛教佛寺寺庙庵堂相关数据集提供了全国各个地区省市县各个佛教寺庙的详细信息。这些数据不仅包括寺庙的名称和负责人姓名,还涵盖了所属省份、地级市、区县、具体地址、建立日期以及支派类别等关键信息。该数据集整理了超过3万条样本,为研究中国佛教寺庙的分布、历史和文化提供了丰富的第一手资料。这些信息有助于了解佛教在中国的传播和发展,以及寺庙在社会和文化中的作用。数据的整理和提供,对于宗教学、社会学、历史学和文化研究等领域的学者来说,是一个宝贵的资源。
1.版本:matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点:参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象:计算机,电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 替换数据可以直接使用,注释清楚,适合新手
简单的 Python 版本管理pyenvpyenv 可让您轻松在多个 Python 版本之间切换。它简单、不引人注目,并遵循 UNIX 传统,即使用单一用途的工具来做好一件事。该项目由rbenv和 ruby-build分叉而来,并针对 Python 进行了修改。pyenv 的作用是什么......允许您根据每个用户更改全局 Python 版本。为每个项目的 Python 版本提供支持。允许您使用环境变量覆盖 Python 版本。一次搜索多个 Python 版本的命令。这可能有助于使用tox跨 Python 版本进行测试。与 pythonbrew 和 pythonz 相比,pyenv没有……依赖于Python本身。pyenv由纯shell脚本制作。不存在Python的引导问题。需要加载到你的 shell 中。相反,pyenv 的 shim 方法通过向你的 中添加目录来工作PATH。管理虚拟环境。当然,你可以自己创建虚拟环境 ,或者使用pyenv-virtualenv 来自动化该过程。目录安装获取 PyenvLinux/UNIX自动安装程序基本
Notepad-v2.20工具,是替代Notepad++的首选工具
原生js随机图片拖拽排序代码.zip
更快、更好、更稳定的Redis桌面(GUI)管理客户端,兼容Windows、Mac、Linux,性能出众,轻松加载海量键值