您现在的位置:主页 > WEB前端 > JavaScript >

WEB前端 / JavaScript频道头条

前端工程师必读:网站前端性能优化最佳方案
一个网站影响用户访问的最大部分是前端的页面。网站可以划分为:前端和后台。后台可以理...
如何成长为一个优秀的Web前端开发工程师?
如何成长为一个优秀的Web前端开发工程师?相信很多人都在寻找答案。那么今天IT技术网就为大...
不会JavaScript能混前端么?能拿到高薪么?
不会JavaScript能混前端么?能拿到高薪么? 答案是: 很难! 为什么这么说呢,理由很简单 1)有...

WEB前端 / JavaScript相关栏目

WEB前端 / JavaScript频道内容加载中...

javascript获取N位的随机数

javascript获取N位的随机数,具体代码如下: //获取N位的随机数 var chars = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, S, T, U, V, W, X, Y, Z]; function generateMixed(n) { var res = ; for (var i = 0; i...

日期:2013-07-04 22:32:13

点击:128 好评:0

Javascript获取时间函数

Javascript获取时间函数,具体代码如下: //获取时间 function curDateTime() { var d = new Date(); var year = d.getFullYear() + ; var month = d.getMonth() + 1; var date = d.getDate(); var day = d.getDay(); var Hours = d.getHours(); //获取当前小...

日期:2013-07-04 22:30:21

点击:67 好评:0

Javascript轻量极速的模板引擎(仅1kb)

Javascript轻量极速的模板引擎,支持预编译,支持嵌入原生javascript语法,忽略不存在的变量,可直接在AMD、CMD以及全局环境中使用。具体代码如下: HTML代码: div id=view/div script type=text/template id=demo pHi, Im %=author%%=anything%/p pI can wr...

日期:2013-07-02 21:09:00

点击:194 好评:0

javascript键盘enter事件触发

javascript键盘enter事件触发,具体代码如下: $(function(){ document.onkeydown = function(e){ var ev = document.all ? window.event : e; if(ev.keyCode==13) { $(#LoginFrom).submit(); return false; } } });...

日期:2013-07-02 21:06:24

点击:152 好评:0

Javascript限制页面图片大小

Javascript限制页面图片大小,具体代码如下: function limitImage(ImgD){ var areaWidth = 300; //你放置图片区域的宽度。 var areaHeight = 300; //你放置图片区域的高度。 var image=new Image(); image.src=ImgD.src; if(image.width0 image.height0){ fl...

日期:2013-07-02 21:04:51

点击:143 好评:0

JS的异常处理Throw

JavaScript,,JavaScript,JS的异常处理Throw...

日期:2013-07-01 22:54:22

点击:898 好评:0

JavaScript控制复制及输入时只能是数字

JavaScript控制复制及输入时只能是数字,具体看下面JAVASCRIPT代码: input name=qq type=text id=qq onkeyup=value=value.replace(/[^\d]/g,) value= onbeforepaste=clipboardData.setData(text,clipboardData.getData(text).replace(/[^\d]/g,)) onblur=var...

日期:2013-07-01 22:34:34

点击:84 好评:0

javascript实现表情扩展 类似于评论表情

javascript实现表情扩展 类似于评论表情,具体看下代码: 表情扩展: /* * 贴吧表情扩展 v1.0 * 作者: 雾海树妖 * 写于: 2013/6/27 * * * * * * * * * * * * 转载请注明出处 谢谢 */ (function(list) { function getPos(obj) { var _left = 0, _top = 0; obj...

日期:2013-06-27 22:36:19

点击:89 好评:0

JavaScript实现货币大小写转换

JavaScript实现货币大小写转换,具体代码如下: function convertMoney(value : Number, valueStep : Array, letter : String, moneyName : String) : String { var str : String = ; var divider : uint; var rest : uint; var mark : int = 0; for(var i :...

日期:2013-06-27 22:10:08

点击:101 好评:0

JavaScript验证URL的正则表达式

JavaScript验证URL的正则表达式,这个表达式验证的情况包括IP,域名,ftp,二级域名,域名中的文件,域名加上端口等信息。具体看下面的代码: function IsURL(str_url){ var strRegex = ^((https|http|ftp|rtsp|mms)?://) + ?(([0-9a-z_!~*().=+$%-]+: )?[0-9...

日期:2013-06-26 21:44:31

点击:267 好评:0

JavaScript返回上一页并自动刷新的方法

谈到返回上一页,大家或许都会想到history.go(-1)和history.back()等,但是这只是单纯的返回上一页,读取的是缓存中的数据,不一定会达到想要的效果。比如说在某在网站上登陆后返回到上一页,这时需要刷新后才能显示你已登录,就不能仅仅只是返回上一页了。...

日期:2013-06-25 23:46:35

点击:149 好评:2

javascript中的function的那些事

javascript中的function在对象内部它可以是函数,同时又能充当名字空间,不仅如此所有的function都是闭包。看起来它的确是了不得, 不过除 此之外,function还能担当构造函数,亦或者说它同时还是一个类的声明。这篇文章的目的向大家详细介绍function是如何...

日期:2013-06-25 23:44:30

点击:151 好评:0

网站前端优化之图片延时加载

做web前端开发的工程师们都应该掌握前端优化这个技巧,下面IT技术网就为大家介绍一下滚动延时加载。 首先要搞清楚的是网站为什么要延时加载呢?页面加载的时候就显示全部的图片不就得了?答案是肯定的。当要加载的图片或者内容很多时,如果一次性加载完毕,...

日期:2013-06-25 23:18:22

点击:148 好评:0

JavaScript拼接html代码功能

JavaScript如何拼接html代码?下面IT技术网给大家提供一个思路,可以不需要拼接html代码,并且适用任何复杂的列表。 代码说明: 1. 适用于ajax获取数据然后需要通过拼接html代码的方式实现数据列表展现的需求/功能 2. html模板最好有一个父元素, 因为最后clon...

日期:2013-06-24 21:21:10

点击:189 好评:0

JavaScript实现判断浏览器类型

js用来区别IE与其他浏览器及IE6-8之间的方法。 1、document.all 2、!!window.ActiveXObject; 。!!的作用是把一个其他类型的变量转成的bool类型 使用方法如下: if (document.all){ alert(IE浏览器); }else{ alert(非IE浏览器); } if (!!window.ActiveXObject...

日期:2013-06-20 21:55:32

点击:78 好评:0

JavaScript将小写金额转换成大写金额

JavaScript将小写金额转换成大写金额,具体的实现代码如下: style type=text/css div{ position:absolute; bottom:1in; left:1in; right:1in; top:1in; background-color:#AE57A4; text-align: center; } /style script type=text/javascript function trans...

日期:2013-06-19 22:29:35

点击:116 好评:0

JavaScript如何判断鼠标滚轮事件

我们都见到过这些效果,用鼠标滚轮实现某个表单内的数字增加减少操作,或者滚轮控制某个按钮的左右,上下滚动。这些都是通过js对鼠标滚轮的事件监听来实现的。今天这里介绍的是一点简单的js对于鼠标滚轮事件的监听。 首先,不同的浏览器有不同的滚轮事件。主...

日期:2013-06-17 23:42:09

点击:201 好评:0

JavaScript判断鼠标从什么方向进入容器

如何判断鼠标从哪个方向进入一个容器?首先想到的是给容器的四个边添加几个块,然后看鼠标进入的时候哪个块先监听到鼠标事件。不过这样麻烦太多了。google了一下找到了一个不错的解决方法,是基于jquery的。说实话,其中的var direction = Math.round((((Mat...

日期:2013-06-17 22:58:46

点击:120 好评:0

JavaScript事件监听封装类实现

对于JavaScript中的事件监听,无非是判断浏览器是否支持addEventListener和attachEvent,网上关于事件监听的方 法也挺多。下面的方法中对于添加事件监听的方法是一样的,只不过在取消事件绑定上面做了点手术,现在可以支持匿名函数的使用,所以在绑定事件的时...

日期:2013-06-17 22:48:01

点击:199 好评:0

JavaScript格式化日期的方法

JavaScript格式化日期的方法,具体看下面JavaScript代码: /** * 格式化日期 * @param {Object} ms 表示指定日期与 1970 年 1 月 1 日午夜间全球标准时间 的毫秒数 * @return year-month-date hh:mm */ Util.parseToDate = function(ms){ var date = (new Dat...

日期:2013-06-16 11:25:11

点击:170 好评:0

JavaScript判断当前选中的radio

JavaScript判断当前选中的radio,具体看下面JavaScript代码: html head meta http-equiv=Content-Type content=text/html; charset=utf-8 / titleFront-end Lab/title /head body fieldset legendThe Radio Set/legend table tr tdinput type=radio name=fav...

日期:2013-06-16 11:21:40

点击:194 好评:0

javascript判断手机号以及手机运营商

javascript判断是手机号以及手机运营商,具体代码如下: /* * 判断是否是正确的手机号,以及手机的运营商 * @param {String} num * * 返回值: * 0 不是手机号码 * 1 移动 * 2 联通 * 3 电信 * 4 不确定 */ function isPhoneNum (num) { var flag = 0; var pho...

日期:2013-06-05 22:35:36

点击:125 好评:0

Javascript:将人民币数字转换成大写形式

用JavaScript编写了一功能函数,完成如下功能:1、对一给定字符串,如:1234.55,转换成正确的中文货币描述:如:人民币壹仟贰...

日期:2013-06-04 23:47:52

点击:26 好评:0

ExtJS 4.2.1 今日发布 请去更新下载

ExtJS 主要用来开发RIA富客户端的AJAX应用,主要用于创建前端用户界面,与后台技术无关的前端ajax框架。因此,可以把ExtJS用在.Net、 Java、Php等各种开发语言开发的应用中。ExtJs最开始基于YUI技术,由开发人员 JackSlocum开发,通过参考JavaSwing等机制来组...

日期:2013-05-30 23:51:08

点击:152 好评:0

javascript简单实现时钟的例子

javascript简单实现时钟的例子,具体实现代码如下: body onload=updateNowTime() p id=nt/p script /*一段时钟小例子 write by yangxia 2013-05-23*/ var calTime = function (t) { if (t 10) t = 0 + t; return t; } var updateNowTime = function () { va...

日期:2013-05-29 22:44:32

点击:197 好评:0

JavaScript购物网站“最近浏览”功能实现

闲来无事模仿下一些购物网站的最近浏览功能,这个功能的思路大概就是用cookie来纪录每次访问的商品id,只要点击一款商品,cookie中就记住一个,然后使用ajax去请求服务端根据商品id倒序把数据取回来。下面看相应代码: !DOCTYPE html PUBLIC -//W3C//DTD HTM...

日期:2013-05-29 22:35:40

点击:156 好评:0

只有3KB的javascript对话框弹出层

只有3KB的javascript对话框弹出层. JS代码如下: var zDialog=function(div,w,h,l,r,title,modal) { this.div=div; this.w=w; this.h=h; this.title=title; this.l=l; this.r=r; this.dialog=document.getElementById(this.div).innerHTML; function closeBox...

日期:2013-05-23 22:10:40

点击:136 好评:0

JavaScript实现把IP地址转换为整数

JavaScript实现把IP地址转换为整数,具体实现代码如下: /** * 将IP地址转换为long值 * * 例: ip2long(192.0.34.166) == 3221234342 * ip2long(255.255.255.256) == false * * @param {String} ip * @return {Number} */ function ip2long (ip) { var s = ip...

日期:2013-05-15 22:34:19

点击:197 好评:0

JavaScript实现格式化JSON字符串

JavaScript实现格式化JSON字符串,具体代码如下: 代码片段一: /** * 格式化JSON字符串 * * @param {Object} data * @param {String|Number} space 缩进 * @return {String} */ function jsonStringify (data, space) { var seen = []; return JSON.stringif...

日期:2013-05-15 22:28:13

点击:133 好评:0

JavaScript实现网页逐个变大动态加载字体

JavaScript实现网页逐个变大动态加载字体,具体代码如下: !DOCTYPE html html head title动态的加载文字/title script var text = 正在加载,请稍候; var i = 0; function dynamic_loading(){ lighting_char = text.charAt(i);//当前正闪烁的字符 lighting_c...

日期:2013-05-15 22:26:00

点击:134 好评:0

JavaScript对象拷贝与继承的实例解析

JavaScript对象拷贝与继承的实例解析,具体看下面的代码: !DOCTYPE html html head title浅拷贝和深拷贝/title meta name=keywords content= / meta name=description content= / meta http-equiv=Content-Type content=text/html; charset=utf-8 / /head bod...

日期:2013-05-14 23:12:48

点击:197 好评:0

JavaScript自动获取并调整Iframe的高度

JavaScript自动获取并调整Iframe的高度代码: //js部分: script type=text/javascript function SetCwinHeight(iframeObj){ if (document.getElementById){ if (iframeObj !window.opera){ if (iframeObj.contentDocument iframeObj.contentDocument.body.of...

日期:2013-05-14 22:58:47

点击:161 好评:0

javascript常用日期操作函数封装

javascript常用日期操作函数封装 html head title标题/title style type=text/css #datePanel li{ margin-bottom:5px;} /style /head body div input id=prev_mtype=button value=上月 / span id=textDate style=cursor:pointer;display:inline-block; width:...

日期:2013-05-12 13:21:54

点击:205 好评:0

javascript常用的cookie操作的封装

javascript常用的cookie操作的封装 use strict;//启用严格模式 var oap={},obj_type={},core_toString=obj_type.toString,hasOwn = obj_type.hasOwnProperty;; var type_arr = Boolean Number String Function Array Date RegExp Object Error.split( ); for(...

日期:2013-05-12 13:19:25

点击:117 好评:0

javascript时间格式转换与时间比较的方法

javascript时间格式转换与时间比较,两个功能: 1.转化js的时间格式为Date对象所能识别的格式 2.比较时间之前先将他们初始化为js的Date对象 1.时间格式标准化转换 js能直接识别的时间格式是这种的:2012/12/12 12:12:12 也就是说,如果从组件获得的时间格式是...

日期:2013-05-09 22:33:28

点击:166 好评:0

javascript使用缓存来提高性能

计算斐波那契数我们 一般 习惯性使用递归的方法。今天通过缓存来计算斐波那契数,这种方法可以大大减少计算所花费的时间。 !DOCTYPE html html head meta charset=utf-8 / titleTesting Memoization/title /head body script type=text/javascript window.on...

日期:2013-05-06 21:48:32

点击:88 好评:0

JavaScript执行效率分析

Javascript是一门非常灵活的语言,我们可以随心所欲的书写各种风格的代码,不同风格的代码也必然也会导致执行效率的差异,开发过程中零零散散地接触到许多提高代码性能的方法,整理一下平时比较常见并且容易规避的问题 Javascript自身执行效率 Javascript中...

日期:2013-05-05 11:48:16

点击:117 好评:0

JavaScript实现异步编程的4种方法

Javascript语言的执行环境是单线程(single thread)。 所谓单线程,就是指一次只能完成一件任务。如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务,以此类推。 这种模式的好处是实现起来比较简单,执行环境相对单纯;坏处是只要有一个任...

日期:2013-05-05 11:39:26

点击:83 好评:0

JavaScript项目优化后总结与对比

前端时间对项目JavaScript代码进行优化,本文的是对优化工作的一个总结,拿出来与大家分享。当然我的优化方式可能并不是最优的,或者说有些不对的地方,请指教。JavaScript优化总结分为以下几点: 优化前后对比 模块化(类编程):代码清晰、有效防止变量污染...

日期:2013-05-05 11:36:25

点击:197 好评:0

JavaScript的MVC模式的简单例子

在 JavaScript 中,程序员可以根据自己的口味选择编程风格:面向过程或面向对象。 如果你是一个重口味,JavaScript 一样可以应付自如: 面向过程,面向对象, 面向方面 , 使用 JavaScript 开发人员甚至可以使用 函数式编程技术 。 这篇文章中,我的目标是编...

日期:2013-05-05 11:29:01

点击:190 好评:2

js实现在表单中禁止“回车键”的方法

js实现在表单中禁止回车键的方法 $(form).keypress(function(e){ if(e.which === 13){ e.preventDefault; //或者 return false; } })...

日期:2013-04-26 21:31:50

点击:165 好评:0

js利用百度地图获取浏览器位置

利用百度地图的api和html5的特性获取浏览器位置,只是将代码整合一下: !DOCTYPE html html body p id=demo点击这个按钮,获得您的位置:/p button onclick=getLocation()试一下/button script src= http://api.map.baidu.com/api?v=1.4 type=text/javascript/...

日期:2013-04-15 21:04:07

点击:217 好评:0

WEB前端工程师的知识结构有哪些?

WEB前端工程师的知识结构有哪些? 做为一个专职的页面重构者,我们从事的工作简单的说就是将设计稿转换成WEB页面,这一过程可以很简单到直接把PSD从PS里导出成网页;也可复杂到需要考虑页面中每个标签的使用,考虑页面性能。以前端工程师为目标的同学可能会...

日期:2013-04-01 23:38:59

点击:222 好评:0

如何成长为一个优秀的Web前端开发工程师?

如何成长为一个优秀的Web前端开发工程师?相信很多人都在寻找答案。那么今天IT技术网就为大家分享一点成长心得吧! 首先,基础是非常重要的,因为很多时候出现问题,都会发现是自己对基础知识了解不清。这不单单是指CSS元素,我发现80%以上的兼容性问题可以追...

日期:2013-04-01 23:01:15

点击:259 好评:0

javascript如何转义中文?

查询 js中文编码 根据取到的值转到 http://www.173it.cn/search?hl=z ... a=aq=foq= 就是把js中文编码转化成js%E4%B8%AD%E6%96%87%E7%BC%96%E7%A0%81 处理方法: script alert(encodeURI(js中文编码)); alert(decodeURI(encodeURI(js中文编码))); /script 编...

日期:2013-03-30 23:19:02

点击:229 好评:0

jsGen一款纯JavaScript编写开源社区网站系统

jsGen是用纯JavaScript编写的新一代开源社区网站系统,主要用于搭建SNS类型的专业社区,对客户端AngularJS应用稍作修改也可变成多用户博客系统、论坛或者CMS内容管理系统。 jsGen基于 NodeJS 编写服务器端程序,提供静态文件响应和REST API接口服务;基于 Ang...

日期:2013-03-30 23:11:19

点击:233 好评:0

JavaScript获取字符串中的图片地址

JavaScript获取字符串中的图片地址。集体代码如下: /** * 获取字符串中的图片 */ function getContentImg(str) { var r, re, img_str = ; re = /[img|href][^]*src\s*=\s*(|)?([^]*)\1([^])*/ig; while ((r = re.exec(str)) != null) { img_str = img_str +...

日期:2013-03-26 12:09:05

点击:186 好评:0

Node.js v0.10.1发布 在线下载

终于Node.js v0.10.1 稳定版发布了,尝鲜的民工快速下载吧,主要改进记录包括: npm: upgrade to 1.2.15 crypto: Improve performance of non-stream APIs (Fedor Indutny) tls: always reset this.ssl.error after handling (Fedor Indutny) tls: Prevent m...

日期:2013-03-26 11:46:59

点击:225 好评:0

首页 上一页 1 2 3 4 5 6 7 8 下一页 末页 8339