[推荐]欢迎使用Z-BlogPHP!

发表于 JS 分类,标签:
欢迎使用Z-Blog,这是程序自动生成的文章.您可以删除或是编辑它:)系统总共生成了一个"留言本"页面,和一个"欢迎使用Z-BlogPHP!"文章,祝您使用愉快!...

syntaxHighlighter 使用

发表于 JS 分类,标签:
1.下载最新版本syntaxHighlighter  http://alexgorbatchev.com/SyntaxHighlighter/download/  2.引入核心的js和css.当我们下载包以后在styles文件夹我们有这么多cssshCore.css为最核心的css,另外里面带有theme等于换肤的css例如: shCoreDjango.css= shCore.css+shThemeDjango.css;其他的类似;当我们下载包以后在scripts文件夹我们有这么多js文件其中标红框的js为核心的js,其他的js为针对不同类型代码的js文件,例如我们需要显示css代码块,那么我们应该引入shBrushCss.jsdemo页面<!DOCTYPEHTML><html><he...

空间记录

发表于 JS 分类,标签:
时间控件http://www.jq22.com/demo/datetimepicker-master/ ...

js打开新窗口代码

发表于 JS 分类,标签:
<ahref="javascript:void(0);" class="fd_btn">打开百度</a><scripttype="text/javascript">functionopenNewWin(url){window.open(url,'newwindow','height=1000,width=600,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no');}window.onload=function(){document.getElementsByClassName("fd_btn"...

AMD:浏览器中的模块规范

发表于 JS 分类,标签:
AMD规范就是其中比较著名一个,全称是AsynchronousModuleDefinition,即异步模块加载机制。从它的规范描述页面看,AMD很短也很简单,但它却完整描述了模块的定义,依赖关系,引用关系以及加载机制。从它被requireJS,NodeJs,Dojo,JQuery使用也可以看出它具有很大的价值,没错,JQuery近期也采用了AMD规范。在这篇文章中,我们就将介绍AMD的性质,用法,优势以及应用场景。从AMD中我们也能学习到如何在更高层面去设计自己的前端应用。AMD:浏览器中的模块规范前面提到,为实现与Node.js相同方式的模块写法,大牛们做了很多努力。 但浏览器环境不同于服务器端,它的模块有一个HTTP请求过程(而Node.js的模块文件就在本地),这个请求过程多数使用scripttag,script默认的异步性导致很难实现与Node.js一模一样的模块...

Node.js开发入门—使用AngularJS

发表于 JS 分类,标签:
做一个Web应用,一般都有前台和后台,Node.js可以实现后台,利用jade模板引擎也可以生成一些简单的前台页面,但要想开发出具有实际意义的现代Web应用,还得搭配一个Web前端框架。AngularJS是一个JavaScript前端框架,对于Node.js来说是一个完美的客户端库。AngularJS强制使用MVC(模型-视图-控制器,Model-View-Controller)框架,而它又使用JavaScript对象作为它的模型,和Node.js特别般配,用AngularJS的某些服务(比如$http)和Node.js通信,交互的对象不需要被转换为其它结构就能同时在前端和后端使用,堪称完美。还有一点,AngularJS背靠Google,值得信赖。不过,天朝网络也真特么绝了,难道仅仅因为这一点,https://angularjs.org/就不能访问了吗,就不能访问了吗,就不能访问了吗!重要...

Javascript MVC框架简介

发表于 JS 分类,标签:
https://speakerdeck.com/addyosmani/digesting-javascript-mvc这里看了一个关于jsmvc框架的ppt,作者是一位google的工程师,感觉挺全面挺有意思,适合像我这种入门级人士,简单翻译一下,有很多术语是猜的,如有不对还请各位看官指正。当前有超过40个JavascriptMVC框架,但是其中很多没有使用MVC。设计模式理应是一个通用词汇,但大多数人却有自己的定义MVC:提供一个简洁的三个概念的分离,数据(models),展现(views),用户输入(controllers)MVP:与MVC类似,但是极度关注解耦UI发展。P(presenter)扮演了controller的角色,使用View处理用户输入P同时检索数据(model),为数据格式化,用于展现MVVM:类似MVC,ViewModel提供了Model和View之间的...

Backbone.js学习笔记 Hello World!

发表于 JS 分类,标签:
使用Backbone.js和MVC架构创建一个典型的Helloworld项目。虽然是“杀鸡用牛刀了”,毕竟是我第一次使用Backbone.js依赖jQuery1.9.1Undersore.js1.5.0Backbone.js开始<!doctype html><html><head><meta charset="utf-8"><title>backbone日常练习</title></head><body><div></div><script src="js/jquery.min.js"></script><script src="js/Unde...

浏览器宽屏的js

发表于 JS 分类,标签:
$(function(){//满屏幕方法$("#fullScreen").click(function(){fullScreen() }).trigger("click")function fullScreen(){varel=document.documentElement; varrfs=el.requestFullScreen||el.webkitRequestFullScreen||el.mozRequestFullScreen||el.msRequestFullScreen; if(typeofrfs!="undefined"&&rfs){  rfs.call...

js阻止选中文本

发表于 JS 分类,标签:
document.onselectstart=function(){returnfalse;}window.getSelection?(window.getSelection().removeAllRanges()):(document.selection.empty());1IE可以使用onselectstart事件来阻止用户选定元素内文本,如下<divonselectstart="returnfalse">accc</div>2Firefox中可以使用CSS"-moz-user-select:none"属性来禁止文本选定3webkit浏览器可以使用“-khtml-user-select”,当然也可以使用方式1[1] 注:Firefox/Opera不支持onselectstart事件c...

Odometer使用JavaScript和CSS制作数字滑动效果

发表于 JS 分类,标签:
Odometer是一个使用JavaScript和CSS技术,制作出数字上下滑动的动画效果插件,有点类似与我们的天然气的读数的动画效果,这个插件是轻量级的,压缩版本只有3kg,使用CSS3动画技术,所以运行起来非常的流畅,需要这种效果的朋友不妨试试这个插件。所有的主题都可以自定义文字的大小和Odometer元素的标签。兼容性Odometer能在IE8+,FF4+,Safari6+,Chrome等高级浏览器上完美的运行。功能不仅仅可以让数字滑动,同样的文字也可以实现这样的效果。指定文字的内容还可以用于数学计算的输出结果,感觉很棒的动画效果。显示主题Odometer主题的各种文件样式表中被准备。使用方法首先我们需要引入我们的插件文件<link rel="stylesheet" href="odometer-theme-car.css...