`
chenliangyu_iee
  • 浏览: 8729 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

这两天JS总结

阅读更多

这两天开始动手写一个jQuery小插件,涉及到了一些CSS知识,现总结如下,比较基础。

1.涉及到z-index属性的时候,界面必须要有position:absolute和position:relative属性,,z-index只有在该positon:static会失效,也就是默认值的时候。

2.position:absolute的时候必须要有tleft ,ight ,top,bottom 属性之一他才可以触发absolute.

3.postion:absolote是相对与父节点的定位,我也是被坑在这里了,很天真的认为这个元素只要有父节点就会找自身的父节点,后来一前端大叔过来看了一眼告诉我父节点要有position:属性这样这个元素才会知道相对于哪个父节点做相对定位。后来上网查证网上摘抄过来一句话默认依据父级的做标原始点为原始点。如果设定父级没有设定position属性,那么当前的absolute则以浏览器左上角为原始点进行定位.合算没有position属性就去相当于body定位了。。。标准文档里有这么一句话属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。

 

4.position:relative对于自己来定位的,例如:{position:relative;top:-50px;},这时会在相对于它原来的位置上移50px,可通过z-index进行层次分级。

5.position:fixed;这里所固定的参照对像是可视窗口而并非是body或是父级元素。可通过z-index进行层次分级。

 

 

 

分享到:
评论

相关推荐

    js关键字总结 js关键字总结

    ### JS关键字总结 JavaScript是一种广泛使用的脚本语言,在前端开发中扮演着至关重要的角色。它包含了一系列的关键字、内置对象和方法,这些是理解和编写JavaScript程序的基础。下面将对提供的内容进行详细的解释与...

    js-大总结(JavaScript对象).

    ### JavaScript对象大总结 #### B.1 Anchor对象 **定义:** 在HTML中,通过`<a name="..." />`创建的描点可以被其他链接作为目标引用。如果该描点还包含`href`属性,则它同时也是一个链接对象。 **关联性:** ...

    javascript脚本获取当月第一天日期和最后一天日期

    总结一下,JavaScript获取当月第一天和最后一天的关键在于理解Date对象的属性和方法,并通过适当的计算调整日期。通过`setDate(1)`可以得到当月第一天,通过计算下个月第一天并减去一天可得到当月最后一天。这些知识...

    cookiejs一个微小的JavaScript库简化了Cookies操作

    例如,可以设定一个在两天后过期的Cookie: ```javascript cookie.set('session_token', 'abcde', { expires: 2 }); ``` 同时,Cookie.js还支持批量操作,可以一次性处理多个Cookies,极大地提高了开发效率。在...

    javascript日历js

    这个压缩包文件包含了两个关键文件:index.htm和RiLi.js,它们共同构成了一个简单的日历应用。 首先,我们来理解一下JavaScript的基础。JavaScript是一种广泛使用的编程语言,主要用于网页和网络应用的动态效果和...

    arcgis js api 4.7加载天地图的代码

    总结来说,加载天地图到ArcGIS JS API 4.7的关键在于创建一个`TiledLayer`,配置正确的服务URL和坐标系,并将其添加到`Map`对象的基图层中。通过这种方式,你可以将天地图无缝集成到自己的Web地图应用中,提供中国...

    一段js小代码,计算距春节还有多少天.docx

    本文将详细介绍如何编写一段简单的JS代码来实现这一功能。 #### 实现原理 实现计算距离春节还有多少天的功能主要涉及以下几个关键步骤: 1. **确定春节日期**:根据公历与农历之间的转换关系,确定每年春节的具体...

    JS课程设计.pdf

    **基础篇**首先介绍了Arcgis JavaScript和Dojo这两个关键的技术。Arcgis JavaScript是一个强大的地图服务API,用于构建交互式的地理信息系统应用。Dojo则是一个JavaScript库,提供了丰富的UI组件和工具,便于开发者...

    520简单表白代码(JS) 这两天不知道咋了,迷迷糊糊的,突然知道今天是520的我,急急忙忙赶出个程序

    ### 520表白代码(JavaScript)解析与详解 #### 一、背景介绍 随着互联网技术的发展,人们在表达情感的方式上也越来越具有...希望通过对这段表白代码的详细解析,能够帮助读者更好地理解和掌握Web前端开发的基本技能。

    计算两天之间的月数.rar

    总结一下,计算两天之间的月数涉及到了日期对象的创建、日期间隔的计算以及对月份差异的精确处理。在编程中,我们通常会利用内置的日期处理类和第三方库,通过迭代或直接计算天数的方式来解决这个问题。确保算法的...

    20天熟练掌握JS,从入门讲起,逐步精通

    本资源"20天熟练掌握JS,从入门讲起,逐步精通"旨在帮助初学者在短时间内系统学习并精通JavaScript。 在为期20天的学习计划中,你需要每天投入一定的时间来理解和实践JavaScript的基本概念与高级特性。这个过程将...

    javascript日历实例

    总结一下,这个"JavaScript日历实例"是一个结合了JavaScript日期处理、DOM操作和用户交互的项目,它展示了如何在网页中创建一个实用的日历组件。这个实例对于学习JavaScript编程、前端开发以及JSP结合JavaScript的...

    Screenshot-JS屏幕截图插件脚本

    总结,Screenshot-JS是一个实用的Web前端屏幕截图插件,通过巧妙地利用HTML5和JavaScript技术,为开发者提供了方便的截图功能。掌握其工作原理和使用方法,能极大地丰富和提升你的Web应用的交互体验。在实际项目中,...

    JavaScript基础第01天笔记1

    JavaScript有两种基本数据类型:原始类型(Primitive Types)和引用类型(Reference Types)。原始类型包括布尔值(Boolean)、数字(Number)、字符串(String)、空(Null)、未定义(Undefined)以及ES6引入的...

    JS倒计时源码

    总结,JS倒计时的实现涉及到JavaScript的基本语法、日期处理、DOM操作、定时器和事件监听等多个方面。理解并掌握这些知识点,有助于开发者创建具有动态时间功能的网页应用。在实际项目中,可以根据具体需求调整代码...

    七天html实训总结.pdf

    最后两天,我们通过实际项目——仿写小米网站,将所学知识综合运用,提升了解决问题的能力。 实训过程中,我深刻体会到HTML不仅仅是一种技术工具,更是一种创新思维的载体。设计网页不仅需要扎实的编程基础,还需要...

    js检测判断日期大于多少天的方法

    总结,JavaScript中的Date对象提供了强大的日期处理能力。通过理解其构造函数、属性和方法,我们可以轻松地进行日期比较、计算日期差值等操作。在实际项目中,可以根据需求选择合适的日期库,如Moment.js或Day.js,...

    js日期增加n天.txt

    ### JavaScript 日期增加 N 天知识点详解 #### 核心概念 在JavaScript中,操作日期是一种常见的需求,尤其是在处理时间相关的功能时。本知识点主要聚焦于如何使用JavaScript来实现日期的增加,具体来说,是如何让一...

    highstock.js-

    Highstock和Highcharts是Highsoft公司开发的两个密切相关但用途不同的JavaScript库,专门用于创建高质量的数据可视化图表。Highstock主要用于股票市场和其他时间序列数据的展示,而Highcharts则是一个通用的图表库,...

    天地图多车轨迹.zip

    标题“天地图多车轨迹.zip”暗示我们正在讨论一个与地理...总结来说,这个项目涵盖了GIS技术、Web开发以及客户端交互等多个方面,对于想要学习如何在地图平台上实现动态轨迹展示的开发者来说,是一个很好的实践案例。

Global site tag (gtag.js) - Google Analytics