-
javascript+html5实现在网页上画图效果
所属栏目:[模式] 日期:2018-10-10 热度:161
这是一个用javascript 在canvas 上实现的简单的 画图 应用,用支持html5 的浏览器便可在下面的区域进行绘画: 您的浏览器不支持canvas! 功能很简单,原理其实和拖放是类似的,主要是三个事件: 1. 在canvas 上绑定mousedown 事件以标志绘画的开始(调用move[详细]
-
用In.js颗粒化管理、加载你的Javascript模块
所属栏目:[模式] 日期:2018-10-10 热度:113
近一年来,国内外都十分热衷于异步加载的研究,为了加快页面的载入速度,无阻塞加载 Java script的方法和框架成为了前端开发的焦点和亮点之一。 国外的像基于 jQuery 的RequireJs,YUI Loader,LabJs,RunJs,国内也有淘宝的SeaJs,豆瓣的DoJs等,这些都是[详细]
-
JS操作客户端缓存简单小函数
所属栏目:[模式] 日期:2018-10-10 热度:158
用getCookie,addCookie,deleteCookie三个小函数来对客户端缓存进行获[详细]
-
ExtJs与JavaScript的call方法
所属栏目:[模式] 日期:2018-10-04 热度:155
之前在教学视频有看过javascript的call。这个方法在ExtJs中是很常用的。 以前在搞ExtJs的时候总是忽略initComponent里面的一句代码,如下所示。今天在看其他人代码的时候发现调用的函数和自己想像的不一样。所以认真看了一下代码,再结合之前js关于call的[详细]
-
js将数字转换成中文字符的实例代码
所属栏目:[模式] 日期:2018-10-04 热度:118
js将数字转换成中文字符的实例代码,直接引用下边的代码,如有问题请留言。 Copy to Clipboard 引用的内容:[www.veryhuo.com]var _change = { ary0:[零, 一, 二, 三, 四, 五, 六, 七, 八, 九], ary1:[, 十, 百, 千], ary2:[, 万, 亿, 兆], init:function[详细]
-
Ajax通过GET方式与PHP进行交互
所属栏目:[模式] 日期:2018-10-04 热度:62
Ajax介绍: 内翻译常为阿贾克斯和阿贾克斯足球队同音。Web应用的交互如Flickr,Backpack和Google在这方面已经有质的飞跃。这个术语源自描述从基于Web的应用到基于数据的应用的转换。在基于数据的应用中,用户需求的数据如联系人列表,可以从独立于实际网页的[详细]
-
浅谈Javascript中几种克隆(clone)方式
所属栏目:[模式] 日期:2018-10-04 热度:137
一:在 Java script里,如果克隆对象是基本类型,我们直接赋值就可以了: 1 var sStr = kingwell;2 var cStr = sStr;3 alert(cStr);//输出kingwell4 sStr = abc;5 alert(cStr);//输出kingwell; 把一个值赋给另一个变量时,当那个变量的值改变的时候,另一[详细]
-
Ajax同步发送、字符串按步长截断
所属栏目:[模式] 日期:2018-10-04 热度:79
Ajax同步发送: (1)闭包的使用 多个Ajax请求,同步发送(能同步发送几个?让浏览器自己去决定吧).同步发送,每个ajax请求单独处理自己的请求. for(var i=0;ilen;i++){ Ajax.post(url,param,function(param,i){ return function(txt){ var res = txt.evalExp();[详细]
-
关于IE中image的onload事件失效解决问题
所属栏目:[模式] 日期:2018-10-04 热度:166
这两天做一个简单的图片查看器,其中用到了上一页和下一页,加载图片的时候用new Image(),然后设置image的src属性,在Google Chrome / Opera /FireFox中一切正常;代码如下: Copy to Clipboard 引用的内容:[www.veryhuo.com]var i = new Image(); i.src[详细]
-
JS向量旋转实现网页图片移动和碰撞反弹效果
所属栏目:[模式] 日期:2018-10-04 热度:99
上学期好像有一门课叫网页脚本设计,现在仔细想想,发现我好像基本没去上过,书还是新的。期末老师要求交一个作品,做一个网页,附带一个 Java script效果。。。 经过一上午苦学课本语法,稍微明白了这个是个什么东西,就好像C语言里面写函数一样,为了完成[详细]
-
HTML+JS实现在图片上传前实现本地预览
所属栏目:[模式] 日期:2018-10-04 热度:200
如何在图片上传前实现本地预览,这个功能实现起来似乎很简单,但却又是很棘手。 之前在从事项目开发中,遇到过这样的问题,原先有写好的代码,以为是很好实现的功能, 故没有特别在意。今天无意中研究了一下,原来并不像想象中的那样简单。直接上代码 如图[详细]
-
防止他人复制网站内容 两行代码就足够了
所属栏目:[模式] 日期:2018-10-04 热度:155
很多时候我们写的文章,如果好的话就会被转载了,但是问题是,很多人转载根本就不留下原来的地址,或者,你根本就不想要别人转载你的文章怎么办,禁止选择和复制是一个好办法,网络中的代码都非常的冗余,今天给大家带来的这两行代码就可以轻松的禁止网页[详细]
-
关于 addEventListener 和 handleEvent 方法
所属栏目:[模式] 日期:2018-10-04 热度:150
使用 addEventListener 可以绑定事件,并传入回调函数。 Mozilla 0.9.1 和 Netscape 6.1 之后的版本不但支持传递函数引用,也都允许直接把拥有 handleEvent 方法的对象作为 addEventListener 方法的第二参数。 这在 DOM Level 2 的接口定义中也已经做了说[详细]
-
Javascript 中 while 循环用法的代码
所属栏目:[模式] 日期:2018-10-01 热度:156
Java script 中 while 循环用法的代码,通过本例了解一下while循环的用法,相信这对你的JavaScript编程会有所帮助。 html head titlewhile循环/title /head body centerh2测试while循环/h2/center hr script language=JavaScript // 变量声明 var i = 1; v[详细]
-
JavaScript for…in 循环的陷阱
所属栏目:[模式] 日期:2018-10-01 热度:68
ForIn 声明用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。 先定义一个构造函数: var Status = function(arg){ this.arg = arg;}Status.prototype.getStatus = function(){ return this.arg;} 接着实例化: var instance = new Status[详细]
-
JS 中 “null 为空或不是对象” 的解决办法
所属栏目:[模式] 日期:2018-10-01 热度:106
1. 'null'为空或不是对象: script type=text/javascript 里面加个defer=true属性试试看, 即:script type=text/javascript defer=true 其中defer作用是文档加载完毕了再执行脚本,这样回避免找不到对象的问题 2. document.getElementById为null 原因: var t[详细]
-
转变代码思路:js浏览器判断方法
所属栏目:[模式] 日期:2018-10-01 热度:70
变则通,通则达,在coding的时候也要做到,有时候思路往往太过于局限性,拿今天写自己的js框架(暂定名为YQ吧,以后文章通用)对浏览器判断方法的实例,来说说代码思路的转变。 navigator.userAgent分析 关于javascript对浏览器的判断,很早之前我写过一篇[详细]
-
JavaScript的FileSystemObject对象写入文本文件内容
所属栏目:[模式] 日期:2018-10-01 热度:200
本代码主要是练习 Java Script的FileSystemObject对象,用它来让JavaScript向一个文本文件中写入内容,这个TXT文件的路径你可以自己指定,然后定义好要写入的内容,运行代码,你会发现原来的TXT文本中的内容已改变。 htmlheadtitle写入文本文件/title/head[详细]
-
关于ExtJS错误“例外被抛出且未被接
所属栏目:[模式] 日期:2018-10-01 热度:136
最近在使用ExtJS搭建网页界面过程中报出错误消息,IE中的提示如下: 例外被抛出且未被接住,行19。。。。 Firefox 提示如下: uncaught exception: No center region defined in BorderLayout westpanel. 根据IE的错误信息调试了老半天也没找到哪的毛病,[详细]
-
当构造函数遇到 YUI3 封装机制
所属栏目:[模式] 日期:2018-10-01 热度:69
Copy to Clipboard 引用的内容:[www.veryhuo.com]/* * 构造确认操作对话框 * @constructor ConfirmBox */ var ConfirmBox, confirmOff, confirmDel; ConfirmBox = function(msg, url){ this.msg = msg; this.url = url; }; ConfirmBox.prototype.fire = f[详细]
-
如何编写高质量的Javascript代码(译)
所属栏目:[模式] 日期:2018-10-01 热度:117
优秀的Stoyan Stefanov在他的新书中(《 Java script Patterns》)介绍了很多编写高质量代码的技巧,比如避免使用全局变量,使用单一的var关键字,循环式预存长度等等。 这篇文章不仅仅从代码本身来考虑如何优化编码,也从代码的设计阶段来考虑,包括书写A[详细]
-
JS的Image对象可用于检测图片类型是否合法
所属栏目:[模式] 日期:2018-09-23 热度:127
项目中假如碰到了上传图片文件时,需要在后台加检测程序,判断图片类型是否合法,以防止一些非法的文件上传,如果对js的Image对象比较熟悉我们可以使用下面的方法在前端层次上检查下图片类型是否合法。 var img = new Image(); img.onload = function(){ al[详细]
-
documentElement知识汇总
所属栏目:[模式] 日期:2018-09-23 热度:170
问题来源: 取得当前浏览器窗口的高度和宽度 解决文案: script type=text/javascript //from ppk (http://www.jr.pl/www.quirksmode.org/viewport/compatibility.html) var x,y; if (self.innerHeight) // all except Explorer { x = self.innerWidth; y = s[详细]
-
JavaScript 关于if语句的几种优化
所属栏目:[模式] 日期:2018-09-17 热度:148
UglifyJS是一个对javascript进行压缩和美化的工具,在它的文档说明中,我看到了几种关于if语句优化的方法。尽管我还没使用它去做一些尝试性的测试,但从这里可以看到它的确对js作了美化的工作。也许有人认为if语句就那么简单,能优化到什么程度?但是看看[详细]
-
JavaScript 取得当前页面的URL网址参数
所属栏目:[模式] 日期:2018-09-17 热度:155
烈01火43网(LieHuo76.Net)教79程 一个非常简单并常见的JS获取当前网页的URL代码,实际上这是一个有用的功能,有时候我们不想使用ASP/PHP/JSP等动态网页语言去截获URL中的字符串,用JS可减轻服务器压力,而且速度也比较快,灵活性高,示例中,我们可以获得[详细]
