11 2017 档案

大前端完整学习路线（详解）
摘要：第一阶段： HTML+CSS: HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、 JavaScript基础： Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。 JS基本特效： 常见特效、例如：tab、导航、整页滚 阅读全文
posted @ 2017-11-17 16:19 circleline 阅读(395) 评论(0) 推荐(0)
基于JS实现新闻列表无缝向上滚动实例代码
摘要：当新闻较多，并且空前有限的时候，使用滚动是一个不错的选择，本章节就通过代码实例介绍一下如何实现此效果。 代码实例如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://w 阅读全文
posted @ 2017-11-06 17:12 circleline 阅读(790) 评论(0) 推荐(0)
前端攻城狮学习笔记九：让你彻底弄清offset
摘要：很多初学者对于JavaScript中的offset、scroll、client一直弄不明白，虽然网上到处都可以看一张图（图1），但这张图太多太杂，并且由于浏览器差异性，图示也不完全正确。 图一 不知道大家看到这张图的第一感觉如何，反正我的感觉就是“这次第，怎一个乱字了得”。 既然我认为上图太多太乱， 阅读全文
posted @ 2017-11-06 17:11 circleline 阅读(272) 评论(0) 推荐(0)
jqeury获取相对地址，以及获取图片地址
摘要：var img_jdsrc= $(this).children("img")[0].src;//获取图片绝对路径 var img_xdsrc=img_jdsrc.substring(img_jdsrc.indexOf("images"));//获取图片相对路径 通过截取绝对地址获得相对地址， （“i 阅读全文
posted @ 2017-11-02 16:03 circleline 阅读(331) 评论(0) 推荐(0)
Flex 布局教程：语法篇
摘要：网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式 阅读全文
posted @ 2017-11-01 18:22 circleline 阅读(156) 评论(0) 推荐(0)
JS和jquery获取各种屏幕的宽度和高度的代码
摘要：Javascript: 网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： document.body. 阅读全文
posted @ 2017-11-01 14:35 circleline 阅读(192) 评论(0) 推荐(0)