javascript
小韩工作室
小韩工作室
展开
-
实现input数字语音播报,可扩展成任何语音audio实现,IE8兼容转flash实现
实现思路: 1、语音对象,用于语音播放,可实现按url插入顺序播放,实现未播放url删除不读。 2、input数字控制对象,用于控制输入内容。支持: 1、中英文数字语音播放,默认使用百度翻译语音程序。 2、支持自定义数字语音路径。 3、方便控制混合app开发时,语音路径置换为app本地路径,减少网络请求,提高读取速度。 4、原生和jquery两种方式实现。原创 2017-05-20 14:06:12 · 1809 阅读 · 0 评论 -
对html元素进行监听
New Document <!-- window.onload = function(){ document.getElementById('north').onclick = function(e){ if(e.target.nodeName=="BUTTON" ||(e.target.nodeName=="INPUT"&&e.target原创 2013-06-04 21:28:43 · 1674 阅读 · 0 评论 -
JS实现瀑布流吸顶栏--模拟~不是实际开发场景~
前几天给一个院校讲javascript的课程,里面的两个模拟实现的小例子,主要供扩展使用的,里面使用了部分封装的东西没有出现在文件里。http://download.csdn.net/detail/xiaohan1990718/5502873点击打开链接放在这里,权当给自己留个纪念,至少当年我也曾站在讲台上给下面的80多位学生讲述自己所学、所想。下阶段我想抽时间将前端系统学习下,开原创 2013-06-02 18:56:39 · 1255 阅读 · 0 评论 -
Javascript Function()扩展
1、概述 在Javascript中,function非常灵活且功能强大。我们可以通过new Function(‘’,’’) 、eval()来等动态构建函数,这在别的语言(Java)中很难做到的。但这里不是介绍Function的特性,而是考量Function函数的扩展,比较Moo转载 2013-05-12 14:08:22 · 918 阅读 · 0 评论 -
getNodeById的实现方式,即实现树的遍历查找
两种方式查找树节点:递归和非递归-->var node_ = { id:'1', text:'第一层', children:[{ id:'2', text:'第二层1' },{ id:'3', text:'第二层2', children:[{ id:'4'原创 2013-05-21 23:28:51 · 2335 阅读 · 0 评论 -
javaScirpt事件监听
这段时间对JS有些想法,对个人职业又有了点思索,这事以后细说,先将今天看到的写下来,继续积累代码先。js事件:因为一些个人原因,维护了一个事件工具类,方便今后维护使用,代码如下:/** * @class Base.EventUtil * @extends Object * 事件工具类 */Base.EventUtil = { /** * 添加事件 *原创 2013-05-19 21:51:00 · 1720 阅读 · 0 评论 -
下拉树~不断、持续完善中~
其实,这段时间虽然忙碌,但是正是忙碌让我对ext有更深的认识,对前端、后端有了进一步的认识~分享一段代码,其实建议看到的亲不要copy使用,真正深入了解它,才是根本。一段代码背后的东西,才是真正要学习的东西~/** * 原生Ext扩展插件 */Ext.define('Ext.ux.comboBoxTree',{ extend:'Ext.form.field.Picker',原创 2013-05-16 23:41:27 · 814 阅读 · 0 评论 -
今儿心情不太好,多敲几行代码消消气~续之二
扩展了getComponentByName():var formPanel = Ext.create('Ext.form.Panel', { title: 'Simple Form', bodyPadding: 5, width: 350, // The form will submit an AJAX request to this URL when s原创 2013-05-15 23:22:34 · 968 阅读 · 0 评论 -
stream.js
function Stream(head, tailPromise) { if (typeof head != 'undefined') { this.headValue = head; } if (typeof tailPromise == 'undefined') { tailPromise = function() { return new Stream(); };转载 2013-03-24 22:01:18 · 971 阅读 · 0 评论 -
.valueof()的简化用法+
在查看Ext.Date扩展方法时看到now的函数代码中:now:Date.now||function(){ return +new Date();}查询以下解释: 做下测试即可。var s=+newDate();解释如下:=+是不存在的;+new Date()是一个东西;+相当于.valueOf();//三个结果一样返回当前时间的原创 2013-02-04 10:29:11 · 631 阅读 · 0 评论 -
JS实现Map
/** * @author haw_king * @returns {Map} */var Map = function() { };Map.prototype = { /** * 维护map对象的数组 * * @private */ elements : new Array(), /** * 访问map对象内数组的接口方法 */ st原创 2013-01-31 14:38:29 · 1672 阅读 · 0 评论 -
JS实现Map,利用JS原生特性(上一篇是仿Java)
var Map = function(){ var data = {}; var length = 0; this.put = function(key,value){ if(!this.containsKey(key)){ length++; } data[key] = value; }; this.size = funct原创 2013-01-31 17:53:13 · 1259 阅读 · 0 评论 -
数组最大值JS版
function getMax(array){ return Math.max.apply(null,array);}目前知晓的最简方式,未完待续。原创 2013-01-30 14:05:55 · 456 阅读 · 0 评论 -
window对象的方法使用
利用setTimeout() confirm() clearTimeout() 实现定时提醒: New Document var _time,flag=false; function lock() { //页面刚加载时不提醒 if(flag){原创 2012-12-19 22:41:38 · 680 阅读 · 0 评论 -
答网友问~
window.onload = function(){ //简单模拟的一个例子,不完善,指在模拟ext的监听中的回调参数是怎么传值的 var Component = function(){ //内部处理... var tempA = '第一个参数对象'; var tempB = '第二个参数对象'; var resultObj = { /**原创 2013-06-21 12:46:36 · 844 阅读 · 0 评论 -
一个关于农历的算法----js实现【转】
var lunarInfo=new Array(0x04bd8,0x04ae0,0x0a570,0x054d5,0x0d260,0x0d950,0x16554,0x056a0,0x09ad0,0x055d2,0x04ae0,0x0a5b6,0x0a4d0,0x0d250,0x1d255,0x0b540,0x0d6a0,0x0ada2,0x095b0,0x14977,0x04转载 2013-07-13 19:51:25 · 1404 阅读 · 0 评论 -
Ext下解决无弹出窗口的设计解决办法
该思路起源于在页面设计的时候,个人对弹出窗口这类的交互设计非常厌恶.而ext是单页面应用.我也不想通过切换tab页的方式来进行整个功能页面操作.因此衍生了在同一个页面里进行功能的切换.比如:一个功能页面里包含”新增”、”修改”、”查询列表”的功能. 当我触发”新增”时,大多我看到的设计是弹出一个新增窗口或者新添加一个tab页面等等方式.但个人还是不喜欢,因此想在这个功能页面里做些手脚。思路原创 2014-02-18 18:06:21 · 3055 阅读 · 1 评论 -
Ext下多tab的延迟加载问题
声明 : 名称或许跟我实际要说的不一致.我只是这么理解的而已.有时候在ext开发框架下,我们会用到多tab的情况.但很多时候我发现(包括我之前)都是这么写的:Var tabPanel = Ext.create(‘Ext.tab.Panel’,{ Items:[{ title: ’tab1’},{ title : ’ta原创 2014-02-18 18:04:43 · 2637 阅读 · 1 评论 -
JavaScript实现图片上传预览及进度条
最近在做图片上传的时候,由于产品设计的比较fashion,上网找了比较久还没有现成的,因此自己做了一个,实现的功能如下:1:去除浏览器默认的样式;2:图片从本地选择后,立即预览图片;3:使用上传可以查看上传进度(按照上传的百分比做成进度条);先看界面效果图:功能效果图如下:首先是去除浏览器默认上传图片框,这个不是设置的css,再者具有转载 2014-01-12 00:50:44 · 3351 阅读 · 0 评论 -
为什么谷歌的JSON响应以while(1);开头?
问题(QUESTION): 我有个问题一直很好奇就是:为什么谷歌的JSON响应以while(1);开头?举个例子,当把谷歌日历打开和关掉时,会返回这样的JSON对象:while(1);[['u',[['smsSentFlag','false'],['hideInvitations','false'],['remindOnRespondedEventsOnly','true'],'hi转载 2014-01-11 12:39:39 · 758 阅读 · 0 评论 -
JSON劫持漏洞攻防原理及演练
注* 作者发表这篇文章的时间较早,某些方法可能并不是最好的解决方案,但针对这种漏洞进行的攻击还依然可见,如早期的:QQMail邮件泄露漏洞,下面介绍的是对这种攻击原理的介绍。 不久之前,我写了一篇文章《一个微妙的JSON漏洞》,文中讲到这个漏洞可能会导致敏感信息泄露。针对该漏洞的特点,通过覆盖JavaScript数组构造函数以窃取(暴露)JSON返回数组,而现在大多数浏览器还无法防范这种转载 2014-01-11 12:32:52 · 2234 阅读 · 0 评论 -
stream.js
stream.js 是一个很小、完全独立的Javascript类库,它为你提供了一个新的Javascript数据结构:streams. streams是什么?Streams 是一个操作简单的数据结构,很像数组或链接表,但附加了一些非凡的能力。它们有什么特别之处?跟数组不一样,streams是一个有魔法的数据结构。它可以装载无穷多的元素。是的,你没听错。他转载 2014-01-09 22:09:10 · 991 阅读 · 0 评论 -
前端框架的对比(1231最新整理)
因为还不是很完善.excel版本的暂不上传.欢迎拍砖.之后会进行修改和完善。原创 2013-12-31 17:55:35 · 910 阅读 · 0 评论 -
JS动态 按需 加载
现在想做这么一件事: 在创建类之前,动态的添加其资源,且添加一次。 在页面load前,所谓的动态按需加载有: document.wrieln(js标签和路径); document.appendChild(js对象); 等等...并非我想要. HQ.loadJSFile = function(className)原创 2013-11-25 23:22:22 · 1018 阅读 · 0 评论 -
document.getElementsByClassName的理想实现
各种实现方式Pure DOM通常先使用getElementsByTagName("*")取出文档中所有元素,然后进行遍历,使用正则表达式找出匹配的元素放入一个数组返回。由于IE5不支持document.getElementsByTagName("*"),要使用分支document.all以防错误。The Ultimate getElementsByClassName方案,作者为Robe转载 2013-08-11 23:23:42 · 901 阅读 · 0 评论 -
标签自定义属性,获取和操作的方法封装以及在此基础上对标签原有属性的扩展...
按照惯例,上代码,并不断完善中. New Document <!-- //封装处理过程 var fzgcFn = function(element){ if(element.isInit) return element; var attributes = element.attributes; v原创 2013-08-11 20:45:07 · 1695 阅读 · 0 评论 -
ID生成——简易方法
var NS = {};NS.id = (function(){ var id = 100; var getId = function(){ id+=1; return 'now'+id; } return getId;})();var id = NS.id();var id2 = NS.id();alert(id);alert(id2);睡觉....原创 2013-08-21 23:20:17 · 982 阅读 · 0 评论 -
恩恩,一个想法,初步实现了它~就剩封装了
var US = {}; US.randomId = function(){ var word = ['a','b','c','d','e','f','g']; var num = [1,2,3,4,5,6,7,8,9,0]; var result = ''; //16位iD原创 2013-07-25 22:37:48 · 671 阅读 · 0 评论 -
稍微改进了一下,下一步应该是封装对象,然后尝试组件话一个东东~?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 我的临时思路实现 var US = {}; US.randomId = funct原创 2013-07-25 23:21:39 · 801 阅读 · 0 评论 -
Extjs结合JfreeChart批量生成图片用于用户选择组件时预览(接昨天博文)
这是今天做的统计图的预览图片功能,用于选择组件时,用户可以看到统计图的静态展示样式。 /*********************************** * 处理过程 **********************************/ @SuppressWarnings("unchecked") @Override public void handle原创 2012-12-17 19:39:59 · 1560 阅读 · 0 评论 -
Javascript中按值和按引用的比较
按值和按引用的比较Numbers 和 Boolean 类型的值 (true 和 false) 是按值来复制、传递和比较的。当按值复制或传递时,将在计算机内存中分配一块空间并将原值复制到其中。然后,即使更改原来的值,也不会影响所复制的值(反过来也一样),因为这两个值是独立的实体。对象、数组以及函数是按引用来复制、传递和比较的。 当按地址复制或传递时,实际是创建一个指向原始项的指针,然后就像拷原创 2012-12-15 23:06:45 · 855 阅读 · 0 评论 -
JavaScript库开发者们的规则
1. 保持无侵入性 我的HTML标记不想知道你的JavaScript代码。 2. 严禁修改和扩展Object.prototype! 这条很重要,因此需要一条完全针对它的规则。对象是JavaScript功能的基本构建模块,不要搞乱它们。 3. 不要过分扩展 对JavaScript内建对象的扩展越少越好。别误解我的意思。JavaScript的原生对象中有用的方法是有点少,有时不得不添加翻译 2012-10-28 08:48:48 · 723 阅读 · 0 评论 -
有关javascript方法命名规范
有关方法命名规范:(这篇本来是写在上篇博文分隔线后面,但思来想去我还是拿出来了)Javascript本身是没有“类”这个概念的,也没有像强类型语言,如Java一样定义方法的访问权限。Java中有:1、private修饰词,表示成员是私有的,只有自身可以访问; 2、protected,表示受保护权限,体现在继承,即子类可以访问父类受保护成员,同时相同包内的其他类也可原创 2012-10-29 22:26:56 · 1533 阅读 · 0 评论 -
用JavaScirpt实现斐波纳契数列最简洁方式
斐波纳契数列(Fibonacci Sequence),又称黄金分割数列,指的是这样一个数列:1、1、2、3、5、8、13、21、……在数学上,斐波纳契数列以如下被以递归的方法定义:F0=0,F1=1,Fn=F(n-1)+F(n-2)(n>=2,n∈N*)在现代物理、准晶体结构、化学等领域,斐波纳契数列都有直接的应用,为此,美国数学会从1960年代起出版了《斐波纳契数列》季刊,专门刊载这方面的研原创 2012-10-12 22:09:53 · 847 阅读 · 1 评论 -
7种方式实现斐波那契数列
刚刚翻看博文,发现此奇文:http://www.cnblogs.com/hlxs/archive/2011/07/15/2107389.html之前写的一篇最简洁的,貌似第七种最简洁,博主一句“我靠”也中听。 至于代码实现--->貌似是C/C++ 两年没看C类书 智商输给猪啊。。。真心分不清了。//是C类语言。我模糊记忆。。。一:递归实现 在学校里学习递归的时候,老师就转载 2012-10-20 11:15:55 · 803 阅读 · 0 评论 -
简单封装一个供自己使用的工具类
因为项目开发需要,很多时候工具类方法 起到提高编程效率的作用~//昨天忘记看书了,今天补上~Tools = { /** * 循环遍历方法 * @param objs 循环对象集合 * @param callbackFun 回调函数 */ forEach:function(objs,callbackFun){原创 2012-10-20 10:47:30 · 1093 阅读 · 0 评论 -
理解Javascript_03_javascript全局观
今天让我们站在语言的高度来看一下Javascript都有点什么。因为是全局性的俯瞰,所以不针对细节作详细的讲解。先来看一张图吧: 解释一下:核心(ECMAScript):定义了脚本语言的所有对象,属性和方法文档对象模型(DOM):HTML和XML应用程序接口浏览器对象模型(BOM):对浏览器窗口进行访问操作 现在来具体的讲一个各个成分:关于ECMAScript转载 2012-10-18 21:25:29 · 2022 阅读 · 0 评论 -
JavaScript_数据类型:String和Object
String类型的,没什么好说的。//草。。。输入法成狗屎了。。。。waiting.....download sogou_pinyin_XXXX . I cann't write chinese......................................// today , xiu xian.....................................说原创 2012-10-17 20:44:03 · 1207 阅读 · 0 评论 -
Javascript高级程序设计第3章回顾总结部分--数据类型
ECMAScript中有5种简单数据类型(基本数据类型),分别为:Undefined.Null.Boolean.Number.String,以及1种复杂数据类型-Object.Object本质上由一组无序的名值(key:value)对组成的。--------------------------------------------------------------------------原创 2012-10-16 22:18:52 · 446 阅读 · 0 评论 -
Javascript高级程序设计1-2章回顾总结
第一章:JavaScript简介1、Javascript是什么?JavaScript是一种专为与网页交互而设计的脚本语言。2、JavaScirpt组成部分。JavaScript由三部分组成:ECMAScript、DOM、BOM。ECMAScript:是Javascript的核心,由ECMS-262定义,提供核心核心语言功能。ECMA-262规定了这门语言的下列组成部分:原创 2012-10-15 21:08:14 · 476 阅读 · 0 评论