JavaScript
文章平均质量分 64
梧桐下的四叶草
这个世界并没有我看上去的那么简单,人各有命,上天注定。有人天生为王,有人落草为寇。脚下的路,如果不是你自己的选择。那这旅程的终点在哪儿,也没人知道。你会走到哪儿,会碰到谁。都不一定。
展开
-
JavaScript五子棋
这个代码是按照网上一个JS教程写的。这个代码有点bug吧,那就是一直封你的棋而不会去赢。html: 五子棋 JS:var chessBoard = [];var me = true;var over = false;v原创 2016-05-27 20:27:07 · 576 阅读 · 0 评论 -
手机触摸 事件, 当触摸屏幕时候触发
转载自:http://blog.csdn.net/zhxh0376/article/details/46772671touchstart:触摸开始的时候触发touchmove:手指在屏幕上滑动的时候触发 touchend:触摸结束的时候触发而每个触摸事件都包括了三个触摸列表,每个列表里包含了对应的一系列触摸点(用来实现多点触控):touches:当前位于屏幕转载 2016-09-22 21:50:17 · 410 阅读 · 0 评论 -
JavaScript-添加事件是与HTML里的结构相关的
在上面的图里面,写明白了body,div,button之间的位置关系。已经知道的是div已经拥有了事件一,二,三了,各个button的事件为一,四,四。这里以鼠标事件click来说明。如果div里click=“事件一”了,那么第一个button就不能够再添加click=“事件一”了,而相同地位的2,3button都是事件四,而且div无事件四,那么他们都是可以添加click=“事件四”的。原创 2016-09-08 13:39:51 · 257 阅读 · 0 评论 -
javascript闭包
原创 2016-09-28 21:07:20 · 238 阅读 · 0 评论 -
JS作用域与块级作用域
转载自:http://blog.csdn.net/huli870715/article/details/6531664作用域永远都是任何一门编程语言中的重中之重,因为它控制着变量与参数的可见性与生命周期。讲到这里,首先理解两个概念:块级作用域与函数作用域。 什么是块级作用域呢?任何一对花括号({和})中的语句集都属于一个块,在这之中定义的所有变量在代码块外都是不可见的,我们称之为块转载 2016-09-29 19:42:51 · 277 阅读 · 0 评论 -
HTML5-简单触摸事件
function handleTouchEvent(event) { //只跟踪一次触摸 event.preventDefault(); if (event.touches.length == 1) { var ht=document.body.clientHeight; var wh=document.bo原创 2016-12-10 19:31:43 · 651 阅读 · 2 评论 -
Javascript 进阶 作用域 作用域链
转载请标明出处:http://blog.csdn.NET/lmj623565791/article/details/25076713一直觉得Js很强大,由于长期不写js代码,最近刚好温故温故。1、JavaScript没有代码块作用域的概念,局部作用域是针对函数来说的。[javascript] view plain copy f转载 2016-12-12 21:12:22 · 313 阅读 · 0 评论 -
关于js的事件获取遇到的问题
在使用clientX中发现了无法使用这个变量的错误,之后就发现,原来这是一个鼠标的响应事件要想获取到这个变量的话,那么必须要在监听事件里面才能够获取到我们想要的鼠标的移动位置x和y。原创 2016-12-08 00:37:43 · 319 阅读 · 0 评论 -
对于ajax为什么可以实现不更新页面的理解
一开始的时候,总是觉得为什么用ajax来向服务器发出请求就能够实现不刷新的效果。自己百度了一下,终于是了解了它的原理究竟是如何的了。其实,这个是利用了客户端的js代码进行对数据更新,因为使用js对数据进行更新是不需要整个页面更新的。所以我认为是ajax是向服务器请求数据,之后服务器直接对ajax返回数据,之后ajax获取到了数据之后,就是对客户端的HTML代码进行修改了。所以可以做到了异步的处原创 2016-12-23 17:01:26 · 1588 阅读 · 1 评论 -
js函数的调用者和所有者
转载自:http://lee3836.iteye.com/blog/438979函数的调用者指的是函数被调用的域(可以理解函数本身),Function 对象的caller属性是对当前函数的函数的引用。如果该函数是从JavaScript程序的顶层调用的,caller的值为null。函数的所有者指的是调用这个函数的对象。 看例子: Java代码 "-//W3C//转载 2016-12-24 21:04:02 · 1223 阅读 · 0 评论 -
Head First深入浅出
最近对于Head First的书籍着迷了,感觉写的生动易懂,该深入的时候深入去探讨。而且还有一些工程上的东西交给你,在网上找了一些电子书,发现有些太大无法上传,所以只是上传了两个,如果想找的话可以自己百度其它的书籍,这里给出两个书籍的链接Head First HTML与CSS、XHTML(中文版)[Head.First.PHP.&.MySQL].Lynn.Beighley.扫描原创 2016-12-25 23:49:28 · 719 阅读 · 0 评论 -
网页文档编辑器--simditor
第一次使用文档编辑器,一开始第一时间是想要使用ueditor的百度文档编辑器的。结果发现真的好难玩呀,使用代码的方式去配置,结果发现基本不会怎么用。直接开发者模式(Ueditor)结果出现如下图的错误:真心无语了,或许是自己太水了吧,不过这个编辑器界面也是奇丑呀,不用也罢了。之后在网上找到了另外一个编辑器,感觉配置起来,和使用都挺不错的。下载网址:传送门这个编辑器的使用方法如下原创 2017-03-02 10:53:01 · 1343 阅读 · 0 评论 -
jQuery入坑笔记
以前比较散乱的学习jQuery,所以现在想要系统的学一下。这里面我是跟着学的,因为以前看过这一系列的书都感觉不错,所以现在也是对Head First系列的书充满好感。(1)slideToggle在这里我要实现一个点击文字就会出现图片向下滑动出现的效果,所以采用slideToggle来实现,这个的话其实就是封装了两个函数slideUp和slideDown。这两个函数会根据你使用的选择器而判断原创 2017-07-04 00:51:08 · 416 阅读 · 0 评论 -
js-变量定义问题
重复定义会被编译器忽略的。这里以一个实例来说明一下。for(var i=0;i<10;++i){ var sum = (i==0?0:sum+=10); } //这里的值不会是重复定义,而是第一次等于0,随后9次不断的sum+=10原创 2016-09-15 19:54:24 · 283 阅读 · 0 评论 -
什么?你还不会写JQuery 插件
转载自:http://www.cnblogs.com/joey0210/p/3408349.html什么?你还不会写JQuery 插件前言 如今做web开发,jquery 几乎是必不可少的,就连vs神器在2010版本开始将Jquery 及ui 内置web项目里了。至于使用jquery好处这里就不再赘述了,用过的都知道。今天我们来讨论下jquery的插件机制,jquer转载 2016-09-13 18:02:08 · 233 阅读 · 0 评论 -
javascript-彩票游戏
6-4 彩票游戏 * {font-size: 12px;}//规定所有字体样式 len = 7;//彩票号码位数 function calc(){ var strNumber,strMatchNumber,strResult,intResult; strNumb原创 2016-08-08 20:52:07 · 1488 阅读 · 1 评论 -
JS寻找宝藏游戏
在地图上随机点一个地方,然后图片下方会出现如下文字:distance是宝藏与点击的地方的距离 if(distance < 10){ return "Boiling hot!"; } else if(distance < 20){ return "Really hot";原创 2016-06-08 22:13:28 · 1470 阅读 · 0 评论 -
JavaSript面向对象编程
(一)一个简单的对象 //创建一个狗的简单对象 var dog = { name : "Pancake", legs : 4, isAwesome : true }; //原创 2016-06-09 13:14:41 · 517 阅读 · 0 评论 -
JavaScript-DOM和jQuery(初级入门)
(一)选择DOM元素 Cars Hello world! //id可以唯一标识一个元素,可以使用DOM的方法document。getElementById来返回‘main-heading’元素 var headingElement = document.getElement原创 2016-06-09 13:53:49 · 488 阅读 · 0 评论 -
Javascript和HTML canvas(初级入门)
(一)在画布绘制空心与实心矩形 Canvas //选择id为canvas的元素 var canvas = document.getElementById("canvas"); //重canvas元素获取绘制环境 var ctx =原创 2016-06-09 16:13:55 · 548 阅读 · 0 评论 -
JavaScript-在画布上让物体移动
(一)在页面上移动 Canvas Animation var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d"); var positi原创 2016-06-10 11:05:26 · 4366 阅读 · 2 评论 -
JavaScript-用键盘控制动画
(一)添加keydown事件 Keyboard input //创建一个keyNames对象 var keyNames = { 32 : "space", 37 : "left", 38 :原创 2016-06-10 11:52:50 · 559 阅读 · 1 评论 -
JavaScript-贪吃蛇
学了JS有段时间了,感觉还是对于JS相当的陌生,感觉好多东西都是不懂的,但是经过了写贪吃蛇游戏后感觉对于JS有了更深的理解。感觉看了再多的JS知识,如果不动手去做的话,那就纸上谈兵。所以学习还是应该多动手才行,不能懒啊。源代码: Keyboard input原创 2016-06-10 15:51:19 · 602 阅读 · 0 评论 -
javascript-计算24
计算24 body{ background-color:buttonface; } #tex_result { background-color:#6090DA; border:black solid 1px; color:white;原创 2016-07-27 21:37:53 · 596 阅读 · 0 评论 -
JavaScript eval() 函数
JavaScript eval() 函数这个函数可以用来计算字符串的表达式,例如:eval(“1+2+3”),运行后的结果是6.或者运行语句,例如:eval(“alert(‘123’);”);,这时会弹出一个写着123的警告框。原创 2016-07-27 21:45:42 · 548 阅读 · 0 评论 -
javascript-由初速度和仰角求射程
6-1 由初速度和仰角求射程 //计算射程的函数 function calc(){ var lngSpeed,lngAngle,lngTime,lngDistance,g; //重力加速度 g = 10; //获取用户输入 lngSpeed = $("txt_init_spe原创 2016-07-28 15:23:04 · 603 阅读 · 0 评论 -
JavaScript-js文件内的函数定义顺序
以前都是以为写js的程序在函数的顺序可以随便来,不用管什么顺序的问题。但是现在发现和顺序是有关系的。例子如下:js文件:var main=document.getElementById("main");function zanting(){ alert("暂停了");}if(document.addEventListener){ main.addEventListen原创 2016-09-09 09:58:40 · 581 阅读 · 0 评论 -
javascript-科学计算器
6-2 科学计算器 * {font-size: 12px;}//规定所有字体样式 body {background-color:buttonface; border-style: none;}//窗口主体样式 .button {width:50px;height: 30px;}//按钮大小 #txt_displ原创 2016-08-07 21:22:09 · 632 阅读 · 7 评论 -
Image转Canvas注意事项
在写图像上传的时候,为了要统一图像的格式,所以难免要去将上传的图像进行格式转换。所以这里就要用到canvas来转换。这里我们要使用FileReader这个js预置对象, 这个对象可以获取到上传的文件数据,具体如下:html:js:function selectImage(file){ if(!file.files||!file.files[0]){ return;原创 2017-10-18 14:15:25 · 578 阅读 · 0 评论