用JavaScript编写气泡

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con…

artDialog是一个基于javascript编写的对话框组件，它拥有精致的界面与友好的接口

artDialog是一个基于javascript编写的对话框组件,它拥有精致的界面与友好的接口自适应内容 artDialog的特殊UI框架能够适应内容变化,甚至连外部程序动态插入的内容它仍然能自适应,因此你不必去考虑消息内容尺寸使用它.它的消息容器甚至能够根据宽度让文本居中或居左对齐——这一切全是XHTML+CSS原生实现. 完善的接口它的接口完善,可以轻易与外部程序配合使用.如异步写入消息.控制位置.尺寸.显示与隐藏.关闭等. 细致的体验如果不是在输入状态,它支持Esc快捷键关闭:可指定…

用Javascript编写Chrome浏览器插件

原文:http://homepage.yesky.com/62/11206062.shtml 用Javascript编写Chrome浏览器插件 2010-04-12 07:30 来源:天极网软件频道作者:Claud Xiao 责任编辑:杨玲·yesky 评论(5) 我为Chrome浏览器开发了一款插件,当我向朋友展示自己的插件时,受到他们的羡慕和称赞,那感觉酷极了!通过这次开发,我发现整个开发过程比较简单,有Javascript基础的朋友,都可以开发出属于自己的Chrome插件. 插件…

javascript 编写的贪吃蛇

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> .container{height: 300px;width: 300px;position: relative;margin: 100px auto;background: #c2e2ae;} .bgTable{border: 1px solid black;bor…

three.js是JavaScript编写的WebGL第三方库

three.js是JavaScript编写的WebGL第三方库.提供了非常多的3D显示功能.Three.js 是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场景,包括了摄影机.光影.材质等各种对象.你可以在它的主页上看到许多精彩的演示.不过,这款引擎目前还处在比较不成熟的开发阶段,其不够丰富的 API 以及匮乏的文档增加了初学者的学习难度(尤其是文档的匮乏)three.js的代码托管在github上面. 现在有了英文的指导文档,好多了,有一些英文基础,就可以看懂,学起来也很简单.…

JavaScript编写了一个计时器

初学JavaScript,用JavaScript编写了一个计时器. 设计思想: 1.借助于Date()对象,来不断获取时间点: 2.然后用两次时间点的毫秒数相减,算出时间差: 3.累加时间差,这样就能把计时精确. ps: 没在网上看到有这样的方法,一般都是用的setinterval,编程语言自带的延时,时间控制都有比較大的误差: 所以用系统时间相减的方法控制精准,并以本例显示三位毫秒的数字印证精确度,设置的是100毫秒,而Js本身会有误差: 这个程序能够避免不精确的问题. 本例互相交流用,并迫切…

javascript编写一个简单的编译器(理解抽象语法树AST)

javascript编写一个简单的编译器(理解抽象语法树AST) 编译器是一种接收一段代码,然后把它转成一些其他一种机制.我们现在来做一个在一张纸上画出一条线,那么我们画出一条线需要定义的条件如下:使用 Paper定义纸的颜色,Pen定义笔的颜色,Line指画出一条线,100指在颜色参数中代表100%的黑色或 css中的rgb(0%,0%,0%). 那么生成的线使用灰色来表示,那么就是 50了,纸的面积是 100*100, 线条的宽度是1,线段的起点和终点是相对于左下角的x,y坐标来定义.…

canvas ：原生javascript编写动态时钟

canvas :原生javascript编写动态时钟此时针是以画布的中心为圆心: g.translate(width/2,width/2); 此函数是将画布的原点移到(width/2,width/2) 绘制表盘 function jiang(){ r = width/2 g.clearRect(0, 0, 600, 600); g.save(); g.translate(r, r); g.rotate(-Math.PI / 2); //分钟刻度线 for(var i = 0; i <…

JavaScript学习总结(十四)——JavaScript编写类的扩展方法

在JavaScript中可以使用类的prototype属性来扩展类的属性和方法,在实际开发当中,当JavaScript内置的那些类所提供的动态方法和动态属性不满足我们实际开发时,我们就可以通过"prototype"属性给自定义类添加方法和属性或者扩展原有的类中的方法和属性. 一.扩展JavaScript内置类,添加动态方法语法格式: 类名.prototype.方法名 = function([param1],[param2],.…

JavaScript学习总结(十二)——JavaScript编写类

在工作中经常用到JavaScript,今天总结一下JavaScript编写类的几种写法以及这几种写法的优缺点,关于JavaScript编写类的方式,在网上看到很多,而且每个人的写法都不太一样,经常看到的就是以下几种方式. 1.构造函数方式用构造函数模拟"类",在其内部用this关键字指代实例对象. 基本语法: function 类名(){ this.属性名;//公共属性 var 属性名;//私有属性 /*凡是定义类的公共属性和公共方法都要使用this*/ …

【教程】HTML5+JavaScript编写flappy bird

作者: 风小锐新浪微博ID:永远de风小锐 QQ:547953539 转载请注明出处 PS:新修复了两个bug,已下载代码的同学请查看一下大学立即要毕业了.未来的公司为我们制定了在校学习计划.希望我们能在毕业之前掌握一些技术,当中有一项就是使用HTML5+JavaScript编写flappy bird这个小游戏. 相信大家和我一样,对这个小游戏还是非常熟悉的,控制小鸟跳过高矮不一的水管,并记录下每局得到的分数,对于亲手编写这个小游戏非常感兴趣,立即開始…

原生 Javascript 编写五子棋

原文地址:原生 Javascript 编写五子棋博客地址:http://www.extlight.com 一.背景近一个月没写 Javascript 代码,有点生疏.正好浏览网页时弹出五子棋的游戏广告,于是想通过编写这个小游戏练练手. 二.简单介绍 2.1 效果展示 2.2 实现思路 1) 棋盘:通过图片(chessboard.png)和 div 标签渲染出棋盘. 2) 棋子:通过图片(black_flag.png.white_flag.png等)渲染出黑白棋子.落子前,鼠标出会出现一个可以…

JavaScript 编写随机四位数验证码（大小写字母和数字）

1.JavaScript编写随机四位数验证码,用到的知识点为: a.Math对象的随机数:Math.random() b.Math对象的取整 :Math.floor() c.处理所需要的下标个数,结合以上两个Math对象. 2.首先,来做几道简单的结果输出. a.Math.random()*100: b.Math.floor(Math.random()*100): c.Math.floor(Math.random()*100)%16: 相信大家前两道题很容易就能够做对.结果分别是 a.0-…

JavaScript编写Web脚本最佳实现

最近在看JavaScript DOM 编程艺术,总结一下JavaScript编写Web脚本的规范与实现,对于实现有以下几点要求: 平稳退化:确保网页在没有JavaScript下也能正常运行分离JavaScript:把网页内容与结构与JavaScript行为完全分离向后兼容:当JavaScript使用新的API时老版本的浏览器正常运行提升性能:让JavaScript执行的性能最优平稳退化 JavaScript通过DOM(文本对象模型)来访问HTML页面的各个节点.但是有些网页被浏览器禁用了…

JavaScript编写计算器的发展史

JavaScript编写计算器的发展史: 编写一个普通的四则运算: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"…

高效率JavaScript编写技巧

最近在编写一个JavaScript框架,发现有很多细节注意得不够,担心长时间积累会导致框架实际应用的时候出现严重的效率问题.于是开始关注JavaScript提高效率的一些技巧,在这里分享给大家. 1.JavaScript是唯一一个对代码体积要求越小越好的语言,因此我们可以通过一些工具来精简和压缩JavaScript代码,如JSMin.Packer.YUICompressor等.这些工具会将局部变量的名字替换成很短的变量名,例如将parseFloat()替换成a().因此我们在编写JavaScri…

几大排序思想（由javascript编写）

Hello!我是super喵二~~~今天练了几道面试题,突然觉得好久没有好好归纳过排序算法了.以前都是用C/java编写排序,这次用js来总结下五大排序算法吧: 1.冒泡排序(常用及常考排序算法): 不用多说,冒泡就是一个一个浮上去~~~也就是说需要一个一个比较: <script type="text/javascript"> //冒泡排序,一次一次的相邻两个数比,直到把最大数找出来 var array = [5,2,4,6,8]; var temp; function…

13点值得我们注意的谷歌的JavaScript编写风格

对于编写有效的JavaScript来说,这些并不是硬性的.快速的规则,而只是在源文件中维护一致的.吸引人的样式选择的规则.这对于JavaScript来说尤其有趣,它是一种灵活且多变的语言,允许多种风格的选择. 谷歌和Airbnb有两个最受欢迎的编写风格指南.如果我的工作是花费大量时间编写JS,那么可以先学习这两种方法. 以下是谷歌JS风格指南中我认为最有趣和相关的13条规则: 谷歌JS风格指南处理各种各样的问题,从激烈争论的问题(制表符与空格的比较,以及分号应该如何使用这个有争议的问题),到一些…

JavaScript编写风格指南 (一)

//参考<编写可维护的Javascript> 一:缩进// 第一行的层级由4个空格组成,避免使用制表符tab进行缩进 //好的写法if (true) { doSomething();} 二:行的长度// 每行长度不应该超过80个字符.如果一行对于80个字符,应当在一个运算符(逗号,加号符)// 后换行.下一行应当增加两级缩进 //好的写法doSomething(argument1, argument2, argument3, argument4, argument5); 三:…

JavaScript编写棋盘覆盖

一.前言之前做了一个算法作业,叫做棋盘覆盖,本来需要用c语言来编写的,但是因为我的c语言是半桶水(哈哈),所以索性就把网上的c语言写法改成JavaScript写法,并且把它的覆盖效果显示出来二.关键代码 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <tit…

用javascript编写的小游戏（getElementById ， setInterval ， clearInterval ， window.onload ， innerText 和页面跳转，标签的使用）

(1)图片轮转 <script type="text/javascript" > ; setInterval(function(){ var dom=document.getElementById('myid'); // var mysrc=dom.src; //alert(mysrc); ){ num++; }else{ num=; } dom.src='images/'+num+'.jpg'; ,); </script> <body> <i…

尝试HTML + JavaScript 编写Windows App

一直以来博文中使用最多的就是C# + XAML.进入Windows App时代,又多了一对 Javascript + HTML组合,这对于Web开发的程序员来说再熟悉不过了.其实小编也做过几年的Web开发,算不上什么大拿,但那时无时不刻的在网络上寻找Javascript.AJAX.JQuery代码,研究各种动态Web效果.每次打开VS总是看到Javascript项目选项,但从来也没创建过.随着Windows 8.1 Preview.Visual Studio 2013 Preview发布,我也来…

JavaScript编写简单的抽奖程序

1.需求说明某公司年终抽奖,需要有如下功能 1)可以根据实际情况设置到场人数的最大值 2) 点击“开始”,大屏幕滚动,点击“停止”,获奖者的编号出现在大屏幕上 3)在界面里显示全部奖项获奖人编号 4)不重复获奖 5)不会因为输入错误而导致抽奖结果异常. 2.代码呈上 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 TRANSITIONAL//EN"> <html> <head> <title>某公…

JavaScript 编写多线程代码引用Concurrent.Thread.js(转)

这是一个很简单的功能实现: <script type="text/javascript" src="Concurrent.Thread.js"></script> <script type="text/javascript"> Concurrent.Thread.create(function(){ var i = 0; while ( 1 ) { document.body.innerHTML += i++…

JavaScript 编写线程代码引用Concurrent.Thread.js

马上来下载和使用源码吧!假定你已经将下载的源码保存到一个名为Concurrent.Thread.js的文件夹里,在进行任何操作之前,先运行如下程序,这是一个很简单的功能实现: <script type="text/javascript" src="Concurrent.Thread.js"></script> <script type="text/javascript"> Concurrent.Thread.c…

用javascript编写的简单计算器

老师布置的任务,弄了一天,总算把代码搞出来了,作为菜鸟给自己一点小掌声,传说中JS是很简单的,但是要写出一个程序真的很需要锻炼,我的锻炼实在是太少了,天天DOTA中.呵呵(做了些小注释)大家应该能看懂吧(没注释的程序我不喜欢) 希望看过的人给点建议.另外eval_r改为eval,共4处(不知道为什么保存后会出现这种情况) <html><head><title>网页计算器byWillikan</title> <meta name="Willi…

Maintainable JavaScript(编写可维护的JavaScript) PART I Style Guidelines

“Programs are meant to be read by humans and only incidentally( 顺便:偶然地:附带地) for computers to execute.” —Donald Knuth When a team is brought together(被放在一起) for the first time, everyone brings with them their own ideas about how code should be written…

JavaScript编写连连看

这几天写题比较少,做了一下网页设计的期末大作业.搞了个连连看,核心代码和hdu 1175那个题目一样. 越来越觉得学ACM是十分有用的,软件的核心是数据结构和算法,学会了DFS,连连看就水到渠成了. 下载地址:http://pan.baidu.com/s/1pJspnWR 下面放出源码: html部分: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/…

使用javascript编写根据用户鼠标控制背景图片的移动

在一家VR公司做前端. 起初进入前端就是一种内心的直觉,创造更好的用户体验,让页面更加友好,当然最起初接手web项目还是为了完成毕业设计. 一个网上图书商城,虽然不大,但五脏都有毕竟开刀所以避免不了很多瑕疵,项目在....待我验证下好久没去看了!https://github.com/gitxiao5/html5/tree/master/%E6%AF%95%E4%B8%9A%E8%AE%BE%E8%AE%A1. 今年三月份才开始正式的工作,工作了大半年了,前端一直都没有断过,即时有时还有其他的事情…

使用 JavaScript 编写优化算法 (1)

之前一直用Python来写优化算法,为了增强 JS 的熟练程度,开始将原有的代码改写成 JS.采用的工具包括 node.js + Grunt + nodeunit + github + npm + travis-ci. 最初的版本采用过程式的方式实现,没有采用面向对象或事件驱动的模式. #!/usr/bin/env node --harmony // Random Search "use strict"; var util = require("util"); fu…

【用JavaScript编写气泡】的更多相关文章