![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 61
pvfhv
这个作者很懒,什么都没留下…
展开
-
DatePicker组件日期国际化错误
antd datepicker中文翻译不彻底原创 2022-10-14 14:11:23 · 433 阅读 · 0 评论 -
焦点图
在项目开发中,有一些经常会用到的效果,比如焦点图轮播,效果虽已司空见惯,但对于初学者来说,还是没有思路,只能网上下载,下载的一大堆代码又看不明白,无论布局还是js控制,只能撞大运式移置到项目上,不但影响了工作效率,还影响了项目的质量。原创 2013-05-29 17:14:18 · 1605 阅读 · 0 评论 -
Javascript的setTimeout()闭包特性
/**测试switch语句1.java中Switch语句只能探测int类型值2.注意case的渗透,所以每个case后要跟一个break3.case语句可以合并4.default即默认或其它情况可以省略,但不推荐省略**/public class TestSwitch { public static void main (String[] args) { int i = 60; switch(原创 2008-12-04 06:03:00 · 1139 阅读 · 0 评论 -
关于http://www.google-analytics.com/ga.js
var array = new Array(); array["tom"] = 90; array["jerry"] = 80; for (var i in array) { alert(i); //输出索引tom,jerry alert(array[i]);//输出内容90 80 }转载 2010-04-09 16:15:00 · 7045 阅读 · 0 评论 -
数字数组去除重复值
//数组转换成字符串 var array = new Array(1, 2, 3, 4); var arrayjoin = array.join("|"); alert(arrayjoin); //字符串转换成数组 var s1 = "1|2|3|4"; var arraysplit = s1.split("|");原创 2010-04-09 14:25:00 · 774 阅读 · 0 评论 -
字符串处理截取slice、substring、substr的异同
在项目开发过中,字符串是一种很特殊的东西,不可逃避地要经常对其处理,截取获得某几个字符是一种经常的事情。然而,在面试题中也经常出现对字符串处理的一些问题,尤其一些大公司,比如:慧*网,最近看其面试题中就有一道:说一下falsh编程中slice()、substring()、substr()的相同点和不同点? 分析该题,其实并不难,但很基础,很多人都用过这三个方法,但都是基于js的,至于fals原创 2013-03-10 05:38:30 · 5725 阅读 · 0 评论 -
寄生构造函数——扩展原生数组
最近在产品研发过程中,发现需要对原生数组进行一些扩展,我们深知修改原生对象的弊端,尤其在产品化的程序中修改原生对象的原型。如果因某个实现中缺少某个方法,就在原生对象的原型中添加这个方法,那么当在另一个支持该方法的实现中运行代码时,就可能会导致命名冲突。而且,这样做也可能会意外地重写原生方法,大名鼎鼎的prototype框架败因也在于此,改写了大量原生对象,当ECMAscript升级时,面临着许多改原创 2013-09-16 01:18:13 · 1520 阅读 · 0 评论 -
会计网站文本框经常用到的一些功能
javascript代码: /* keyCode ascII码说明: 8:backspace键 46:delete键 37-40:方向键 48-57:小键盘区的数字 96-105:主键盘区的数字 110、190:小键盘区和主键盘区的小数点 189、109:小键盘区和主键盘区的负号 13:回车 9原创 2011-02-09 21:49:00 · 706 阅读 · 0 评论 -
InfoQ的广告效果
对于获取用户输入信息中,如果要求完全输入数字数据类型,可以用3个函数进行检验,Number()把括号里的变量值转换成一个数(无论是否有小数点),不能有任何非数字符号出现,如有出现则返回NaN(not a number)、parseFloat()把括号里的变量转换成一个浮点数,从左到右逐字解析,直到遇到非数字则停止,返回此值。如最左字为非数字,则返回NaN、parseInt()把括号里的变量转换成一原创 2010-04-07 16:38:00 · 437 阅读 · 0 评论 -
省份与城市对应选择的功能javascript
javascript代码: var datas = { "河北": ["石家庄", "唐山", "衡水"], "山东": ["济南", "烟台", "滨州"], "广东": ["广州", "深圳", "汕头"] }; function loadProvince() { var province = document.getElementById("province"); for (var key in datas) {原创 2011-02-09 14:52:00 · 3019 阅读 · 0 评论 -
懒加载——网页图片的加载技术
<br /><body onkeydown="alert(window.event.keyCode)"><input type="text" style="color:Gray" value="请在此输入要测试的按键" onfocus="this.value=''" /></body><br />jquery中<br />$("input").keyup(function(e){ alert(e.which); })原创 2011-02-09 21:51:00 · 17902 阅读 · 0 评论 -
js弹出窗口和遮罩效果
一、相对窗口,当然是以浏览器窗口为主了,即浏览器中可见部分(即包含文档部分)的左上角为坐标原点。 这是用window.event.clientX和window.event.clientY获取的。 二、相对屏幕,当然是以你的显示器为主了,显示器的左上角为原点,用window.event.screenX和window.event.screenY可以获取到 三、相对文档的,即以文档BODY所显示的左上角为原点,例如当一个DIV的position="absolute"时设left="100px" top="原创 2011-02-18 11:08:00 · 3849 阅读 · 2 评论 -
表格的排序原生js和jQuery方法[典型]
在最近的项目开发中,后端返回的JSON数据要求以表格的方式表现并且表格能够实现点击某个字段实现对表格的排序。开始没有思路,一直想用服务器端控件来实现该功能但出于性能的考虑,必须在客户端来实现,因此要通过js来完成该项功能。表格在表现时还要考虑隔行变色及鼠标移到每行时该行背景颜色的变化,在实现排序的经思考,具体实现的代码如下:HTML中的表格如下: 序号 姓名原创 2011-01-20 15:19:00 · 880 阅读 · 0 评论 -
瀑布流插件——jquery.waterfall.js
在当前网页效果中,瀑布流已经成了一种图片展示的方式,最近项目中设计师也把这种风格应用到了版面中,故在此进行了封装,以便重复利用。原创 2008-10-28 10:35:00 · 5046 阅读 · 1 评论 -
无缝滚动图片效果
日前,网页专题中经常会出现,无缝滚动的网页效果,这也已经成为广告门户网站的必有效果。先抛开这些不说,分析一下它的效果特征,一组图片反复地滚动而不像之前的marquee,总会有中断的一篇,这个效果从中也弥补了maruqee的bug,因此得到了用户的青睐.原创 2010-04-01 09:40:00 · 1004 阅读 · 0 评论 -
选项卡插件jquery.tab.js和不用js写选项卡
众所周知,现在的各大网站上,选项卡即Tab页签的效果遍地都是,在开发过程中根据个人习惯对其进行了封装.原创 2010-04-08 14:04:00 · 784 阅读 · 0 评论 -
立即执行函数与let
在javascript中没有私有作用域的概念,其实现在的es6中的let声明就是为了解决这样的问题。但是在国内大部分公司的面试官还是喜欢去问一下var声明的问题或立即执行函数的问题。1.js查找变量遵循由内而外,一层一层的查找,查到就不再向上查找了,直到查不到返回undefined;什么是私有作用域呢,如下例:var a = 100;if(a>10){ var b = 200;}...原创 2017-09-06 11:42:37 · 946 阅读 · 0 评论 -
js中的垃圾回收机制
js具有自动垃圾回收机制,也就是说,执行环境会负责管理代码执行过程中使用的内存。而在C和C++之类的语言中,开发人员的一项基本任务就是手工跟踪内存的使用情况,这是造成许多问题的根源。在编写js程序时,开发人员不用关心内存使用问题,所需内存的分配以及无用内存的回收完全实现了自动管理。这种垃圾回收机制的原理其实很简单:找到那些不再继续使用的变量,然后释放其所占用的内存。为此,垃圾回收器会按照固定的时间原创 2013-02-19 08:51:13 · 10712 阅读 · 0 评论 -
画图中的弧度与角度转换(Math.atan与Math.atan2)
最近在做一个连线游戏时,用到了计算两点之间的角度,如何计算任意两点间直线的倾斜角呢?只需要将两点x,y坐标分别相减得到一个新的x,y轴距离(x2-x1,y2-y1).然后利用它求出角度就可以了。原创 2011-01-20 14:20:00 · 9835 阅读 · 1 评论 -
可拖拽的图片墙
在开发某网站系统时,经常会遇到什么什么掠影,什么什么产品等一大堆图片的逐个排列,为了交互效果更优美,在此实现所有图片可拖拽并且在拖拽过程中可以实现碰撞后的图片可以交换位置;如果没有碰撞的图片则要回归原位置。原创 2010-06-08 09:30:00 · 4933 阅读 · 2 评论 -
Pc端和移动端拖拽组件jquery.drag.js
移动市场开始火爆以来,网页上的拖拽效果则要做到全兼容则不是一件易事,因此最近把研究成果奉上,供大家使用。原创 2011-02-08 01:59:00 · 14070 阅读 · 0 评论 -
jsonP——原生跨域和jquery方式跨域
导语:在实际开发中,经常会调用一些其他域上提供的数据,其格式大部分为json格式的数据,怎么解决这种跨域问题呢,web前端开发工程师在面试中是经常会被问到的。因此特做一个小Demo以供大家参考。一、在外域的服务器上创建一个服务器端的文件(以asp.net开发为例) 创建一个一般处理程序json.ashx:public void ProcessRequest(Ht原创 2012-12-16 18:46:06 · 1869 阅读 · 1 评论 -
移动开发中的上下左右滑动插件jquery.swipe.js
移动(手机+平板)开发中经常会用到手指滑动时调用某些方法,成熟的框架如jquery mobile,zepto等都有相关的封装,但是在一些轻量级的开发中为了应用这个左右滑动,就把这整个框架引用进来,有点杀鸡用牛刀的感觉。鉴于此,我在最近的项目开发中封装了jquery.swipe.js的插件。原创 2008-12-05 07:02:00 · 8975 阅读 · 2 评论 -
自定义滚动条jQuery版
不用多说了,直接上代码了,用div模拟浏览器的滚动条原创 2011-02-07 17:55:00 · 2863 阅读 · 0 评论 -
自定义滚动条支持滚轮——主流浏览器全兼容
在开发项目中,经常会用到自定义的滚动条效果,结合鼠标的滚轮事件做到非常绚的效果。原创 2011-02-07 22:10:00 · 5063 阅读 · 0 评论 -
诺基亚游戏——贪吃蛇
诺基亚游戏——贪吃蛇,蛇吃一次食物自动增长一个长度,食物随机出现在地图上,下载来玩玩吧。原创 2012-12-05 07:16:01 · 1463 阅读 · 0 评论 -
抛物线组件——jquery.paracurve.js
最近,在网上看到一篇博文,主要讲解网页中抛物线运动,应用数学公式y=a*x*x+b*x+c;通过3个点确定a,b,c三个参数的值。他的思路是物体经过原点[0,0],则可以得到c=0,手工设置a的值,则只需要根据一个起始点得到b的值。原创 2011-02-07 12:53:00 · 1472 阅读 · 0 评论 -
不需要js的网页导航弹出效果
接上篇《延时提示框本质代码》文后,考虑导航栏弹出子菜单效果,可不可以不使用js代码呢,经研究,绝对可以.原创 2010-04-09 15:19:00 · 952 阅读 · 1 评论 -
苹果桌面图标效果
苹果桌面图标效果是个鼠标移上去,图标变大,距离鼠标越远则图标的大小越接近于原始大小,越近则越大!原创 2011-02-07 22:42:00 · 1202 阅读 · 0 评论 -
延时提示框本质代码
目前,网上导航菜单弹出子菜单的效果已经普及,但是有的网站做得还不够精细,用户体验并不是很好,比如从子菜单转到主菜单时,有时子菜单会出现跳跃,即:子菜单从有到无,再从无到有,从而出现了这些小bug。原创 2010-04-09 14:59:00 · 680 阅读 · 0 评论 -
奇文共欣赏 疑义相与析
最近在整理公司前端的框架源代码,其中涉及到好多的正则表达式,为了复习一下这部分的知道,在网上了找了一篇比较详细的教程,http://www.cnblogs.com/deerchao/archive/2006/08/24/zhengzhe30fengzhongjiaocheng.html,以供大家参考阅读。 《编写高效的CSS选择器》http://www.oschina.net/transla转载 2013-03-07 14:08:13 · 838 阅读 · 0 评论 -
js中的面向对象程序设计
前端开发人员目前大部分的工作仍停留在写一些页面的效果上面,基本上通过jquery或jquery的一些插件来实现来满足工作的需要。然而这些华丽的东西往往会蒙蔽我们的眼睛,因为它让我们接触不到js底层的一些实现,大牛们封装好的方法,经常会只需要我们传几个参数,复杂点就是传一个json类型的数组即可实现我们梦寐以求的效果,然而当我们实现了某些很炫的效果后就会沾沾自喜,以为学会了js。 每个人的工作原创 2010-03-31 13:50:00 · 673 阅读 · 0 评论 -
javascript的执行环境及作用域
执行环境是js中最为重要的一个概念。执行环境定义了变量或函数有权访问的其他数据,决定了它们各自的行为。每个执行环境都有一个与之关联的变量对象,环境中定义的所有变量和函数都保存在这个对象中。虽然我们编写的代码无法访问这个对象,但解析器在处理数据时会在后台使用它。 全局执行环境是最外围的一个执行环境。根据ECMAScript实现所在的宿主环境不同,表示执行环境的对象也不一样。在Web浏览器中,全原创 2013-02-14 07:19:55 · 896 阅读 · 0 评论 -
禁止重复复制粘贴即给oncopy和onpaste写方法return false
<br />身份证号:<input type="text" />重复输入<input type="text" onpaste="alert('禁止粘贴');return false;" />//return false是主要的作用原创 2011-02-05 10:20:00 · 5959 阅读 · 0 评论 -
无刷新评论模拟
<br /> function pinglun() { var plun = document.getElementById("plun"); var nickname = document.getElementById("nickname").value; var contents = document.getElementById("contents").value; var tr = document.createEle原创 2011-02-05 07:05:00 · 393 阅读 · 0 评论 -
获得焦点的input背景变黄色的四种方法
<br /> //第一种方法所有input通吃性 function inevent() { var container = document.getElementById("container"); var inputs = container.getElementsByTagName("input"); for (var i = 0; i < inputs.length; i++) {原创 2011-02-05 21:23:00 · 3129 阅读 · 0 评论 -
单击超链接背景变色
function inevent() { var container = document.getElementById("container"); var links = container.getElementsByTagName("a"); for (var i = 0; i原创 2011-02-05 20:56:00 · 2079 阅读 · 0 评论 -
评分功能
function indexOf(arr,element) { for (var i = 0; i原创 2011-02-05 17:50:00 · 932 阅读 · 0 评论 -
动态检查用户在文本框中是否输入了文字
<br /> function inevent() { var inputs = document.getElementsByTagName("input"); for (var i = 0; i < inputs.length; i++) { var input = inputs[i]; input.onblur = btnblur; }原创 2011-02-05 17:33:00 · 647 阅读 · 0 评论 -
直接响应函数中可以用this
<br /> function btnClick(btn) { alert(btn.value);//将事件响应函数中将this传过来就可以了 } function btnClick1() { alert(event.srcElement.value); }<br />网页内容:<br /><input type="button" value="你好!" onclick="alert(原创 2011-02-05 11:44:00 · 526 阅读 · 0 评论