2016年11月_南太平洋_99

原创【小作品】名侦探柯南剧场版介绍网页（原生javascript html5 css）

通过原生js自己设计实现了名侦探柯南的介绍网页（从上至下构成一页）第一幅图是模仿了Lyn老师的散列画廊教程 http://www.imooc.com/learn/366花了很长一段时间完成，虽然看起来简陋了点，对整体样式还是满意的

2016-11-30 19:46:47 2044 4

原创【小作品】X战警系列电影介绍网页（jq+bootstrap）

学习完了bootstrap，心心念念的X战警：天启也上映（虽然剧情不尽如人意╮(╯▽╰)╭），利用bootstrap和jquery实现X战警的介绍网站，实现网格布局、导航、下拉菜单、模态框、滚动监听等功能，利用'@media' 实现响应式设计。利用了3个基于jquery的插件：isotope排序、kwicks轮播和touchTouch点击轮播。

2016-11-30 17:53:59 1436 5

原创 gRaphael—JavaScript 矢量图表库

gRaphael 是一个致力于帮助开发人员在网页中绘制各种精美图表的 Javascript 库，基于强大的Raphael 矢量图形库。你只需要编写几行简单的代码就能创建出精美的条形图、饼图、点图和曲线图。　gRaphael 使用 SVG W3C 推荐标准和VML 作为创建图形的基础，是跨浏览器的矢量图形库，目前支持的浏览器包括： Firefox 3.0+，Safari 3.0+

2016-11-17 21:24:53 308

原创 jQuery ajax - serialize() 方法提交表单

jQuery ajax中数据以键值对（Key/Value）的形式发送到服务器，使用ajax提交表单数据时可以使用jQuery ajax的serialize() 方法表单序列化为键值对（key1=value1&key2=value2…）后提交。serialize() 方法使用标准的 URL-encoded 编码表示文本字符串。下面是使用serialize()序列化表单的实例：

2016-11-10 17:24:51 1844

原创 HTML5 表单验证的oninvalid事件

定制校验规则但是浏览器会显示通用的错误报告好在可以用JavaScript添加自己定制的校验消息，只要把它加到oninvalid监听器上就行了HTML DOM oninvalid事件（input元素内的值为无效值时触发的事件）提交的input元素的值为无效值时，触发oninvalid事件。例如：input元素设置了required属性，但是提交时该处为空就会触发o

2016-11-10 15:56:40 16387 1

原创 Underscore轻量级模板解析函数

在昨天的基础上我继续了解了Underscore提供的轻量级的模板解析函数，它可以帮助我们有效地组织页面结构和逻辑。在本例中，我将模板内容放到一个标签中，标签的type是text/template而不是text/javascript，因为它无法作为JavaScript脚本直接运行。我也建议将模板内容放在中，因为如果将它们写在一个或其它标签中，它们可能会被添加到DOM树中进行解析。

2016-11-10 13:34:29 1061

原创 Underscore模版引擎的使用－template方法

之前写小网页里有遇到在DOM中增加大量的html结构的时候，傻乎乎的在js中写一堆模版，然后用replace一个一个做替换。当时就是难看了点，不觉得啥，现在了解了模版引擎之后回头来看真的比较捉急了，以后是不会那么傻了看了《javascript编程实战》这本书后，个人认为比较好用的一个模版引擎，Underscore中的template方法。_.template(templateString,

2016-11-09 20:49:32 4241

原创 zepto模块理解

core模块构造器$():与jQuery的$()几乎一样,但zepto的选择器是直接使用的原生querySelectorAll(),所以,一些jQuery自定义的选择器是不支持的。$()选择器有五种用法:$(选择器,[可选的上下文环境,默认document]) $("#id");/*document.getElementById("id")*/$("#id time

2016-11-03 19:25:58 1145

转载 zepto和jquery的区别

1. Zepto 对象不能自定义事件例如执行： $({}).bind('cust', function(){}); 结果： TypeError: Object has no method 'addEventListener' 解决办法是创建一个脱离文档流的节点作为事件对象：例如： $('').bind('cust', function(){});2. Zepto

2016-11-03 15:53:01 441

原创 zepto和jquery mobile的理解

jqueryMobile和Zepto是移动端的js库。jQuery Mobile相当于PC端的jQuery UI，它提供了很多页面的UI库，能够很快的开发出漂亮的界面。Zepto相当于PC端的jQuery，它提供了很多方法和功能，能够很快的实现各种需求和功能。以下是我理解的区别：zepto.js是一个专为mobile WebKit浏览器(如：Safari和Chrome)而开

2016-11-03 15:25:37 2020

99的博客