JavaScript-Tool：three.js

检测设备平台，操作系统，方向 Javascript 库：Device.js

Device.js 是一个可以让你检测设备的平台,操作系统和方向 JavaScript 库,它会自动在 <html> 标签添加一些设备平台,操作系统,方向相关的 CSS class,这样就能让你针对不同设备撰写不同的 CSS,并且还提供一些 Javascript 函数来判断设备. Device.js 通过操作系统(比如 iOS,安卓,黑莓,Windows,Firefox OX),方向(横屏或者竖屏),类型(平板或者移动设备),如下面在 iPhone 上的浏览的时候在 <html> …

javascript动画：velocity.js学习

第二章:基础知识一.velocity和jQuery: Velocity函数是独立于jQuery的,但两者可以结合使用.通常这么做的好处是可以利用jQuery的链式操作:当你先用jQuery选择了一个元素后,就可以用这个元素去调用.velocity()为它添加动画效果.例如: //将一个变量分配给某个jQuery元素对象. var $div = $(“div”); //使用velocity设置该元素的动画 $div.velocity({ opacity : 0 }); //该句语法与jQuery…

JavaScript入门：004—JS凝视的写法和基本运算符

JS的凝视JS中加凝视和寻常写C#代码是几乎相同的.有//和/* */这两种.单行凝视使用双斜杠比如. <script type="text/javascript"> // var number-1; // var index=2; </script> 多行凝视使用/* 内容 */比如, <script type="text/javascript"> /* var number-1; var index=2; */ </sc…

JavaScript入门：006—JS函数的定义

JS函数的声明. 声明函数的格式例如以下: function 函数名(參数列表){ //函数语句: return 返回值; } 来看详细的函数声明.1.普通函数 <script type="text/javascript"> function ShowHint() { alert("普通函数"); } </script> 2.带參数的函数 <script type="text/javascript"> func…

OpenPGP协议的一个JavaScript实现：OpenPGP.js

OpenPGP.js 是OpenPGP协议的一个Javascript实现. 基于 JavaScript的OpenPGP实现方便用户可以直接在浏览器中加密和解密Web邮件,不需要专门的邮件客户端.…

JavaScript入门：002—JS代码放置的位置

JavaScript在页面中使用,那么这些JS代码应该放在什么位置呢?以下来看一下. 一般来说有两种方式.写在界面上和使用.js文件.1.1界面上的Head部分能够直接放在head标签内,例如以下代码 <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>testPage</title> <script type=&quo…

JavaScript入门：003—JS中的变量

编程语言都是同样的,JS中也是有变量的.首先JS的变量是区分大写和小写的,这个须要注意.比方number和Number是不同的变量.无论是经常使用类型的,还是对象类型,比方 Object obj和Object Obj是两个对象.然后是对变量赋值.这个基本都一样,能够先声明再赋值, var i; i=0; 也能够声明时赋值, var i=2; 而变量假设你不又一次赋值,它是不会改变的,比方 var i=2. var i; 由于i没有又一次赋值.所以i还是2.而对于对象变量则比較有意思,不须要向那些…

一个必用的javascript框架：underscore.js - wine的思考 - ITeye技术网站

AngularJS+JqueryMobile+PhoneGap 打造APP « Dogeek AngularJS+JqueryMobile+PhoneGap 打造APP…

Javascript模块化编程（三）：require.js的用法

Javascript模块化编程(三):require.js的用法原文地址:http://www.ruanyifeng.com/blog/2012/11/require_js.html 作者: 阮一峰这个系列的第一部分和第二部分,介绍了Javascript模块原型和理论概念,今天介绍如何将它们用于实战. 我采用的是一个非常流行的库require.js. 一.为什么要用require.js? 最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了.后来,代码越来越多…

JavaScript：引用js文件时的编码格式问题

JavaScript:引用js文件时的编码格式问题如果js文件的编码格式是utf-8,并且含有中文,那么按照正常的方法引用,就会出现乱码的情况. 方法/步骤如果js文件的编码格式是utf-8,并且含有中文,那么按照正常的方法引用,就会出现乱码的情况. 所以正确的引用方式如下: 2 当js文件的编码格式为gbk时,用如下方式引用: <script type="text/javascript" language="javascript" src="…

Javascript模块化编程：require.js的用法

摘自:http://blog.jobbole.com/30046/ 这个系列的第一部分和第二部分,介绍了Javascript模块原型和理论概念,今天介绍如何将它们用于实战. 我采用的是一个非常流行的库require.js. 一.为什么要用require.js? 最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了.后来,代码越来越多,一个文件不够了,必须分成多个文件,依次加载.下面的网页代码,相信很多人都见过. JavaScript 1 2…

(转)Javascript模块化编程（三）：Require.js的用法

转自 ruanyifeng 系列目录: Javascript模块化编程(一):模块的写法 Javascript模块化编程(二):AMD规范 Javascript模块化编程(三):Require.js的用法介绍了Javascript模块原型和理论概念,今天介绍如何将它们用于实战. 我采用的是一个非常流行的库require.js. 一.为什么要用require.js? 最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了.后来,代码越来越多,一个文件不够了,必须分成…

JavaScript、Ajax与jQuery的关系分类： C1_HTML/JS/JQUERY 2014-07-31 10:15 3388人阅读评论(0) 收藏

简单总结: 1.JS是一门前端语言. 2.Ajax是一门技术,它提供了异步更新的机制,使用客户端与服务器间交换数据而非整个页面文档,实现页面的局部更新. 3.jQuery是一个框架,它对JS进行了封装,使其更方便使用.jQuery使得JS与Ajax的使用更方便详细情况: Actually only one of them is a programming language. Javascript is a programming language which is used mainly in…

前端（十一）—— JavaScript基础：JS存在的位置、JS变量定义、调试方式、JS数据类型、运算符

JS存在的位置.JS变量定义.调试方式.JS数据类型.运算符一.JS语言介绍 1.概念浏览器脚本语言可以编写运行在浏览器上的代码程序属于解释性.弱语言类型编程语言 2.组成 ES语法:ECMAScript.主要版本ES5和ES6 DOM:文档对象模型(Document Object Model),是W3C组织推荐的处理可扩展标志语言的标准编程接口. BOM:浏览器对象模型(Browser Object Model),提供了独立于内容的.可以与浏览器窗口进行互动的对象结构:且由多个对象组成…

面向UI编程：ui.js 1.0 粗糙版本发布，分布式开发+容器化+组件化+配置化框架，从无到有的艰难创造

时隔第一次被UI思路激励,到现在1.0的粗糙版本发布,掐指一算整整半年了.半年之间,有些细节不断推翻重做,再推翻再重做.时隔今日,终于能先出来个东西了,这个版本很粗糙,主体功能大概能实现了,但是还是有很多很多的问题.不过有问题没事,可以进行修改完善,这是相对轻松的问题,最艰难的从无到有的创造才是最艰难的.好了,不废话了,我们直接进入正题 --- UI.js功能介绍. 首先介绍几个概念分布式:原来的概念只有分布式计算,它研究如何把一个需要非常巨大的计算能力才能解决的问题分成许多小的部分,然后把这…

JavaScript模板引擎artTemplate.js——为什么使用模板引擎？

作为一个工作一年的菜鸟,在公司做了几个外包项目,也接触到了不同形式的web开发.其实也没多少,就是javaweb开发和HTML5移动开发,这两者在页面展示的时候的解决方案还是有所不同的. 1.vo+el表达式在javaweb开发中,我们使用的是SSM框架(Spring,SpringMVC,Mybatis).一些页面的跳转,我们通过返回SpringMVC的ModelAndView来实现,并采用这种方式来展示页面. 其基本思想是:后端构造实体类,这个实体类里面包含目标页面所需要的所有属性,这个实体…

Node.js入门教程：Node.js如何安装配置并部署第一个网站

前言:作为一个资深的前端开发人员,不懂的Node.js 那你绝对是不能跟别人说你是资深的前端程序猿滴! 今天洋哥就来和大家一起学习被大牛称之为前端必学的技能之一Node! 那么Node到底是什么呢? 官方的介绍是介样子滴: Oh, No!!!看不懂是不是?没关系啦,翻译成中文就是: Node.js是一个建立在Chrome的V8 JavaScript引擎.Node.js采用事件驱动.非阻塞I/O模型,使其轻量化和高效.Node.js的包装系统,新公共管理,是世界上最大的生态系统的开放源代码库. 呵…

初探JavaScript（三）——JS带我"碰壁"带我飞

已经写了两篇关于小白的JavaScript之行,不可否认,每一种语言都有其精华与糟粕之处,来不及细细体味其精华奥妙,也没法对其评头论足,只能先了解,后深入.到目前为止已经看完<JavaScript Dom 编程艺术>(ps:看过书评,网友对其褒贬不一,个人感觉还是不错的,适合初学者.不是每本书都能得到所有读者的认可,只能让部分适合的读者对其称赞,而我,就是其中一个). 前面介绍了JavaScript的一些常用方法,如何与DOM.HTML配合完成一些交互.今天主要介绍JavaScript在动画效…

初探JavaScript（二）——JS如何动态操控HTML

除去五一三天,我已经和<JavaScript Dom编程艺术>磨合了六天,第一印象很好.慢慢的,我发现这是一块排骨,除了肉还有骨头.遇到不解的地方就会多看几遍,实在不懂的先跳过,毕竟,初次接触JS,没有必要花费过多时间去钻死胡同,先混个脸熟,以后再来拜访也未尝不可嘛.就这样,踉踉跄跄.囫囵吞枣似的已经过五关斩六将,到达第十一章. 书中有几个章节并没有从语法.技术等层面介绍JavaScript,而是站在一个全局的角度,立足编程原则和习惯道破了我们该如何看待和使用这门语言,主要有以下几点: Jav…

强大的JavaScript动画图形库mo.js

最近在学习前端动画方面知识时发现了挺有趣的一个动画的图形库mo.js,页面效果真是酷炫,有兴趣的同学可以研究下:). 酷炫的效果: 以下是官方的demo效果,更多详情请查看 mo.js http://codepen.io/sol0mka/full/ogOYJj/ http://codepen.io/sol0mka/full/yNOage/ http://codepen.io/sol0mka/full/OyzBXR 一个简单例子现在我们使用mo.js来实现一个简单的效果 HTML结构 <div…

javascript效果：手风琴、轮播图、图片滑动

最近都没有更,就来几个效果充实一下. 都没有进行美化这步. 手风琴: 纯css: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>手风琴css</title> <style> .showBox{ width: 660px; overflow: hidden; } ul{ list-style:…

转:HTML5标准与性能之四：asm.js

HTML5标准与性能之四:asm.js Cong Liu (Intel) 于星期五, 24/05/2013 - 01:13 提交之前的几篇文章分别介绍了WebWorkers.Typed Array和ParallelArray,最后,我们再来介绍一下与性能相关的标准:asm.js. asm.js asm.js是由Mozilla提出的一个基于JS的语法标准,主要是为了解决JS引擎的执行效率问题,尤其是使用Emscripten从C/C++语言编译成JS的程序的效率,目前只有Mozilla的Fire…

JavaScript宝座：七大框架论剑

JavaScript宝座:七大框架论剑一周前,Throne of JS大会在多伦多召开,这应该是我参加过的最有料也最不一样的一次大会.大会官网如是说: 加载整个页面,然后再“渐进增强”以添加动态行为,这种构建Web应用的方式已经不够好了.要想让应用加载快,反应灵敏,而且又引领潮流,必须彻底检讨你的开发手段. 这次大会邀请了七大JavaScript框架/库的创建人,他们济济一堂,面对面交流各自的技术理念.所谓七大框架/库分别是:AngularJS.Backbone.Batman.CanJS.Em…

省市县三级四级联动Javascript JQ 插件PCASClass.js

想要使用这款组件,需要页面引入 PCASClass.js 核心文件,该文件在您的HTML文档<head>标签之内. <script type="text/javascript" src="/path/PCASClass.js"></script> 参数赋值方法案例: <script type="text/javascript"> new PCAS("ProvinceId",&qu…

学习NodeJS第一天：node.js引言

Node.JS 是资深 C 程序猿 Ryan Dahl(http://four.livejournal.com/)的作品,根据 Google 著名的开源 JavaScript 引擎 V8 来进行二次开发的 Web I/O server(http://nodejs.org/).V8 本身是很快的 JavaScript 引擎,处理 JS 执行执行的速度很高.相关測试表明,FireFox.Opera 和 IE 的 JS 引擎速度都不及 V8 来得快.并且,还能够说,仅仅要浏览器之间的 JS 引擎大战一…

JavaScript基础：数据类型的中的那些少见多怪

原文:JavaScript基础:数据类型的中的那些少见多怪 Javascript共有6种数据类型,其中包括3个基本数据类型(string,number,boolean).2个特殊数据类型(undefined,null) 和 1个引用类型 (object) .本篇文章将对这6种数据类型一一进行讲解,以加深对这些基础概念的理解和应用. string string类型的数据是由16位Unicode字符组成的字符串,用typeof检测其数据类型如下: var str = "Hi, Javascript&…

javascript特效：会随着鼠标而动的眼睛

这个特效非常简单,其中眼球和眼珠都是特定的图片.只要掌握好距离坐标就没问题.我就直接贴代码,有兴趣的朋友可以自己复制下来运行一下,下面的眼睛图像就是我的文件用到的图像,比较难看..我就把我的代码贴出来好了. 其中的html文件如下: <!DOCTYPE html> <html> <head> <title>eye</title> <script src="eye.js" type="text/javascrip…

分享：json2.js源代码解读笔记

1. 怎样理解"json" 首先应该意识到,json是一种数据转换格式,既然是个"格式",就是个抽象的东西.它不是js对象,也不是字符串,它仅仅是一种格式,一种规定而已. 这个格式规定了如何将js对象转换成字符串.以及转换成如何的字符串--序列化 -- JSON.stringify 接口: 以及怎样将一个有效字符串转换成js对象--反序列化-- JSON.parse 接口: 2. 关于作者 json作者是道格拉斯.克劳福德 ,是一位js大牛,写过一本<jav…

学习NodeJS第一天：node.js介绍

Node.JS 前辈 C 程序猿 Ryan Dahl(http://four.livejournal.com/)工程,根据 Google 著名的开源 JavaScript 发动机 V8 对于二次开发 Web I/O server(http://nodejs.org/).V8 是很快的 JavaScript 引擎.处理 JS 执行执行的速度很高. 相关測试表明,FireFox.Opera 和 IE 的 JS 引擎速度都不及 V8 来得快.并且,还能够说.仅仅要浏览器之间的 JS 引擎大战一日不减,…

前端MVVM框架：Knockout.JS（一）

前言在我们平时开发 Web 应用程序的时候,如果项目不算特别大的话,一般都是拿 jQuery 再配合一些前端 UI 框架就在项目上面应用了.如果页面逻辑稍微复杂的话,那个在写前端 JavaScript 代码时,势必会充斥前大量 jQuery 的选择器的应用.我并不想说它好或不好.只想问一下,有没有更方便的方法呢?有过 WPF 开发经验的同学一定会知道 MVVM(Model View ViewModel) 这种开发模式.它可以很轻松的将 View 与对应的后端代码隔离开来.使项目易于维护.那么…

【JavaScript-Tool：three.js】的更多相关文章