摘要：
javascriptの循序渐进系列为《javascript高级程序设计》的读书笔记，记录了看书过程中觉得重点的地方和一些总结，为学习javascript打好基础。------------------------------------------------分割线------------------... 阅读全文
摘要：
目前有越来越多的网站都使用animation，无论他们是用GIF，SVG，WebGL，视频背景或者其他形式展示。适当地使用动画会让网站更生动，互动性更好，为用户增加一个额外的反馈和体验层。在本教程中我会向你介绍CSS动画；随着浏览器支持性的提高已经变得越来越流行了，css动画在做一些事情上有很高的性... 阅读全文
摘要：
在自适应布局中，有时候会让图片随着宽度的变化相应的放大或者缩小，或者说让图片等比缩放，但是每个图片的大小又不一样，这个时候我们就要用到max-width这个属性了。img{ max-width:100%;}这个属性直接设置在img标签上，这时图片就能缩放了。但是如果在百分比容器中使用这个属性，并且... 阅读全文
摘要：
如图所示,Tag标签的制作通常使用背景图片,现在用CSS3代码就能实现尖角效果(需浏览器支持CSS3属性).运用CSS3样式实现尖角标签,只需要写简单的HTML结构和CSS样式. Tag1 Tag2 Tag3 Tag4css主要利用伪元素来实现尖角a{ dispaly:... 阅读全文
摘要：
自己写的一个简单的分页组件,主要功能还有实现都在JS中,html页面中只用增加一个放置生成分页的DIV,并给定容器的id.html结构如下:class="pagination" 给定了分页的样式,id="pageDIV"用于放置JS生成的分页 CSS结构如下:.pagination{ marg... 阅读全文
摘要：
viewport:你可以定义viewport的宽度.如果你不使用width=device-width,在移动端上你的页面延伸会超过视窗布局的宽度(width=980px),如果你使用了width=device-width,你的页面将会显示为合适的移动端宽度(width=320px),我们可以使用me... 阅读全文
摘要：
从后端数据库读取时间时,经常会把整个日期年月日包括时分秒都取到,如2015-1-28 14:56:00,但是一般的我们只需要前面的年月日就行了.一个简单的方法,直接用split(" ")[0]就可以以空格截取,获得截取的第一段,就是我们要的年月日.现在来说说用正则表达式怎么实现.思路:获取到字符串中... 阅读全文
摘要：
一个简单的响应式菜单,仅使用@media query实现.上图的作用就是将普通的菜单在缩小浏览器屏幕到一定宽度,或者是在移动设备上的显示效果.现在分步进行实现:第一步:先构建一个普通的菜单,具体显示如图:结构如下: Portfolio Illustration ... 阅读全文
摘要：
Float是一个强大的属性,但是它也会困扰我们如果我们不知道它的工作原理的话.这篇文章主要介绍float的原理和基本用法.我们可以看到float在印刷世界的应用-杂志.很多杂志文章都是左边一个图片,右边的文本浮动环绕着左边的图片.在HTML/CSS的世界中,有浮动样式的图片,文字将会包裹在它的周围,... 阅读全文
摘要：
this关键字在javascript中是非常强大的,但是如果你不清楚它是怎么工作的就很难使用它.1 function dosomething(){this.style.color="#fff";}上面这段代码中的this指向什么呢,运行dosomething()会输出什么呢?在javascript中... 阅读全文