![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 66
FruitHardCandy
这个作者很懒,什么都没留下…
展开
-
省市联动功能的vm+js代码 其他相关的Select联动都可以用
HTML: <select class="selPro"> <option value="0">请选择省份</option> #foreach($province in $provinceList) <optio...2012-05-22 11:25:23 · 125 阅读 · 0 评论 -
Highcharts中文API
var chart = new Highcharts.Chart({chart alignTicks :true Boolean 多个y轴时对他们公共轴心的选取,ture为自动选取较适宜的公共轴心 animation :true BooleanObject 动画更新效果 backgroundColor :Color 绘图区背景色...原创 2012-12-12 15:15:04 · 149 阅读 · 0 评论 -
javascript的事件冒泡
什么是JS事件冒泡?:在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理 程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次 的最顶层,即document对象(有些浏览器是window)。 如何来阻...原创 2013-06-06 11:05:46 · 129 阅读 · 0 评论 -
深入了解canvas
一、简单图形,整套的属性和方法专门用于绘制矩形:1、fillStyle可以设置为CSS颜色、一个图案或一种颜色渐变。fillStyle默认是纯黑色,你可以设置成你喜欢的任意颜色。只要页面打开着,每个绘图上下文都会记录自己的属性,除非你重置过它。2、fillRect(x,y,width,height)绘制一个矩形,并以当前的fillStyle来填充。3、srtokeStyle和f...2012-12-19 19:16:21 · 170 阅读 · 0 评论 -
Chorme下iframe请求多次的解决办法&SimpleModal的chorme bug
Chorme下iframe加载会出现两次大家有没有遇到过这种情况?在我的项目中就遇到这种问题了,所以我想把我的解决办法说一下以让大家不用在这个上面费时间,我的问题是在用JQuery插件SimpleModal的时候发现的,会加载两次html请求,后来一步一步调试加查看一下资料,iframe的onload会在chorme下调用两次,下面是一个小demo可以让你查看出来; <...2013-06-09 10:53:36 · 735 阅读 · 0 评论 -
javascript的闭包和变量
for(var i=0;i<10;i++) { setTimeout(function() { console.log(i); }, 300);}运 行它可以发现,连续输出了10个10.为什么呢?因为 “i” 这个变量在内存里只保存了一份。当调用settimeout方法时,往js事件线程的等待队列排入了十个执行函数,一直到每个300ms结束,这十个执行 函数才被调用,此时内存里的 “i” 这...2013-06-24 16:18:24 · 149 阅读 · 0 评论 -
用JS实现效率最高的查找-折半查找的改进(可以查到不在数组中的值的位置)
效率最高的查找方法-折半查找,也叫做二分法查找;可以在最短时间内找到一个数字在一个数组中的index定位,但有些时候我们需要实现一个不在数组中的值“将”位于已有数组中的第几位的场景,下面是我用JS实现的代码,对于折半查找的原理请百度或者google一下,当然360也是可以的。 // 计算indexvar _myIndex = function(list, key) {...2012-09-24 10:06:57 · 275 阅读 · 0 评论 -
zepto点透研究【转】
文章源自:http://blog.youyo.name/archives/zepto-tap-click-through-research.html zepto tap “点透”研究在使用zepto框架的tap来移动设备浏览器内的点击事件,来规避click事件的延迟响应时,有可能出现点透的情况,下面是一个例子:先看看zepto RC1版本的tap模拟事件的实现方法:Js代...原创 2013-11-13 17:05:05 · 165 阅读 · 0 评论 -
一个很简短的实现页面滚屏一小段的JS 与之共享
如果有朋友在项目中需要实现,打开页面后要实现锚滚动一段以定位到页面的某一个部分,可以用一下代码://滚屏var currentpos=document.body.scrollTop+500;window.scroll(0,currentpos);这段代码放在$.ready()或者window.onload()中可以实现自动定位到向下滚动500...2012-10-10 10:51:39 · 145 阅读 · 0 评论 -
使用的移动端Web开发常识
转载请注明: 转载自WEB前端开发(www.css119.com)-关注常见的WEB前端开发问题、最新的WEB前端开发技术(webApp开发、移动网站开发)、最好的WEB前端开发工具和最全的WEB前端开发w3cschool手册 如果你是一名前端er,又想在移动设备上开发出自己的应用,那怎么实现呢?幸好,webkit内核的浏览器能帮助我们完成这一切。接触 webkit webapp的开发已...原创 2014-06-17 14:52:59 · 279 阅读 · 0 评论 -
可以根据不同的终端类型适当的改变正则表达式
转载请注明: 转载自WEB前端开发(www.css119.com)-关注常见的WEB前端开发问题、最新的WEB前端开发技术(webApp开发、移动网站开发)、最好的WEB前端开发工具和最全的WEB前端开发w3cschool手册 <script type="text/javascript">if(/AppleWebKit.*mobile/i.test(navigator....原创 2014-06-17 14:55:42 · 213 阅读 · 0 评论 -
适应不同手机分辨率的media query
转载请注明: 转载自WEB前端开发(www.css119.com)-关注常见的WEB前端开发问题、最新的WEB前端开发技术(webApp开发、移动网站开发)、最好的WEB前端开发工具和最全的WEB前端开发w3cschool手册 Media Queries这功能是非常强大的,他可以让你定制不同的分辨率和设备,并在不改变内容的情况下,让你制作的web页面在不同的分辨率和设备下都能显示正常...原创 2014-06-17 15:17:33 · 261 阅读 · 0 评论 -
报错找不到jquery-1.10.2.min.map解决办法
我先说一下什么是source map文件。 source map文件是js文件压缩后,文件的变量名替换对应、变量所在位置等元信息数据文件,一般这种文件和min.js主文件放在同一个目录下。 比如压缩后原变量是map,压缩后通过变量替换规则可能会被替换成a,这时source map文件会记录下这个mapping的信息,这样的好处就是说,在调试的时候,...2013-09-12 16:15:55 · 353 阅读 · 0 评论 -
浏览器参数及JS基础配置总结
1.用script标签引入javascript时,浏览器对于javascript的加载某些是并行的,某些是串行的,如IE8,Chorme2和firefox3都是串行加载的。2.charset编码也就是页面编码建议要明确设置,不然会导致不必要的错误。可以在header中设置,也可以在meta中设置,建议在meta中设置,浏览器加载html时会先加载头部,并顺序读取meta中的char...2012-12-11 14:40:13 · 268 阅读 · 0 评论 -
jquery cookie控制过期时间解决方案
jquery.cookie()方法可以设置cookie,默认条件下是浏览器关闭cookie即失效,用下面方法可以解决这个问题:<script type="text/javascript"> var expiresDate= new Date();expiresDate.setTime(expire.getTim...2012-08-22 11:49:24 · 531 阅读 · 0 评论 -
JQuery Tab_JQuery竖排页签代码示例
一个使用JQuery1.4.4开发的竖排页签选项卡(Tab)的代码示例,代码完整包已经加在附件中了,希望对大家有帮助:HTML-Tab.html:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>...2012-02-07 11:05:43 · 305 阅读 · 0 评论 -
你会用JS动态给html添加空格吗?我教你~
前端项目中有时需要动态用JS添加空格,例如为了照顾CSS的样式或者为了照顾特殊效果的实现。只要用下面这种方法就好了。HTML:<div id="test"></div>如果你不单单想让div之间是null,而是想动态添加空格的话,这样(jquery):$("#id").innerHTML +...2012-06-19 16:25:32 · 1911 阅读 · 0 评论 -
JQuery的Galleria插件的使用
前一阵在研究JQuery的插件,其中有一款插件(Galleria)可以用来显示图片的,下面是一系列小图片,上面是当前查看的大图,发现用起来很简单,一点也不难。把代码贴在这里跟大家一起分享,效果图我已经传入附件中。 Galleria.html <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"...2012-02-22 14:24:59 · 302 阅读 · 0 评论 -
ExtJS4.1自带API打不开的问题解决
在官网上下载的ExtJS4.1开发包中DOC文件包中带有ExtJS的API,但是直接打开index.html是打不开的,这时你可以用firebug调试一下,实际上是报错的,在哪里报的错呢?因为index.html引用的是ext.js文件,这个文件里面是有错误的,所以把它改成ext-all.js,就可以打开且不报错了。Please try again!...2012-07-04 13:46:13 · 133 阅读 · 0 评论 -
转自CSDN-13款JavaScript图形和图表绘制工具
如今,在互联网上发布在线免费的Javascript图形和图表绘制工具越来越多。作者此前在一家网站从事复杂的图形学方面的工作,使用highchart,在那期间,没有大量的插件工具可供选择,不像现在,我们可以轻易地找到非常有用的图表库。作者认为,此种插件的兴起源于:Flash 是最佳的解决方案,大部分人从这方面迁移的;现在的浏览器和强大的计算机使其在实时数据方面的能力更加的容易;绘制...原创 2012-03-05 11:20:58 · 163 阅读 · 0 评论 -
JQuery的delegate事件参数说明
JQuery的delegate事件: delegate() 方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。 使用 delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素)。 $(selector).delegate(childSelector,event,data,fun...2012-03-21 16:55:53 · 157 阅读 · 0 评论 -
IE6下链接a的onclick事件失效的解决办法
在IE6下,HTML的链接a标签的onclick事件会不起作用,这是因为IE6内核解释a标签的方式认为href的优先级要高于onclick,这会造成onclick方法不起作用,如下面代码: <a onclick="test()" href="javascript:void(0)">test</a>...2012-07-31 13:17:28 · 251 阅读 · 0 评论 -
IE6下不能识别trim方法的解决办法(javascript)
我们有时候会按需求在前端用trim()方法将html中的空格去掉,如下面代码: $("#info-2").html().trim()但IE6下对trim()方法不能识别,解决办法是只要在代码前面加上这段话就好了(去掉注释),如下:<!-- 要加的话 START --> //ie6不认识trim方法 if...2012-07-31 13:49:47 · 217 阅读 · 0 评论 -
部分浏览器(如chorme)缓存js的问题解决
开发网站的过程中前端对浏览器的兼容性是一大头疼的问题,部分浏览器会自动缓存JS甚至是request请求的结果,导致后台虽然执行成功,前台的操作似乎没起什么作用,因为看不到及时的效果! 在执行的请求或者js前面加这一段话就好了(for jquery): jQuery.ajaxSetup({ ...2012-07-31 16:01:39 · 143 阅读 · 0 评论 -
Backbone.js选型使用分析
Backbone是一款很不错的轻量级的提供前端MVC模型编程的解决方案,其提供的Model,View,Controller等接口可以帮我们很清晰的从一大堆海量代码中解脱出来,Backbone本身就体积很轻有个4K-5K的样子,依赖也很少,只有一个underscroe,里面提供了一大堆数组操作还有模板解析的函数。 我目前也在重构整个前端的代码,之前的代码因为公司初创的缘故,在...2012-11-12 13:09:16 · 159 阅读 · 0 评论 -
window下基于eclipse的Nodejs工程项目配置步骤
因为项目需要,我们要引用node.js作为网络服务端二方库,所以要搭建一套开发环境。网上的资料分散有的甚至有歧义,而且很少有详细说明如何在windows系统下,基于eclipse搭建Node工程的,所以我在这里把我搭建的步骤详细列出来,有异议的可以给我提出: 环境的准备: 1.下载NodeJS,基于windows的NodeJS安装文件是exe可执行文件,文...2013-04-26 13:40:48 · 299 阅读 · 0 评论 -
jquery.fn.extend与jquery.extend的区别
jQuery为开发插件提拱了两个方法,分别是:JavaScript代码jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。jQuery.fn.extend(object);给jQuery对象添加方...原创 2012-11-27 17:10:10 · 124 阅读 · 0 评论 -
CSS中z-index的层级树概念
CSS 中的 z-index 属性用 于设置节点的堆叠顺序, 拥有更高堆叠顺序的节点将显示在堆叠顺序较低的节点前面, 这是我们对 z-index 属性普遍的认识. 与此同时, 我们总是对堆叠顺序捉摸不透, 将 z-index 的值设得很大也未必能将节点显示在最前面. 本文将通过一些例子对 z-index 的使用方法进行分析, 并且为各位带入 z-index 层级树的概念. 这个星期我们团...原创 2013-09-18 15:06:14 · 167 阅读 · 0 评论