随笔分类 - web前端开发
web前端开发总结.
摘要：WebGL程序在屏幕上同时使用HTML和javascript来创建和显示三维图形。WebGL中新引入的<canvas>元素标签，它定义了网页上的绘图区域。 由于<canvas>元素可以灵活地同时支持维维图形和三维图形，它不直接提供绘图方法，而是提供一种叫上下文（context）的机制来进行绘图。我们
阅读全文
摘要：addEventListener()是标准的绑定事件监听函数的方法，是W3C所支持的，Chrome、FireFox、Opera、Safari、IE9.0及其以上版本都支持该函数；但是，IE8.0及其以下版本不支持该方法，它使用attachEvent()来绑定事件监听函数。所以，这种绑定事件的方法必须
阅读全文
摘要：Infinity属性用于存放表示正无穷大的数值. 负无穷大是表示负无穷大一个数字值. 该属性为Global对象的一个只读属性, 所有主流浏览器均支持该属性. Infinity属性的值为Number类型, 其值一般输出显示为Infinity. 该属性与Number.POSITIVE_INFINITY属
阅读全文
摘要：蜂巢式图片布局类似这样的布局方式,一般主要用在导航,或者图片展示. 六边形的图片墙比普通正方形的图片排版比起来更加新颖,灵活,有新意.正六边形的图片展示还给人一种炫酷的感觉.并且带有特殊的规则感. 先做一个正六边形的DEMO: 怎么做一个六边形？其实是三个矩形div旋转60deg得到的，例如中间横着
阅读全文
摘要：对复选框最基本的应用, 就是对复选框进行全选,反选和全不选等操作.复杂的操作需要与选项挂钩,来达到各种级联效果. 首先在空白网页中创建一个表单, 其中放入一组复选框: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF
阅读全文
摘要：文本框或者文本域获得焦点时改变背景颜色和边框.时区焦点时还原最初状态.这样做可以极大地提高用户体验,使用户的操作可以可到及时的反馈. 我先是想到使用CSS实现, 貌似实现了,经过测试:发现低版本的IE不支持.我比较喜欢做IE兼容,就是查了很多资料. 发现IE6并不支持除了超链接元素(hover)之外
阅读全文
摘要：语法: animate(params, speed, callback); 1.自定义简单动画 2.累加, 累减动画 在之前的代码中,设置{left:"500px"}作为动画参数.如果在500px之前加上"+="或者"-="符号即表示在当前位置累加或者累减. 3.多重动画 同时执行多个动画. 4.按
阅读全文
摘要：我之前使用click()比较多,又来因为网页内容需要前端生成用了live().有的时候使用click()和bind()分不清楚该怎么试用.查了很多资料.测试了很多次,自己明白了. 总结如下:代码注释很详细,感觉不用在分段写了.都写在一起了.
阅读全文
摘要：超链接的提示效果 http://www.cnblogs.com/liubeimeng/p/5849292.html 稍微修改就可以变成图片提示效果. html部分代码: jQuery代码: 为了是效果更加人性化, 还需要为文字添加文字说明, 即提示出来的大图片下面出现图片相应的介绍. 如果title
阅读全文
摘要：我们知道浏览器自带了超链接提示, 只需要在超链接中加入 title 属性就可以了. 然而这个提示效果的响应速度是挺缓慢的.考虑到良好的用户体验, 需要的是当鼠标移动到超链接的那一瞬间就出现提示. 这时就需要移除<a>标签title的提示效果. 实现这个效果具体思路如下: a.当鼠标滑入超链接. mo
阅读全文
摘要：设置 <div> 元素中滚动条的垂直偏移： 定义和用法 scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置。 scroll top offset 指的是滚动条相对于其顶部的偏移。 如果该方法未设置参数，则返回以像素计的相对滚动条顶部的偏移。
阅读全文
摘要：函数:函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块. 函数是JavaScript中最灵活的一种对象. 匿名函数指没有指定函数名或指针函数, 自执行匿名函数只是其中一种. 匿名函数就是没有名字的函数,个人理解.也叫作闭包函数.允许临时创建一个没有指定名称的函数. 函数: function
阅读全文
摘要：循环可以将代码块执行指定的次数.如果您希望一遍又一遍地运行相同的代码，并且每次的值都不同，那么使用循环是很方便的。迭代语句又叫循环语句。 JavaScript 支持不同类型的循环： for - 循环代码块一定的次数 for/in - 循环遍历对象的属性 while - 当指定的条件为 true 时循
阅读全文
摘要：将属性添加到对象, 或修改现有属性的特性 MSDN的解释. 语法 object.defineProperty(object, propertyname, descriptor) object: 必须. 要修改的属性的对象. propertyname : 必须. 属性名称. descriptor: 必
阅读全文
摘要：左侧固定宽右侧自适应布局: 浮动布局:左边浮动,右边加margin-left的值,让它实现左边固定,右侧自适应布局. 截图: 右侧固定宽左侧自适应布局: 效果截图:
阅读全文
摘要：如何居中一个浮动元素? 首们需要position:absolute;绝对定位。而层的定位点，使用外补丁margin负值的方法。负值的大小为层自身宽度高度除以二。 效果截图:
阅读全文
摘要：什么是面向对象?面向对象是一种思想. 面向对象可以把程序中的关键模块都视为对象, 而模块拥有属性及方法. 这样如果我们把一些属性及方法封装起来,日后使用将非常方便,也可以避免繁琐重复的工作. 工厂模式 工厂模式是软件工程领域中一种广为人知的设计模式,由于ECMAScript无法创建类, 因此用函数封
阅读全文
摘要：对于这次移动端页面开发,新接触到的东西不少,首要的一个就是响应式布局,在移动页面开发中,需要考虑到移动端各种不同的屏幕大小而使用不同的布局来呈现出想要的效果.在小屏幕的移动设备中.可能需要减少页面中的信息量,并且改变原有的布局方案,采用适用于移动端的布局方案.而在中等屏幕大小的移动设备中,如平板,则
阅读全文
摘要：1.数组的创建 2.数组元素的访问 3.数组元素的添加 push()方法可向数组的末尾添加一个或多个元素,并放回新的长度 输出结果: xiaohong,xiaobai,xiaoli 4 xiaohong,xiaobai,xiaoli,xiaoliu unshift()方法可向数组的开头添加一个或多个
阅读全文
摘要：现在Javascript库海量，流行的也多，比如jQuery，YUI等，虽然功能强大，但也是不万能的，功能不可能涉及方方面面，自己写一个的JS库是对这些的补充，很多也比较实用，把应用到项目中中去也比较方面，这也是对工作的一些积累，也加深对知识的理解。 html部分代码:
阅读全文
