模板引擎是为了使用户界面与业务数据（内容）分离而产生的，它可以生成特定格式的文档。由于在开发过程中，网站或应用程序的界面与数据实现分离，大大提升了开发效率，良好的设计也使得代码重用变得更加容易。本文整理了10 款基于JavaScript和jQuery的模板引擎，希望能对你的开发工作带来一些帮助。 1. NANO 最简单的jQuery模板引擎，完美实现对JSON的解析。 源码 / 演示 2. The “template” binding 该工具通过渲染模板将相关...
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>折叠菜单</title><script type="text/javascript" src="js/jquery-2.1.0.js"></script><script type="text/javascript" src="js/foldMenu.js" ></script><style type="text/css">* {padding: 0;margin: 0;}#FoldingMenuBar {margin: 200px;;}li {list-style: none;}.left {float: left;}.TotalMenu {float: left;}.TotalMenu li{height: auto;overflow:auto;}.menuBody{...
撰写日期：2016-7-13 11:05:07JavaScript与JQuery获取DOM内容是有区别的，接下来看一例子栗子：Jquery-获取H3中的内容然后Dom转换为Jquery<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>1-4</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><!-- 引入 jQuer...
debug tools http://stackoverflow.com/questions/1911015/how-to-debug-node-js-applications node inspectorJS lesson Javascript the good parts Creating your own JavaScript Library http://www.mikedoesweb.com/2012/creating-your-own-javascript-library/ http://stackoverflow.com/questions/1117086/how-to-create-a-jquery-plugin-with-methods https://github.com/Lucifier129/Lucifier129.gith...
1.ajaxStart(全局事件)2.beforeSend3.ajaxSend(全局事件)4.success5.ajaxSuccess(全局事件)6.error7.ajaxError (全局事件)8.complete9.ajaxComplete(全局事件)10.ajaxStop(全局事件)原文：http://www.cnblogs.com/shocker/p/5659634.html
技术很多，例子很多，只好慢慢学，慢慢实践！！现在学的这本书是【JavaScript实战----JavaScript、jQuery、HTML5、Node.js实例大全】JavaScript、jQuery、HTML5、Node.js实例大全-读书笔记23.3 响应鼠标动作图3-2的效果已经有了，需要鼠标来操作展示想看的照片，这就需要在相应的地方加上事件。3.3.1 响应小照片单击动作在3.2.3的代码里提供了显示小图列表的eg.showThumb()方法，在单击小图片时要显示大图片，这需要调用eg.showBig...
技术很多，例子很多，只好慢慢学，慢慢实践！！现在学的这本书是【JavaScript实战----JavaScript、jQuery、HTML5、Node.js实例大全】JavaScript、jQuery、HTML5、Node.js实例大全-读书笔记13.2 照片加载与定位 根据功能设计，可以先写好 HTML 结构基础，再配好 CSS 做出大致效果，最后用 JavaScript加上各种动作。首先请看 HTML 代码结构。 3.2.1 HTML 代码 CSS代码保存到 eg3.css 文件中，JavaScript代码保存到 eg3.js 文件中，...
1.jquery创建插件jQuery.extend({插件名：函数体，插件名：函数体})；html部分<div id="div1">开始动画</div> jquery部分$(function(){$("#div1").click(function(){$(this).animate({"left":800},6000,"easeOutBounce",function(){$(this).html("动画结束");});});});插件部分jQuery.extend(jQuery.easing, {easeOutBounce: function(x, t, b, c, d){if ((t /= d) < (1 / 2.75)){return c * (7.5625 * t * t) + b;}else if (t < (...
Javascript:alert(document.body.clientWidth); //网页可见区域宽(body) alert(document.body.clientHeight); //网页可见区域高(body) alert(document.body.offsetWidth); //网页可见区域宽(body)，包括border、margin等 alert(document.body.offsetHeight); //网页可见区域宽(body)，包括border、margin等 alert(document.body.scrollWidth); //网页正文全文宽，包括有滚动条时的未见区域 alert(d...
1<div >2 性别：<input type="radio" id="Radio1" name="rdoSex" value="男"/>男 3<input type="radio" id="Radio2" name="rdoSex" value="女"/>女 4<input type="button" id="btn1" value="click me"/><br/>5<input type="checkbox" name="play" id="ckb1" value="足球"/>足球 6<input type="checkbox" name="play" id="ckb2" value="篮球"/>篮球 7<input type="checkbox" name="play" id="ckb3" value="排球"/>排球 8</div>h...
好久没写东西了，正好最近因为工作需要，写了一个瀑布流异步加载的程序。今天就不谈瀑布流，来谈一下关于load的问题。-------------------------------------------------------------众所周知，常见瀑布流当鼠标滚动到浏览器底部的时候，就会发起一个ajax的请求。在服务端生成item列表后，通过 js append到相应的div里边。看起来很简单的样子，关键问题就出在图片的加载问题上，图片一般都放在服务器上，通过http下载到客户端。例...
转载：https://blog.csdn.net/meplusplus/article/details/79033786 layui :是基于jquery库的封装开发。bootstrap：同样基于 jquery ,可同样理解为全方便插件范畴。 Vue.js、Angular.js：属于javascript语言编程范畴。原文：https://www.cnblogs.com/ConfidentLiu/p/10394506.html
DOM拷贝clone()克隆节点是DOM的常见操作，jQuery提供一个clone方法，专门用于处理dom的克隆.clone()方法深度 复制所有匹配的元素集合，包括所有匹配元素、匹配元素的下级元素、文字节点。clone方法比较简单就是克隆节点，但是需要注意，如果节点有事件或者数据之类的其他处理，我们需要通过clone(ture)传递一个布尔值ture用来指定，这样不仅仅只是克隆单纯的节点结构，还要把附带的事件与数据给一并克隆了例如：HTML部分 <div></di...
HTML事件处理程序HTML事件处理称序是将事件写在元素的开始标签，当作属性来用，如下面的单击事件:<!DOCTYPE html><html> <head> <title>HTNL事件处理程序</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <button>按钮</button> <script> function say)()}{ alrt(‘HTML事件处理程序‘...
事件冒泡（event bubbling） 事件冒泡是指一个元素上的事件被触发，然后这个事件按嵌套顺序在父级元素上触发，直至document根节点。 例如：<!DOCTYPE html><html><head><title>Event Bubbling Example</title></head><body><div id="myDiv">Click Me</div></body></html>如果单击了页面中的<div>元素，那么事件会按以下顺序传播： <div> --> <body> --> <html> --> document 也就是说，click 事件首先在<div>元素上发生...