-
大家一起JS
收藏javascript基础 javascript开源框架产品使用 javascript深入研究 javascript扩展使用 javascript性能探究 js跨域技术 js开发规范
最近更新文章
CSS中z-index的层级树概念
CSS 中的 z-index 属性用 于设置节点的堆叠顺序, 拥有更高堆叠顺序的节点将显示在堆叠顺序较低的节点前面, 这是我们对 z-index 属性普遍的认识. 与此同时, 我们总是对堆叠顺序捉摸不透, 将 z-index 的值设得很大也未必能将节点显示在最前面. 本文将通过一些例子对 z-index 的使用方法进行分析, 并且为各位带入 z-index 层级树的概念.
这个星期我们团队 ...
报错找不到jquery-1.10.2.min.map解决办法
我先说一下什么是source map文件。
source map文件是js文件压缩后,文件的变量名替换对应、变量所在位置等元信息数据文件,一般这种文件和min.js主文件放在同一个目录下。
比如压缩后原变量是map,压缩后通过变量替换规则可能会被替换成a,这时source map文件会记录下这个mapping的信息,这样的好处就是说,在调试的时候,如 ...
字符编码笔记:ASCII,Unicode和UTF-8
1. ASCII码
我们知道,在计算机内部,所有的信息最终都表示为一个二进制的字符串。每一个二进制位(bit)有0和1两种状态,因此八个二进制位就可以 ...
javascript的事件冒泡
什么是JS事件冒泡?:
在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理 程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次 的最顶层,即document对象(有些浏览器是window)。
如何来阻止 ...
window下基于eclipse的Nodejs工程项目配置步骤
因为项目需要,我们要引用node.js作为网络服务端二方库,所以要搭建一套开发环境。网上的资料分散有的甚至有歧义,而且很少有详细说明如何在windows系统下,基于eclipse搭建Node工程的,所以我在这里把我搭建的步骤详细列出来,有异议的可以给我提出:
环境的准备:
1.下载NodeJS,基于windows的NodeJS安装文件是exe可执行文件,文件 ...
深入了解canvas
一、简单图形
,整套的属性和方法专门用于绘制矩形:
1、fillStyle可以设置为CSS颜色、一个图案或一种颜色渐变。fillStyle默认是纯黑色,你可以设置 ...
Highcharts中文API
var chart = new Highcharts.Chart({
chart
alignTicks :true Boolean 多个y轴时对他们公共轴心的选取,ture为自动选取较适宜的公共轴心
animation :true BooleanObject 动画更新效果
backgroundColor :Color 绘图区背景色
...
浏览器参数及JS基础配置总结
1.用script标签引入javascript时,浏览器对于javascript的加载某些是并行的,某些是串行的,如IE8,Chorme2和firefox3都是串行加载的。
2.charset编码也就是页面编码建议要明确设置,不然会导致不必要的错误。可以在header中设置,也可以在meta中设置,建议在meta中设置,浏览器加载html时会先加载头部,并顺序读取meta中的chars ...
jquery.fn.extend与jquery.extend的区别
jQuery为开发插件提拱了两个方法,分别是:
JavaScript代码
jQuery.fn.extend(object);
jQuery.extend(object);
jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。
jQuery.fn.extend(object);给jQuery对象添加方法 ...
Backbone.js选型使用分析
Backbone是一款很不错的轻量级的提供前端MVC模型编程的解决方案,其提供的Model,View,Controller等接口可以帮我们很清晰的从一大堆海量代码中解脱出来 ...
一个很简短的实现页面滚屏一小段的JS 与之共享
如果有朋友在项目中需要实现,打开页面后要实现锚滚动一段以定位到页面的某一个部分,可以用一下代码:
//滚屏
var currentpos=document.body.scrollTop+500;
window.scroll(0,currentpos);
这段代码放在$.ready()或者window.onload()中可以实现自动定位到向下滚动500像 ...
用JS实现效率最高的查找-折半查找的改进(可以查到不在数组中的值的位置)
效率最高的查找方法-折半查找,也叫做二分法查找;可以在最短时间内找到一个数字在一个数组中的index定位,但有些时候我们需要实现一个不在数组中的值“将”位于已有数组中的第几位的场景,下面是我用JS实现的代码,对于折半查找的原理请百度或者google一下,当然360也是可以的。
// 计算index
var _myIndex = function(list, key) {
...
JQuery Show()的几种效果 总有一种是你需要的
1 show()方法和hide()方法
$("selector").show()
从display:none还原元素默认或已设置的display属性$("selector").hide()
设置元素的display样式为none,等于$("selector").css("display",&qu ...
jquery cookie控制过期时间解决方案
jquery.cookie()方法可以设置cookie,默认条件下是浏览器关闭cookie即失效,用下面方法可以解决这个问题:
<script type="text/javascript">
var
expiresDate= new
Date();
expiresDate.setTime(expi ...
部分浏览器(如chorme)缓存js的问题解决
开发网站的过程中前端对浏览器的兼容性是一大头疼的问题,部分浏览器会自动缓存JS甚至是request请求的结果,导致后台虽然执行成功,前台的操作似乎没起什么作用,因为看不到及时的效果!
在执行的请求或者js前面加这一段话就好了(for jquery):
jQuery.ajaxSetup({
...
IE6下不能识别trim方法的解决办法(javascript)
我们有时候会按需求在前端用trim()方法将html中的空格去掉,如下面代码:
$("#info-2").html().trim()
但IE6下对trim()方法不能识别
,解决办法是只要在代码前面加上这段话就好了(去掉注释),如下:
<!-- 要加的话 START -->
//ie6不认识trim方法
...
IE6下链接a的onclick事件失效的解决办法
在IE6
下,HTML的链接a标签的onclick事件会不起作用,这是因为IE6内核解释a标签的方式认为href的优先级要高于onclick
,这会造成onclick方法不起作用,如下面代码:
<a onclick="test()" href="javascript:void(0)"& ...
ExtJS4.1自带API打不开的问题解决
在官网上下载的ExtJS4.1开发包中DOC文件包中带有ExtJS的API,但是直接打开index.html是打不开的,这时你可以用firebug调试一下,实际上是报错的,在哪里报的错呢?因为index.html
引用的是ext.js
文件,这个文件里面是有错误的,所以把它改成ext-all.js
,就可以打开且不报错了。
Please try again!Y ...
你会用JS动态给html添加空格吗?我教你~
前端项目中有时需要动态用JS添加空格,例如为了照顾CSS的样式或者为了照顾特殊效果的实现。只要用下面这种方法就好了。
HTML:
<div id="test"></div>
如果你不单单想让div之间是null,而是想动态添加空格的话,这样(jquery):
$("#id ...
- 专栏创建者:水果硬糖
- 创建时间:2012-11-02 10:18:40
- 专栏文章数:22篇
- 专栏被浏览:214551 次
本专栏热门文章
最新评论
你好,我照着你的步骤弄了。但是在app.js上执行没有什么效果啊,服务也没起来。能帮我看看为什么吗?谢 ...
qf8505 评论了 window下基于eclipse的Nodejs工程项目配置 ...
qf8505 评论了 window下基于eclipse的Nodejs工程项目配置 ...