`
chenliangyu_iee
  • 浏览: 8587 次
  • 性别: 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进行层次分级。

 

 

 

分享到:
评论

相关推荐

    javaScript函数式编程

    5.3.1 部分应用一个和两个已知的参数91 5.3.2 部分应用任意数量的参数92 5.3.3 局部应用实战:前置条件93 5.4 通过组合端至端的拼接函数96 5.5 总结98 第6章 递归100 6.1 自吸收(self—absorbed)函数(调用自己的...

    JavaScript 总结几个提高性能知识点(推荐)

    由于空不出时间,这个月写的学习笔记也不多,忙完最苦X的一周,这两天晚上也算是挑灯夜读了…终于是在残血之际将这本书shut down了… 既然读完了,总归是要学到些什么的。说说对这本书的看法先吧,整体的来说,内容...

    CSS+JS实现一个DIV层的展开折叠效果

    CSS+JS实现一个DIV层的展开折叠效果,自己总结出来的,两天才解决的问题,分享出来,大家项目学习,交流。欢迎评论、指导

    pace.js和NProgress.js两个加载进度插件的一点小总结

    今天一天就捣鼓了加载进度动画,也研究了大量的(也就这两个)加载进度动画,也算对加载进度动画有了一个初步的了解了吧。 NProgress.js NProgress是基于jquery的,且版本要 >1.8 API:  NProgress.start() — 启动...

    用JS实现网页元素阴影效果的研究总结

    前两天由于一个小项目想为一元素添加一个阴影效果,但是记得看过某高人写的”用Div/CSS模拟阴影效果”文章,现在还有一点印象,其思路很简单,主要是利用几个层的定位偏移来实现的阴影特效,于是偶就想能不能封装成一...

    解决idea开发遇到javascript动态添加html元素时中文乱码的问题

    一个几个月前做的小网站,这两天翻出来再看看,发现JavaScript文件中动态添加html元素中的中文乱码了,但是从后台获取的动态中文资源没问题,只有js文件中的静态中文资源,加载到网页中显示乱码 不要在意日期中年...

    张孝祥JavaScript学习阶段性总结(2)–(X)HTML学习

    这两天读完了张孝祥JavaScript–HTML部份,对于HTML的重点进行了总结。 在读HTML这两章时遇到不会的不必深究,有些是动态才用到的,有些是过时(被淘汰的用法和语法)的东东。 (1) 书中介绍的HTML版本是HTML4.01...

    每天一篇javascript学习小结(Function对象)

    小编两天都没有更新文章了,小伙伴们是不是等着急了,今天开始再继续我们的《每天一篇javascript学习小结》系列文章,希望大家继续关注。 1、Function 函数调用(类似call方法) function callSomeFunction(some...

    用javascript连接access数据库的方法

    就找到了这两篇文章 ------------------------------------------ 这几天费了挺大力气在网上查找javascript连接access数据库的方法, 经过整理总结,终于写出一段能够...

    用js闭包的方法实现多点标注冒泡示例

    这两天在做地图这块,一点点js代码,各种坑。第一次接触js,各种难,下面就这几天的研究做一些总结,求坑 在事件监听器中使用闭包 在执行事件监听器时,通常可取的做法是将私有数据和持久性数据附加到对象中。...

    JavaScript解八皇后问题的方法总结

    关于八皇后问题的 JavaScript 解法,总觉得是需要学习一下算法的,哪天要用到的时候发现真不会就尴尬了 背景 八皇后问题是一个以国际象棋为背景的问题:如何能够在 8×8 的国际象棋棋盘上放置八个皇后,使得任何一个...

    详解iOS webview加载时序和缓存问题总结

    本篇文章主要介绍了iOS webview加载时序和缓存问题总结 ,这两天学习了Vue.js 感觉组件这个地方知识点挺多的,而且很重要,所以,今天添加一点小笔记。

    2017值得一瞥的JavaScript相关技术趋势

    2017值得一瞥的JavaScript相关技术趋势从属于笔者的Web 前端...  跨年前两天,Dan Abramov在Twitter上提了一个问题:  JS社区毫不犹豫的抛出了它们对于新技术的预期与期待,本文内容也是总结自Twitter的回复,

    微信小程序上传图片至OSS的一些个人总结

    这两天修改公司小程序的一些功能,发现上传图片至OSS失败,便一直寻找出现了什么问题,最后发现是policy过期,更改后发现相应的signature也要改,因为需要特定的处理才能生成signature,当时好一顿查资料,最后算出...

    fullpage.js最后一屏滚动方式

    这两天公司网页改版用到fullpage.js这个滚屏插件,页面内容整屏的滚动,不成问题,各种设置在网上也都有文档。 而我遇到的问题就是,页面内容不满屏的时候,和上面的内容放一块就太挤,单独放一屏就太空,好尴尬的说...

    浅析函数声明和函数表达式——函数声明的声明提前

    前两天班级聚会,除了吃喝玩乐就是睡觉扯淡,甚是喜悦,真是独乐乐不如众乐乐啊。 PS:毕业的或即将毕业的有时间能聚就聚吧,毕了业以后属于自己的时间能聚到一块儿可就少太多了。 现在有点时间来看点东西总结些东西...

    css兼容性问题总结笔记

    4. IE6下这两个层中间有间隙 5 5. 当子元素浮动且未知高度时,怎么使父容器适应子元素的高度 5 6. 超链接访问过后hover样式就不出现 5 7.IE6绝对定位元素的1像素间距bug 5 8. LI中内容超过长度后以省略号显示的方法 ...

    浅析JavaScript作用域链、执行上下文与闭包

    闭包和作用域链是JavaScript中比较重要的概念,这两天翻阅了一些资料,把相关知识点给大家总结了以下。 JavaScript 采用词法作用域(lexical scoping),函数执行依赖的变量作用域是由函数定义的时候决定,而不是...

    深入理解js A*寻路算法原理与具体实现过程

    这两天研究了下 A* 寻路算法, 主要学习了这篇文章, 但这篇翻译得不是很好, 我花了很久才看明白文章中的各种指代. 特写此篇博客用来总结, 并写了寻路算法的代码, 觉得有用的同学可以看看. 另外因为图片制作起来比较...

    Vue键盘事件用法总结

    这两天学习了Vue.js 感觉组件这个地方知识点挺多的,而且很重要,所以,今天添加一点小笔记,学习一下Vue键盘事件 键盘事件 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <...

Global site tag (gtag.js) - Google Analytics