![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Javascript
文章平均质量分 73
白天的猫头鹰
清风徐来,水波不兴
展开
-
JavaScript世界的一等公民 - 函数
简介在很多传统语言(C/C++/Java/C#等)中,函数都是作为一个二等公民存在,你只能用语言的关键字声明一个函数然后调用它,如果需要把函数作为参数传给另一个函数,或是赋值给一个本地变量,又或是作为返回值,就需要通过函数指针(function pointer)、代理(delegate)等特殊的方式周折一番。而在JavaScript世界中函数却是一等公民,它不仅拥有一切传统函数的使用方式(转载 2013-05-16 10:56:03 · 605 阅读 · 0 评论 -
详解 JavaScript 中的 this
其实如果完全掌握了this的工作原理,自然就不会走进这些坑。来看下以下这些情况中的this分别会指向什么:1.全局代码中的this1alert(x);// 全局变量x值为2全局范围内的this将会指向全局对象,在浏览器中即使window。2.作为单纯的函数调用12345转载 2013-05-09 12:10:15 · 467 阅读 · 0 评论 -
JavaScript宝座:七大框架论剑
一周前(去年7月), Throne of JS大会在多伦多召开,这应该是我参加过的最有料也最不一样的一次大会。大会官网如是说:加载整个页面,然后再“渐进增强”以添加动态行为,这种构建Web应用的方式已经不够好了。要想让应用加载快,反应灵敏,而且又引领潮流,必须彻底检讨你的开发手段。这次大会邀请了七大JavaScript框架/库的创建人,他们济济一堂,面对面交流各自的技术理念。所谓七转载 2013-04-20 13:03:05 · 738 阅读 · 0 评论 -
javascript mvc实例
基于 MVC 实现一个数据列表组件,列表中的项目可以被选择和删除。数组 _items 用来存储所有元素;普通变量 _selectedIndex 用来存储选定的元素索引modle代码 /** * 模型。 * * 模型存储所有元素,并在状态变更时通知观察者(Observer)。 */ function List转载 2013-01-23 06:45:50 · 569 阅读 · 0 评论 -
如何编写出优美的JavaScript代码?
在多年以前,人们注重功能是如何实现的。现如今,随着Web及互联网技术的不断发展,功能仅成了最基本的要求,如何写出漂亮,整洁的代码已成为一个大牛级程序员不可或缺的条件。一位前端开发工程师便在知乎上提问:“我是一名前端开发工程师,主要编写JavaScript,有两年经验。最近在写一些页面上的模块,发现自己在构思的时候总是很清晰,但是写着写着感觉代码越来越乱,看起来就像一坨屎,而我又有点儿代码洁癖,转载 2012-12-07 13:44:26 · 539 阅读 · 0 评论 -
javascript在不同浏览器下的兼容问题已经遇到的疑难杂症
js属性概念:简单地说,js属性是js的一些基本对象带有的属性。。例如Array对象的length属性 dom属性是跟页面元素绑一起的,例如input的value属性, 再简单的区别就是,dom的属性可以用html表示出来,例如,js属性是没办法的 :)js读取json示例如下: var languages = { cn:{ lang:'ch',原创 2008-10-27 16:00:00 · 2405 阅读 · 0 评论 -
extjs6整合到web项目中
最近有一个项目需要应用extjs作为前端界面,因此研究了一下如何将extjs 6引入到项目中。以下是操作步骤 extjs下载地址 sencha cmd 搭建extjs 6环境安装sencha cmd下载extjs6 并解压到 extjscmd 进入到extjs6的解压目录 执行 sencha 项目路径 app appsencha cmd 使用说明原创 2015-10-22 09:17:50 · 15220 阅读 · 1 评论 -
extjs学习总结
sencha -sdk F:\SvnCodeManage\repository\ext-6.0.0-gpl generate app extjs F:\SvnCodeManage\repository\aaextjs 学习资料1、onReady 定义在onReady内的语句块会在页面上下文加载完毕后执行2、define 定义一个类3、createc初始化一个类的实例原创 2016-01-28 16:03:48 · 6953 阅读 · 0 评论 -
Url解析类
var U = { host : location.host, /*返回当前的主机和端口号*/ hostName : location.hostname, /*返回 web 主机的域名*/ protocol : location.protocol, /*返回所使用的 web 协议(http:// 或 https://)*/原创 2016-06-14 16:09:11 · 675 阅读 · 0 评论 -
常用的前端类库
原创 2016-07-06 18:59:01 · 2118 阅读 · 0 评论 -
safari浏览器下解决Date日期的NAN问题
Date.parse()方法当无法解析的时候会返回NAN,YYYY-MM-DD HH:MM:SS格式无法解析,需要转换成YYYY/MM/DD HH:MM:SS格式。在firefox和chrome中可以直接支持Date.parse(YYYY-MM-DD HH:MM:SS),但是safari无法支持,需要作如下转换 var date = new Date(Date.p原创 2016-08-15 15:00:02 · 6272 阅读 · 1 评论 -
img预加载获取图片大小方法
img预加载获取图片大小方法 // 更新: // 05.27: 1、保证回调执行顺序:error > ready > load;2、回调函数this指向img本身 // 04-02: 1、增加图片完全加载后的回调 2、提高性能 /** * 图片头数据加载就绪事件 - 更快获取图片尺寸 * @version 2011转载 2016-08-25 19:56:45 · 3593 阅读 · 0 评论 -
通过JS+H5实现复制内容到剪贴板上
目前很多实现剪贴板复制操作是通过flash+js实现的,但是随着各个浏览器厂商屏蔽flash后,这种方法不再是可行的。由于Html5提供了剪贴板操作事件,我们可以通过Hhtml5的提供的oncopy,oncut,onpaste三个事件实现上述功能。 github上有一个开源的基于上述方法实现的插件clipboardjs(https://clipboardjs.com/)。他可以原创 2016-09-20 18:14:11 · 26227 阅读 · 0 评论 -
jQuery Capty 图片标题插件
jQuery Capty是可以为图片添加漂亮的字幕的插件文件包含:调用方法:实例1:图片的alt标签默认被应用于标题内容 $('#default').capty();实例2:自定义动画和速度$('#animation').capty({ animation: 'fade', speed: 400})原创 2013-06-18 19:12:48 · 972 阅读 · 0 评论 -
可以直接拿来用的15个jQuery代码片段
jQuery里提供了许多创建交互式网站的方法,在开发Web项目时,开发人员应该好好利用jQuery代码,它们不仅能给网站带来各种动画、特效,还会提高网站的用户体验。本文收集了15段非常实用的jQuery代码片段,你可以直接复制黏贴到代码里,但请开发者注意了,要理解代码再使用哦。下面就让我们一起来享受jQuery代码的魅力之处吧。1.预加载图片 123转载 2013-07-18 14:20:13 · 507 阅读 · 0 评论 -
youku的js脚本的工具函数和初始化方法
定义日志输出函数(function(){ if(window['console']){ return; } window['console'] = { log: function(){} ,clear: function(){} ,debug: function(){} ,error: function(){} ,info: function(){} ,cou原创 2016-01-26 15:06:13 · 974 阅读 · 0 评论 -
百度编辑器umeditor使用总结
百度编辑器是一个功能很全、很强大。百度单张图片上传智能存储在项目下面,而不能独立自定义存储位置,因此重写上传代码百度文章中的图片是通过base64实现的,直接存储在数据库中tomcat通过虚拟路径实现将静态资源从项目中独立出来,避免更新项目解压war后文件丢失 base64编码图片,直接保存在数据库中 图片上传定义文件位置 w原创 2015-08-18 09:30:38 · 8177 阅读 · 2 评论 -
jquery登录验证插件
最近写了个登录验证的jquery插件,其中功能还不是很完善,需要进一步改进,先放出来看看先。/** * 功能描述:本模块实现普通网站登录验证,以后可以添加二维码验证,以及第三方帐号登录验证 * 关联脚本:md5.js,jquery.cookie.js,jquery.js * */(function(window,$,undefined){ $.extend({ login : f原创 2015-08-11 19:14:49 · 1157 阅读 · 0 评论 -
javascript实现可编辑的下拉框
曾经遇到过一个需求的情况是这样的,我们提供给用户的输入框的可选择项只能满足用户的大部分情况的选择,但是有时候会遇到一些用户想要输入的数据是下拉项中所没有的,而用户不希望改变下拉项为输入框模式,需要说如果实在无法满足时,允许用户进行输入。由此产生了一个既可以实现下拉选择,又可以输入的下拉框功能。以下是我实现的代码:/*---------------------------------------原创 2015-07-06 16:00:22 · 2137 阅读 · 1 评论 -
通过Html5的postMessage和onMessage方法实现跨域跨文档请求访问
在项目中有应用到不同的子项目,通过不同的二级域名实现相互调用功能。其中一个功能是将播放器作为单独的二级域名的请求接口,其他项目必须根据该二级域名调用播放器。最近需要实现视频播放完毕后的事件触发,调用父窗口中的回调方法。普通的javascript很难实现跨域请求和调用的操作。通过jsonp方式实现起来复杂。不过通过Html的postMessage和onMessage可以轻松实现以上功能。父窗原创 2015-07-06 14:53:23 · 1562 阅读 · 0 评论 -
利用jquery.form实现异步上传文件
实现原理 目前需要在一个页面实现多个地方调用上传控件上传文件,并且必须是异步上传。思考半天,想到通过创建动态表单包裹上传文件域,利用jquery.form实现异步提交表单,从而达到异步上传的目的,在上传完毕后移除上传表单,避免与原有表单形成嵌套,导致原有的表单无法正常提交。同时该方式还支持一次上传一个文件,重复上传或者一次上传多个文件,具有较好的灵活度。原创 2015-06-10 10:06:54 · 1799 阅读 · 0 评论 -
javascript中的call()和apply应用
function addSelectOption(selectId, optionValue, optionText, className){ var oSelect = document.getElementById(selectId); if(oSelect){ var option = document.createElement("option"); option.va原创 2014-06-18 18:13:42 · 634 阅读 · 0 评论 -
javascript新的原生态API
以下是最新的w3c标准的javascript, 参考资料:https://developer.mozilla.org/ru/docs/Web/API http://docs.webplatform.org/wiki/dom选择元素var els = document.querySelectorAll('.el');原创 2013-12-03 18:04:06 · 736 阅读 · 0 评论 -
Javascript绝句欣赏
1. 取整同时转成数值型:'10.567890'|0结果: 10'10.567890'^0结果: 10-2.23456789|0结果: -2~~-2.23456789结果: -22. 日期转数值:var d = +new Date(); //12956984167923. 类数组对象转数组:var ar转载 2013-07-22 19:22:31 · 724 阅读 · 0 评论 -
javascript操作json方法
/*新增json的对象属性*/var json = {};json["subjectName"] = "ddd";json.teacherlist = "A教师,B教师,C教师,D教师";/*删除json的对象属性*/var p = { "name" : "chaomao", "age" : 45, "sex" :原创 2013-07-18 15:33:10 · 763 阅读 · 0 评论 -
Javascrpt密码强度校验函数
(function(window, verifyPwd){ window.verifyPwd = { /*最小长度*/ minLength : 6, /*最大长度*/ maxLength : 18, /*字符重复次数*/ repeatCount : 0, /*连续字原创 2016-10-20 18:51:56 · 1430 阅读 · 0 评论