-
javascript+html5实现在网页上画图效果
所属栏目:[模式] 日期:2018-10-09 热度:137
这是一个用javascript 在canvas 上实现的简单的 画图 应用,用支持html5 的浏览器便可在下面的区域进行绘画: 您的浏览器不支持canvas! 功能很简单,原理其实和拖放是类似的,主要是三个事件: 1. 在canvas 上绑定mousedown 事件以标志绘画的开始(调用move[详细]
-
用In.js颗粒化管理、加载你的Javascript模块
所属栏目:[模式] 日期:2018-10-09 热度:182
近一年来,国内外都十分热衷于异步加载的研究,为了加快页面的载入速度,无阻塞加载 Java script的方法和框架成为了前端开发的焦点和亮点之一。 国外的像基于 jQuery 的RequireJs,YUI Loader,LabJs,RunJs,国内也有淘宝的SeaJs,豆瓣的DoJs等,这些都是[详细]
-
JS操作客户端缓存简单小函数
所属栏目:[模式] 日期:2018-10-09 热度:160
用getCookie,addCookie,deleteCookie三个小函数来对客户端缓存进行获[详细]
-
JS教程:String对象及其常用属性以及方法
所属栏目:[模式] 日期:2018-10-04 热度:155
目的很简单,主要回顾下javascript里面String常用的一些属性以及方法,虽然经常使用,但其实一些细节没有注意到,总是等到用到的时候再去查有点浪费时间,因此总结了下加深印象 一、字符串的几种声明方式 var str = 'hello world !'; var str = String('he[详细]
-
Object.prototype.toString.call() 区分对象类型
所属栏目:[模式] 日期:2018-10-04 热度:156
在 Java Script 里使用 typeof 来判断数据类型,只能区分基本类型,即 number,string,undefined,boolean,object 五种。对于数组、函数、对象来说,其关系错综复杂,使用 typeof 都会统一返回 object 字符串。 要想区别对象、数组、函数单纯使用 typeof[详细]
-
js用法例子:使用split分隔指定字符串
所属栏目:[模式] 日期:2018-10-02 热度:95
js用法例子:使用split分隔指定字符串 Java Script使用split分隔指定字符串,用法举例,这里使用,逗号作为分隔符,将一长串含有逗号的字符串分开,应用十分广泛,其用法也相当简单,你从本代码中即可学到用法。 Copy to Clipboard 引用的内容:[www.veryhu[详细]
-
Chrome浏览器中用JS获取表格及其元素的CSS宽高
所属栏目:[模式] 日期:2018-10-02 热度:106
虽然现在表格用的很少了,但是某些写东西还是需要用到的。 今天在做F7Dialog2.0项目的时候遇到了要获取表格单元格的CSS宽高。自认为获取宽高很简单,直接写了代码获取,后来那部分代码写完后测试时才发现chrome执行结果不同,很是郁闷[详细]
-
JS批量获取class命名节点 getElementsByClassName()
所属栏目:[模式] 日期:2018-10-02 热度:189
JS批量获取class命名节点 getElementsByClassName() getElementsByClassName() 是一个老的方法了,将其优化整理后给大家提供。 代码如下: // 批量获取class命名节点 function getElementsByClassName(className, tag, parent){ var parent = parent || doc[详细]
-
javascript判断dom是否加载完毕
所属栏目:[模式] 日期:2018-10-02 热度:66
首先要明确两个概念 1.window.onload:页面加载完毕,页面内所有组件(图片等)都可用。 2.dom 加载:指文档对象模型加载完毕,要先于window.onload事件。 可以看出,当页面包含大量组件(特别是图片)的情形下,以上两种加载的时间相隔将会很长,这时判断dom何[详细]
-
javascript 缓存提供程序
所属栏目:[模式] 日期:2018-10-02 热度:151
相信每一个开发者都知道缓存的重要性。从头至尾有缓存的后台(memcached,xcache等。) 来减轻db的压力。对内容分发网络(CDN)缓存中希望你的浏览器缓存那些不止一次的加载资源。当然, 有客户端缓存,所以你不要重复昂贵的操作(即使是算法或大量的运算)。 这[详细]
-
cookie的添加、获
所属栏目:[模式] 日期:2018-10-02 热度:131
下面这段代码最开始是参考腾讯的,自经过调整加工及添加注释后贴出来,希望对大家有所帮助。 在注释中的解释应该已经很详细了,如遇到问题可以在评论中咨询。 // cookie 2.0 F7 Editor function setCookie(name, value, expires, path, domain){ //name coo[详细]
-
GSA发表了全球运营商关于5G物联网的最新进展
所属栏目:[模式] 日期:2018-10-02 热度:122
据官方报道,GSA(Global mobile Suppliers Association)最近发布了截至2018年7月全球电信运营商在5G、物联网网络、LTE和VoLTE方面的发展情况。期间,有来自39个国家的67家运营商已经宣布计划在2018-2022年之间向用户推出5G服务。[详细]
-
JavaScript Event学习第八章:事件的顺序
所属栏目:[模式] 日期:2018-09-30 热度:52
在第一章中我提到一个初次看起来可能不是那么好理解的是一个问题:如果一个元素和他的父元素对于同样的事件都有事件处理程序,那么哪个会首先执行呢?毫无疑问,看是什么浏览器。 基本问题很简单。假设你的一个元素包含在另外一个元素中。 ----------------[详细]
-
Prototype 实现的 AJAX Edit in Place
所属栏目:[模式] 日期:2018-09-30 热度:127
Prototype 似乎已经过气了,但用的人还是挺多,这段代码是用来实现即时文本编辑(Edit In Place)的功能。 // Requires prototype.js function edit(action, obj) { Element.hide(obj); var textarea ='div id=' + obj.id + '_editorinput type=text id=' +[详细]
-
你真的认识 window.location 吗?
所属栏目:[模式] 日期:2018-09-30 热度:124
如果你稍微懂一些 JS 代码,一般都会知道 window.location.href 这个属性。并且用该属性获取页面 URL 地址: window.location.href = window.location.href; 好吧,我告诉你,这样弱掉了。其实原生 Java Script 真是什么都有。 window.location 对象所包含[详细]
-
使用javascript将XML解析为JSON
所属栏目:[模式] 日期:2018-09-30 热度:128
今天看了David Walsh一篇把XML格式转换为JSON格式的文章,感觉不错,简单的转载了过来。 下面是神奇的XML转JSON的javascript代码: // Changes XML to JSON function xmlToJson(xml) { // Create the return object var obj = {}; if (xml.nodeType == 1)[详细]
-
JavaScript中的字符串乘法
所属栏目:[模式] 日期:2018-09-30 热度:70
In Ruby, the * operator used with a string on the left and a number on the right does string repetition. Ruby*2 evaluates to RubyRuby, for example. This is only occasionally useful (when creating lines of hyphens for ASCII tables, for ex[详细]
-
JS 实现 taskMenu 加载的时候显示指定的项
所属栏目:[模式] 日期:2018-09-30 热度:94
在用taskMenu的时候 当需要显示的项太多的时候 希望加载的时候 只显示指定的项 var taskMenu1; var taskMenu2; var item1; var item2; var item3; var item4; window.onload = function() { TaskMenu.setHeadMenuSpecial(true); /////////////////////////[详细]
-
使用jQuery中ajax方法访问web服务
所属栏目:[模式] 日期:2018-09-30 热度:82
说明: ArrayList 中 存为对象CollegeDepartInfo 其属性为:stirng CollegeDepartTitle 和 int CollegeDepartId 在javascript中 ddlDepart.options[ddlDepart.length]=new Option(n.CollegeDepartTitle,n.CollegeDepartId); Option的参数就是依据他们的。[详细]
-
Javascript实现不同编码之间的URL提交
所属栏目:[模式] 日期:2018-09-30 热度:51
不同的网站之间提交参数的时候。比如A网站是UTF-8编码,向liehuo.net (GBK) 提交一个链接 http://s.liehuo.net/?q=杯具sp=on 这样会存在转码的问题。 提供一个函数。将 http://s.liehuo.net/?q=1a=2b=3c=4 转换成FORM,再通过更改FORM的accept-charset 来[详细]
-
js 控制 checkbox 全选的简单代码
所属栏目:[模式] 日期:2018-09-30 热度:147
js 控制 checkbox 全选的简单代码 script function checkAll(obj,id) { var check = document.getElementsByName(id); for(i=0; icheck.length; i++) { check[i].checked = obj.checked; } } /script 表头 input class=check-all type=checkbox onclick=ch[详细]
-
JavaScript for/in循环的用法实例
所属栏目:[模式] 日期:2018-09-30 热度:104
Java Script for/in循环的用法实例,虽然For、IN大家用着不习惯,不过各有各的优势和个性,用好了一样是优秀的代码。 html head titlefor/in循环/title /head body centerh2测试for/in循环/h2/center hr script language=JavaScript // 变量声明 var prop;[详细]
-
Javascript 中 while 循环用法的代码
所属栏目:[模式] 日期:2018-09-26 热度:131
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-09-26 热度:57
ForIn 声明用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。 先定义一个构造函数: var Status = function(arg){ this.arg = arg;}Status.prototype.getStatus = function(){ return this.arg;} 接着实例化: var instance = new Status[详细]
-
JS 中 “null 为空或不是对象” 的解决办法
所属栏目:[模式] 日期:2018-09-26 热度:170
1. 'null'为空或不是对象: script type=text/javascript 里面加个defer=true属性试试看, 即:script type=text/javascript defer=true 其中defer作用是文档加载完毕了再执行脚本,这样回避免找不到对象的问题 2. document.getElementById为null 原因: var t[详细]