最近的文章列表

语音或视频或文字聊天,网站实时协作JavaScript库 TogetherJS - Mozilla

TogetherJS是由Mozilla打造的一款可以给网站添加实时协作功能的JavaScript库,TogetherJS免费并且开源,遵循MPL 2.0开源协议,并且托管在Mozilla服务器上。

为什么要使用TogetherJS?

...
2014/2/13 Comments:
[转]快速入门伪装成为一名前端(JS方向)开发

从后台开发转到前端开发的,有不少人,同时做前后台的,也有不少人,貌似做前端开发很容易,下边给你支几招,看看受用不。

第一招:收集jquery的 chm帮助手册

  因为经常但又不是很频繁的写js,记不住jquery的api,咋办?当然是chm的帮助手册方便查询,其他各类JS框架都有chm的速查版本

2014/2/7 Comments:
【JS颜色选择器】216种web安全色选择器

查看示例:http://camnpr.com/TuiJianTools/jsdemo/color.html

 

使用方法:

js引用:将下面的JS源码存入您的JS文件或者网页的<head><script>JS代码</script></head>标签中

HTML要求:页面的HTML代码中必须包含三个元素,即:触发手柄、显示选中颜色的节点、显示筛选出来的216种颜色的节点
例:
触发手柄 <input type="button" value="按钮选取颜色" id="myhand" />
显示选中颜色的节点 <input type="button" value="#FFFFFF" id="showColor" />
显示筛选出来的216种颜色的节点 <div id="color"></div>

2014/2/7 Comments:
图片放大缩小功能

通过 Math.pow(x,y) 的“幂”运算来计算大小图片放大缩小的尺寸

看JS源码:

// 放大缩小控制
var PhotoSize = {
  zoom: 0, // 缩放率
  count: 0, // 缩放次数
  cpu: 0, // 当前缩放倍数值
  elem: "", // 图片节点
  photoWidth: 0, // 图片初始宽度记录
  photoHeight: 0, // 图片初始高度记录
2014/2/7 Comments:
将光标置于某表单元素的最后(textarea createTextRange setSelectionRange)

为了增加用户体验,在工作中难免要对textarea动态插入一些内容,插入完成后又想让光标定位于textarea的最后,各浏览器对这个的解释有些差异,下面整理了一个兼容浏览器的方法 toTextEnd ,此方法接受一个参数,该参数为要定位光标的目标元素【可编辑表单元素】。

其实理论很简单,在IE中采用createTextRange方法,非IE中采用setSelectionRange方法进行光标定位。

2014/2/7 Comments:
iframe子页面与父页面通讯(相互调用) chrome环境下需要通过HTTP访问才能生效

// 父控制子

document.getElementById("iframeId").contentWindow.document.getElementById("erZi").innerHTML = "";

// 子控制父

parent.document.getElementById("fuQin").innerHTML = "";

chrome环境下需要通过HTTP访问才能生效

2014/2/7 Comments:
[分享]php递归获取目录内文件(包含子目录)封装类

代码如下:


function readFileFromDir($dir) {
    if (!is_dir($dir)) {
        return false;
    }
    //打开目录
    $handle = open
2014/1/21 Comments:
js和jQuery获取父元素,删除子元素的两种不同方法

var obj=document.getElementById("id");得到的是dom对象,对该对象进行操作的时候使用js方法

var obj=$("#id");得到的是jquery对象,对该对象进行操作的时候使用jquery方法

1.对于上面获得的对象进行遍历

(1).js方法  for(vat i=0;j<obj.length;i++){ obj[i] 来获得对应的某一个元素}

(2).jquery方法  $(“#id”).each(function(){ $(this) 来获得对应的某一个元素});

2.获取满足条件的

2014/1/20 Comments:
js与jQuery获取父级元素,子级元素,兄弟元素的实现方法

先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比

JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素

原生的JS获取ID为test的元素下的子元素。可以用:

比如:

<div id="dom">
    <div></div>
    <div></div>
    <div><

2014/1/20 Comments:
[详解]js原生和jQuery解析json和数组格式的方法

在解析之前,我们必须弄清楚几个概念:数组,关联数组以及json之间有哪些区别和联系点?

一.概念介绍
1.数组

语法:
ECMAScript v3规定了数组直接量的语法,JavaScript 1.2和JScript 3.0实现了它。可以把—个用逗号分隔的表达式列表放在方括号中,创建并初始化—个数组。这些表达式的值将成为数组元素。例如:

var a = [1, true, 'abc'];

具体操作查看API.

ps:必须方括号隔开。

2.关联数组

2014/1/20 Comments: