`
DBear
  • 浏览: 231089 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类

我最近新学会的XXX

 
阅读更多

   最近忙上,忙下,忙里,忙外,活儿做了不少。这里有重复劳动,也有新奇体验。重复的就无需再说,记录下新近学到的一些东西,以免以后遇到又去找来找去,baidu google的。。。。

 

   内容都很基础,涉面也很杂,如果这个博客不小心被哪个大牛看到,不要嘲笑我。。。

 

    iframe相关:

 

     两站交互问题:

  1. 使用背景:A站想要与B站进行交互
  2. 实现方式:在A站的body中增加iframe,src设置为B站的地址,iframe要设置id,以便查找。iframe中的网站为iframe外的网站的子窗口,反之,外面的是里面的父窗口。
  3. 调用方式:子窗口程序中调用父窗口对象—— window.parent/ window.top; 父窗口调用子窗口中对象——document.getElementById('iframe_main').contentWindow
  4. 实现前提: A站和B站不可跨域。如果跨域,iframe中的parent和top属性将为undefined。
  5. 如何保证同域:在html的head中增加 <script>document.domain='xxx.com';</script>
  6. 如果想显示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>
 
 
  1. 知识漏点:关于跨域操作的问题,还有待学习。。。。

     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问题:

 

  1. margin的计算起准点是左上。
  2. 对于两个相邻的都设置了正margin的结点,如果它们的上下margin有交接,则会将它们顶部和底部方向的margin重叠,然后以较大margin的数值为准,设置间距。但是对于左右margin则不会重叠计算,而是累加
  3. 如果交接的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了。
分享到:
评论

相关推荐

    xxx.rar_51.拼xxx_51xxx_51xxx漫画_xxx.51cc_xxx51cc

    《51单片机编程初探:从零开始的实践指南》 51单片机是电子工程领域中广泛使用的微控制器,尤其在教学和入门级项目中占据着...记得,实践是检验真理的唯一标准,多动手,多思考,51单片机的世界将为你打开新的篇章。

    XXX学会协会研究会第X届理事会拟任领导机构及会员.pdf

    【XXX学会协会研究会第X届理事会】是一个专业组织,旨在聚集行业内的专家、学者和从业者,共同推动相关领域的学术研究、技术交流和行业发展。这样的组织通常由具有一定影响力和专业知识的个人或团体组成,通过定期的...

    API 670-2xxx

    **API 670** 是一个由美国石油学会(American Petroleum Institute, API)发布的标准,全称为“Machinery Protection Systems”。该标准旨在为石油、天然气及相关行业的机械保护系统的设计、制造和应用提供指导原则...

    小学老师xxx——xxx第二学期述职报告.pdf

    标题中的“小学老师xxx——xxx第二学期述职报告”表明这是某位小学教师针对其第二学期的教学工作进行总结和汇报的文档。这篇述职报告主要涵盖了教师在该学期的教学理念、教学改革、团队协作、个人发展以及技术应用等...

    UM0424_STM32F10xxx USB开发工具包 20181126

    4. **USB固件库**:ST提供的USB固件库(USB HAL或LL)是开发USB功能的核心,包含了设备枚举、数据传输等功能的API,开发者需学会如何使用这些库函数。 5. **USB驱动开发**:学习如何编写USB设备驱动,以使STM32F10...

    STM32F10xxx.rar_stm32

    6. 调试技巧:学会使用JTAG或SWD调试接口,使用STM32调试器进行程序调试。 7. 项目实战:通过实际项目,将理论知识转化为实际操作能力。 总之,STM32F10xxx系列是一个强大的微控制器,适用于众多嵌入式应用。通过...

    STM32F10xxx硬件开发:使用入门.zip

    STM32F10xxx系列是意法半导体(STMicroelectronics)推出的基于ARM Cortex-M3内核的微控制器,广泛应用于各种嵌入式系统设计。本文将深入介绍STM32F10xxx的硬件开发入门知识,帮助初学者快速理解和掌握STM32的基础...

    毕设xxx奶茶管理系统后端.zip

    5. 版本控制工具Git:学会如何提交、推送、拉取代码,解决合并冲突。 通过实际操作这个项目,不仅可以提升编程能力,还能加深对Web服务开发的理解,对于准备毕业设计或课程设计的学生来说,是一份宝贵的资源。同时...

    教师模板——————基于XXX的XXX管理系统的开发与测试.docx

    - **基于XXX的XXX管理系统**:这里的“XXX”代表了具体的平台或者技术,由于信息不完全明确,我们理解为一种面向教师使用的特定管理系统。 #### 实践意义 - 教师模板能够帮助教师快速上手各种教学文档的撰写,如...

    三步学会Java_Socket编程

    Socket socket = new Socket("xxx.xxx.xxx.xxx", 10000); BufferedReader in = new BufferedReader(new InputStreamReader(socket.getInputStream())); PrintWriter out = new PrintWriter(socket....

    市教育学会工作总结.doc

    4. **科研课题管理**:学会对“xxx”立项课题进行了过程管理,对10项河北省教育学会科研规划课题进行阶段总结,提供研究方法的指导,并对研究成果进行总结和推广。部分成果荣获河北省和邯郸市的教学成果奖,体现出...

    xxx.zip_cell

    【标题】"xxx.zip_cell" 指向的是一个与 "Cell" 组件相关的源码压缩包,这个组件主要用于创建超级报表模板设计器。在 .NET 开发环境中,尤其是在 C# 编程语言下,这样的组件通常用于数据可视化、报表设计和数据分析...

    AN2576_STM32F10xxx SPI 应用示例[1] 20181126

    总的来说,AN2576文档将帮助开发者深入理解STM32F10xxx系列微控制器的SPI接口,学会如何配置和优化SPI通信性能,以及如何解决实际应用中可能出现的问题。通过学习和实践这些示例,开发者能够更加熟练地将STM32F10xxx...

    xxx年暑期语文学科培训心得体会.pdf

    在xxx年的暑期语文学科培训中,我有幸参与了一场深入且富有启发性的学习盛宴,这次培训不仅强化了我的专业技能,也深化了我对语文教育的理解。讲座由北师大的张秋玲教授和清华附中的崔琪老师主讲,他们分别探讨了...

    机械设计制造及其自动化实习周记——xxx.doc

    这期间,我认识到快速适应新环境的能力至关重要,它不仅是自我成长的过程,也为未来的职业生涯奠定了基础。领导安排我与同事们相识,并指定了一个师父,他在实习期间成为我的指导者,帮助我解决遇到的问题。 第二周...

    XXX花园消防宣传工作方案资料.pdf

    1. **指导思想**:以“认识火灾,学会逃生”为主题,通过系列教育活动,提高居民和物业员工的消防知识,重点在于防火、灭火和逃生技能的普及,旨在强化消防安全责任,创建平安和谐的居住环境。 2. **组织领导**:...

    xxx小学劳动习惯养成记录表.pdf

    5. 劳动成果展示与收获:通过“我的劳动过程”和“我的收获”,孩子们可以直观地看到自己的进步,并从中感受到成就感。这种展示方式可以激发他们对劳动的热情,进一步巩固劳动习惯。 6. 故事分享的意义:故事讲述了...

    DSP概述2XXX(一)

    【DSP概述2XXX(一)】是一门针对数字信号处理器(DSP)的课程,主要讲解的是德州仪器(TI)公司的2000系列DSP。这门课程旨在将理论与实践相结合,帮助学生快速掌握DSP系统开发,提升工程素质和创新能力。 在课程的...

    python实验03-电子X班-B20230403xxx-姓名xxx.doc

    ### Python 实验报告知识点解析 #### 实验基本信息 ... - 在实验过程中,学会了如何有效地组织和呈现代码,提高了编程能力。 - 调试过程中,深刻体会到了细心和耐心的重要性,对错误处理有了更深入的理解。

    javascript 30分钟学会正则表达式

    "javascript 30分钟学会正则表达式"的教程旨在帮助你快速理解和应用正则表达式,无论你是初学者还是希望巩固正则知识的开发者。 首先,我们要了解正则表达式的构成元素。基础的元素包括元字符(如.、*、+、?、^、$...

Global site tag (gtag.js) - Google Analytics