javascript技术
gavid0124
java从业者
前端架构师
展开
-
js计算字数的方法(与word计算出来一样)
【背景】用户经常要求某个字段要求限制填写多少字,可是js通过value.length取出来的往往跟实际字数相差很多。经常有用户抱怨,明明没写那么多字,可是系统却提示超出字数限制。于是,我研究了word计算字数的规则,写了一段这样程序。原创 2014-07-25 14:38:25 · 6203 阅读 · 9 评论 -
深入浅出 JavaScript 中的 this
JavaScript 是一种脚本语言,因此被很多人认为是简单易学的。然而情况恰恰相反,JavaScript 支持函数式编程、闭包、基于原型的继承等高级功能。本文仅采撷其中的一例:JavaScript 中的 this 关键字,深入浅出的分析其在不同情况下的含义,形成这种情况的原因以及 Dojo 等 JavaScript 工具中提供的绑定 this 的方法。可以这样说,正确掌握了 JavaScript转载 2016-04-07 11:18:37 · 479 阅读 · 0 评论 -
Javascript的this用法
转载自:http://www.ruanyifeng.com/blog/2010/04/using_this_keyword_in_javascript.htmlthis是Javascript语言的一个关键字。它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比如, function test(){ this.x = 1; }转载 2016-04-07 11:07:03 · 349 阅读 · 0 评论 -
深入分析JS原型链以及为什么不能在原型链上使用对象
在刚刚接触JS原型链的时候都会接触到一个熟悉的名词:prototype;如果你曾经深入过prototype,你会接触到另一个名词:__proto__(注意:两边各有两条下划线,不是一条)。以下将会围绕prototype和__proto__这两个名词解释 为什么不能在原型链上使用对象 以及 JS原型链的深层原理 。一、为什么不能在原型链上使用对象:先举一个非常简单的例子,我有一个类叫转载 2015-09-20 15:23:04 · 588 阅读 · 0 评论 -
深入理解JavaScript系列(5):强大的原型和原型链
原文地址:http://www.cnblogs.com/TomXu/archive/2012/01/05/2305453.html深入理解JavaScript系列(5):强大的原型和原型链2012-01-05 09:12 by 汤姆大叔, 40816 阅读, 59 评论, 收藏, 编辑前言JavaScript 不包含传统的类继承模型,而是使用 prototypa转载 2015-08-23 09:27:15 · 421 阅读 · 0 评论 -
js中闭包与原型链的含义及用途
js中闭包与原型链的含义及用途分类: js问题分类 2013-03-27 15:07 1372人阅读 评论(1)收藏 举报一、闭包(closure)的概念:闭包简单的理解就是能够读取其他函数内部变量的函数,从本质上理解,闭包就是将函数内部和函数外部连接起来的一座桥梁。二、闭包的用途:,一个是前面提到的可以读取函数内部的变量,另一个就是让这些变量的值始终保持在转载 2015-08-23 08:37:54 · 895 阅读 · 0 评论 -
深入分析js中的constructor 和prototype
深入分析js中的constructor 和prototype在javascript的使用过程中,constructor 和prototype这两个概念是相当重要的,深入的理解这两个概念对理解js的一些核心概念非常的重要。我们在定义函数的时候,函数定义的时候函数本身就会默认有一个prototype的属性,而我们如果用new 运算符来生成一个对象的时候就没有prototype属转载 2015-08-20 08:41:48 · 479 阅读 · 0 评论 -
前端开发必须知道的JS(二) 闭包及应用
在前端开发必须知道的JS(一) 原型和继承一文中说过下面写篇闭包,加之最近越来越发现需要加强我的闭包应用能力,所以此文不能再拖了。本文讲的是函数闭包,不涉及对象闭包(如用with实现)。如果你觉得我说的有偏差,欢迎拍砖,欢迎指教。 一. 闭包的理论 首先必须了解以下几个概念: 执行环境 每调用一个函数时(执行函数时),系统会为该函数创建一个封闭的局部的运行环境,转载 2015-08-19 20:26:52 · 558 阅读 · 0 评论 -
前端开发必须知道的JS(一) 原型和继承
原型和闭包是Js语言的难点,此文主要讲原型及原型实现的继承,在(二)中会讲下闭包,希望对大家有所帮助。若有疑问或不正之处,欢迎提出指正和讨论。一. 原型与构造函数 Js所有的函数都有一个prototype属性,这个属性引用了一个对象,即原型对象,也简称原型。这个函数包括构造函数和普通函数,我们讲的更多是构造函数的原型,但是也不能否定普通函数也有原型。譬如普通函数:function转载 2015-08-19 20:25:14 · 494 阅读 · 0 评论 -
ckeditor详细配置与使用说明
一、使用方法:1、在页面中引入ckeditor核心文件ckeditor.js cript" src="ckeditor/ckeditor.js">2、在使用编辑器的地方插入HTML控件如果是ASP.NET环境,也可用服务器端控件注意在控件中加上 class="ckeditor" 。3、将相应的控件替换成编辑器代码 cript"转载 2016-08-02 11:00:18 · 14156 阅读 · 0 评论 -
JavaScript继承详解(四)
在本章中,我们将分析Douglas Crockford关于JavaScript继承的一个实现 - Classical Inheritance in JavaScript。 Crockford是JavaScript开发社区最知名的权威,是JSON、JSLint、JSMin和ADSafe之父,是《JavaScript: The Good Parts》的作者。 现在是Yahoo的资深Java转载 2016-12-27 16:45:59 · 293 阅读 · 0 评论 -
iframe与主框架跨域相互访问方法
iframe 与主框架相互访问方法1.同域相互访问假设A.html 与 b.html domain都是localhost (同域)A.html中iframe 嵌入 B.html,name=myframeA.html有js function fMain()B.html有js function fIframe()需要实现 A.html 调用转载 2017-09-05 17:47:11 · 501 阅读 · 0 评论 -
Javascript使用postMessage对iframe跨域通信
今天才发现原来有这么个好东西啊,跨域通信太方便了, 举个小栗子:共两个页面,页面1:www.a.com/a.html 页面2:www.b.com/b.html实现目标:两个网站页面实现跨域相互通信 当前例子依赖于 jQuery 3.0页面代码:www.a.com/a.htmliframe id="myIframe" src="http://w转载 2017-09-05 14:23:14 · 576 阅读 · 0 评论 -
深入理解JavaScript系列——汤姆大叔
原文地址深入理解JavaScript系列文章,包括了原创,翻译,转载,整理等各类型文章,如果对你有用,请推荐支持一把,给大叔写作的动力。 深入理解JavaScript系列(1):编写高质量JavaScript代码的基本要点深入理解JavaScript系列(2):揭秘命名函数表达式深入理解JavaScript系列(3):全面解析Module模式深入理解转载 2016-12-28 15:00:47 · 2786 阅读 · 0 评论 -
JavaScript继承详解(三)
在第一章中,我们使用构造函数和原型的方式在JavaScript的世界中实现了类和继承, 但是存在很多问题。这一章我们将会逐一分析这些问题,并给出解决方案。注:本章中的jClass的实现参考了Simple JavaScript Inheritance的做法。首先让我们来回顾一下第一章中介绍的例子: function Person(name) {this.name = name;转载 2016-12-27 16:44:56 · 280 阅读 · 0 评论 -
JavaScript继承详解(二)
这一章我们将会重点介绍JavaScript中几个重要的属性(this、constructor、prototype), 这些属性对于我们理解如何实现JavaScript中的类和继承起着至关重要的作用。thisthis表示当前对象,如果在全局作用范围内使用this,则指代当前页面对象window; 如果在函数中使用this,则this指代什么是根据运行时此函数在什么对象上被调用。 我们转载 2016-12-27 16:43:27 · 330 阅读 · 0 评论 -
JavaScript继承详解(一)
面向对象与基于对象几乎每个开发人员都有面向对象语言(比如C++、C#、Java)的开发经验。 在传统面向对象的语言中,有两个非常重要的概念 - 类和实例。 类定义了一类事物公共的行为和方法;而实例则是类的一个具体实现。 我们还知道,面向对象编程有三个重要的概念 - 封装、继承和多态。但是在JavaScript的世界中,所有的这一切特性似乎都不存在。 因为JavaScript本身转载 2016-12-27 16:42:05 · 327 阅读 · 0 评论 -
JavaScript继承详解(六)
在本章中,我们将分析Prototypejs中关于JavaScript继承的实现。 Prototypejs是最早的JavaScript类库,可以说是JavaScript类库的鼻祖。 我在几年前接触的第一个JavaScript类库就是这位,因此Prototypejs有着广泛的群众基础。 不过当年Prototypejs中的关于继承的实现相当的简单,源代码就寥寥几行,我们来看下。早期P转载 2016-12-27 16:48:31 · 300 阅读 · 0 评论 -
JavaScript继承详解(五)
在本章中,我们将分析John Resig关于JavaScript继承的一个实现 - Simple JavaScript Inheritance。 John Resig作为jQuery的创始人而声名在外。是《Pro JavaScript Techniques》的作者,而且Resig将会在今年秋天推出一本书《JavaScript Secrets》,非常期待。调用方式调用方式非常优雅转载 2016-12-27 16:47:02 · 314 阅读 · 0 评论 -
再谈js拖拽(二)仿iGoogle自定义首页模块拖拽
再谈js拖拽(二)仿iGoogle自定义首页模块拖拽 首先这篇文章是基于 再谈js拖拽(一) code基础上的,进行改动实现的仿iGoogle自定义首页模块拖拽功能。将code贴上,你也可在下方进行下载。code未免枯燥,我将尽量用文字描述思路及注意点,所以即便你不看code也能根据文字翻译成你的code。 代码 1 DOCTYPE html PUBLIC转载 2015-08-19 20:28:58 · 665 阅读 · 0 评论 -
再谈js拖拽(一)
再谈js拖拽(一) 关于js拖拽早已是老生常谈,网上一搜一大坨,但是有很多并不是很完善,或者兼容性不够,或者功能不全,并且这样的东西还是自己写的好用。我打算在(一)中主要对js拖拽功能的注意点进行罗列,力求简单;在(二)中利用(一)的拖拽去实现类似google个性化首页的拖拽模块功能。 首先贴上完整code(IE/FF/Chrome) 代码DOCTYPE转载 2015-08-19 20:27:42 · 448 阅读 · 0 评论 -
CKeditor 配置使用
CKeditor 配置使用一、使用方法:1、在页面中引入ckeditor核心文件ckeditor.js2、在使用编辑器的地方插入HTML控件如果是ASP.NET环境,也可用服务器端控件注意在控件中加上 class="ckeditor" 。3、将相应的控件替换成编辑器代码 CKEDITOR.replace('TextArea1');转载 2015-05-04 12:24:12 · 705 阅读 · 0 评论 -
扩展CKEditor按钮
最近忙于开发工作流,想起之前开发的OA ,缺少一个重要的功能:表单设计器。因为我们的OA是基于Sharepoint开发的,如果没有表单设计器,定义一个列表的界面需要开发一个feature,或则需要VS开发一个aspx页面。这事一个很麻烦的事情。所以考虑实现一个表单设计器。 于是我到网上找HTML 编辑器,找到好几个,分别有CKEditor,TinyMCE,还有一个基于JQuery的一个转载 2015-05-04 08:34:30 · 4101 阅读 · 1 评论 -
< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />的用途说明
注:本文转载于互联网.介绍:这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式(比如人见人烦的IE6),以此来解决部分兼容问题,例如模拟IE7的具体方式如下:但令我好奇的是,此处这个标记后面竟然出现了chrome这样的值,难道IE也可以模拟chrome了?迅速搜索了一下,才明白原来不是微软增强了IE,而是谷歌做了个外挂:Google Ch转载 2015-04-27 08:32:50 · 1517 阅读 · 0 评论 -
Js apply()、call()使用详解
Js apply方法详解我在一开始看到javascript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这里我做如下笔记,希望和大家分享.. 如有什么不对的或者说法不明确的地方希望读者多多提一些意见,以便共同提高..主要我是要解决一下几个问题:1.apply和call的区别在哪里2.什么情转载 2015-04-13 22:38:51 · 1387 阅读 · 0 评论 -
js中几种实用的跨域方法原理详解
js中几种实用的跨域方法原理详解这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同,都被当作是不同的域。 下表给出了相对http://store.company.com/dir/page.html同源检测的结果: 要解决跨域的转载 2014-12-22 14:47:05 · 566 阅读 · 0 评论 -
FusionCharts柱状图数字显示为1k的问题
【背景】用户柱状图当数据超过1000时,柱状图显示为1k,查了很久,发现只要设置FusionCharts的formatNumberScale属性为“0”就可以解决了。原创 2015-01-09 14:40:00 · 2151 阅读 · 2 评论 -
js中自动清除ie缓存方法
对于动态文件,比如 index.asp?id=... 或者 index.aspx?id=... 相信有经验的程序员都知道怎样禁止浏览器缓存数据了.但是对于静态文件(css,jpg,gif等等), 在什么场合下面我们需要禁止浏览器缓存他们,怎么做? 方法一:Dojo中我们可以用简单的方法完成:在dojo.xhrGet(包括post)等方法中都包含preventCache属性,此属转载 2014-12-16 09:31:47 · 765 阅读 · 0 评论 -
Console命令详解,让调试js代码变得更简单
Console命令详解,让调试js代码变得更简单Firebug是网页开发的利器,能够极大地提升工作效率。但是,它不太容易上手。我曾经翻译过一篇《Firebug入门指南》,介绍了一些基本用法。今天,继续介绍它的高级用法。===================================Firebug控制台详解作者:阮一峰出处:http://www.ru转载 2014-08-01 15:39:26 · 573 阅读 · 0 评论 -
ckeditor源码编辑模式,添加style、javascript内容丢失的解决
ckeditor源码编辑模式,添加style、javascript内容丢失的解决原创 2015-05-12 14:34:09 · 5737 阅读 · 2 评论 -
CKEditor实现图片上传
本人用的CKEditor版本为4.3 CKEditor配置和部署参考CKEditor4.x部署和配置。CKEditor编辑器的工具栏中初始的时候应该是这样子的,没有图片上传按钮并且预览中有一堆火星文,可以修改相应配置删除它。第一种方法:打开ckeditor/plugins/image/dialogs/image.js文件,搜索“b.config.image_previewT转载 2015-05-04 12:18:59 · 1636 阅读 · 0 评论 -
tomcat 启用Gzip 压缩进行优化
打开conf/server.xml文件可以看到: port="8080" maxHttpHeaderSize="8192" maxThreads="150" minSpareThreads="25" maxSpareThreads="75" enableLookups="false"转载 2015-08-10 15:37:00 · 464 阅读 · 0 评论 -
Javascript 严格模式详解
一、概述除了正常运行模式,ECMAscript 5添加了第二种运行模式:"严格模式"(strict mode)。顾名思义,这种模式使得Javascript在更严格的条件下运行。设立"严格模式"的目的,主要有以下几个: - 消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为; - 消除代码运行的一些不安全之处,保证代码运行的安全;转载 2015-08-09 21:11:07 · 443 阅读 · 0 评论 -
CKEditor图片上传实现详细步骤(使用Struts 2)
url: http://blog.csdn.net/xiao__gui/article/details/7684505本人使用的CKEditor版本是3.6.3。CKEditor配置和部署我就不多说。CKEditor的编辑器工具栏中有一项“图片域”,该工具可以贴上图片地址来在文本编辑器中加入图片,但是没有图片上传。“预览”中有一大堆鸟语,看得很不爽。可以打开转载 2015-06-26 10:08:05 · 783 阅读 · 0 评论 -
js判断指定函数、变量是否存在的方法
js判断函数、变量是否存在的方法原创 2015-06-05 12:46:57 · 7199 阅读 · 1 评论 -
js ==与===区别(两个等号与三个等号)
原文来自: http://blog.csdn.net/hkendless/article/details/7598100有时候会看到在判断两个对象是否相等的时候使用了三个等号(===),它和两个等号(==)有什么区别呢?简单来说就是使用“==”时,如果两边类型不同,js引擎会把它们转换成相同类型然后在进行比较,而“===”则不会进行类型转换,因此当两边不是属于同一个类型,肯定不转载 2015-06-03 20:53:22 · 5121 阅读 · 0 评论 -
JS中的prototype
JS中的phototype是JS中比较难理解的一个部分 本文基于下面几个知识点: 1 原型法设计模式在.Net中可以使用clone()来实现原型法原型法的主要思想是,现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展。我们称B的原型为A。 2 javascript的方法可以分为三类:a 类方法b 对象方法c 原型方法例子转载 2015-06-02 21:31:47 · 534 阅读 · 0 评论 -
JSON对象和字符串之间的相互转换
比如我有两个变量,我要将a转换成字符串,将b转换成JSON对象:view sourceprint?1var a={"name":"tom","sex":"男","age":"24"};2 3var b='{"name":"Mike","sex":"女","ag转载 2015-05-21 09:43:24 · 1052 阅读 · 0 评论 -
CKEditor扩展插件:自动排版功能
CKEditor是新一代的FCKeditor,是一个重新开发的版本。CKEditor是全球最优秀的网页在线文字编辑器之一,因其惊人的性能与可扩展性而广泛的被运用于各大网站。如果还没接触过的可以看看,在线演示地址:http://ckeditor.com/demo当然了,今天我们的主要目的还不是介绍。还未下载CKEditor的同学可以点击下载:http://ckeditor.com/dow转载 2015-05-08 09:59:50 · 7165 阅读 · 0 评论 -
chrome调试工具常用功能整理
Elementschrome devtools 中 Elements panel 是审查 dom 元素和 css 的, 可以实时修改 dom/css.windows: ctrl + shift + imac: cmd + opt + iDOM修改 html & 属性节点右键, 如下图, 可以:添加属性(enter)修改 html(F2)删除元素(de转载 2017-09-30 09:31:52 · 403 阅读 · 0 评论