![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript 常见问题
文章平均质量分 59
前端开发工程师
6年前端开发,可写js组件
展开
-
input输入框的bindinput事件,输入内容删除为空时无响应?
最近在做小键人打字小程序时,遇到一个问题。input输入框的bindinput事件,输入内容删除为空时无响应?那么找了很多资料也没有解决。社区上也没有人知道。于是,转了一个方向思考。原创 2022-12-09 17:52:16 · 580 阅读 · 0 评论 -
responseXML为空?
responseXML为空? 这个问题困住我一个月多,今天决定花心思理一下。问了好多同事与朋友。也查了很多东西。都无解! 网络上操作是把response.responseText 进行转 try { var parser = new DOMParser(); this.xmlDoc = parser.parseFromString(xmlString...原创 2012-11-14 12:00:15 · 409 阅读 · 0 评论 -
前端技术系列课程(No.4) – 深入学习JavaScript语言
作为系列课程的第三讲,函谷担任此课的讲师,风趣幽默的讲解、充足的课堂演示,带来非常不错的课堂体验,本次课程主要focus在浏览器渲染机制相关的知识点,包括常见的浏览器兼容性问题,浏览器渲染和性能优化之间的关系,布局的多样性和适用范围,前端调试工具和各种抓包利器,本次课程ppt参照了之前沉鱼同学的课件。http://www.slideshare.net/lijing00333/ss-1...原创 2012-04-16 08:34:19 · 72 阅读 · 0 评论 -
1、meta http-equiv 标签让你的网页在IE8下正常显示
<meta http-equiv="X-UA-Compatible" content="IE=7" />意思是将IE8用IE7进行渲染,使网页在IE8下正常显示 X-UA-Compatible是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含<!DOCTYPE>指令,都像是使用了 Windows I...原创 2012-04-11 22:51:02 · 137 阅读 · 0 评论 -
小谈Ext架构-最简单的layout:AnchorLayout
最简单的layout:AnchorLayout AnchorLayout是最简单的布局管理其,它只是将元素按照配置的属性在元素容器中进行定位。 让我们看一下它的render方法以理解如果进行布局: onLayout : function(ct, target){ Ext.layout.AnchorLayout.superclass.onLayout.ca...原创 2012-03-31 10:54:11 · 93 阅读 · 0 评论 -
小谈Ext架构-Layout初识:ContainerLayout
Layout初识:ContainerLayout 如果学习了Container,你回发现,在Ext2.0中,Container和Layout的关系是密不可分的。任何Container都需要在render方法中使用layout对象进行布局。 让我们先看一下所有layout的父类:ContainerLayout。 实际上,对容器及其item的渲染都是在layout对象的lay...原创 2012-03-25 19:18:40 · 166 阅读 · 0 评论 -
小谈Ext架构-Container之旅
Container之旅 BoxComponent继承了Component,主要是实现了设置组件的宽度、高度以及位置(相对于容器或相对于document.body),他的实现较为简单,需要注意的是: 1.BoxComponent可以通过resizeEl属性设置进行调整大小的对象,positionEl属性设置调整位置的对象,并且在render事件中进行设置,将属性封装为Ext...原创 2012-03-25 19:17:58 · 89 阅读 · 0 评论 -
小谈Ext架构-Widget之父Component:总结
Widget之父Component:总结在这里,我们引用Ext Overview中的Component lifecycle对组件的功能进行相应的总结: [list=1] · 配置项对象生效: 组件对象的构造器会把全部的配置项传入到其子类中去,并且进行下列所有的步骤。 · 组件的底层事件创建 这些事件由组件对象负责触发。事件有enable,disable, befo...原创 2012-03-25 19:17:18 · 91 阅读 · 0 评论 -
小谈Ext架构-理解Ext.util.Observable
理解Ext.util.ObservableObservable维护了一个events数组,并提供了更加方便的对于事件的封装和调用机制。同Event一样,它也提供了addListener、removeListener方法。它提供的addListenere方法使用起来更加方便,你可以通过json对象一次实现多个事件的绑定: foo.addListener({ 'click' : { ...原创 2012-03-25 19:16:32 · 200 阅读 · 0 评论 -
小谈Ext架构-理解Ext.util.Event
理解Ext.util.Event由于Ext2.0中所有的组件都是由Observable继承而来,理解Ext就需要先从Ext.util.Observable说起,而 Observable是对Event对象进行管理,从而理解Observable必须首先从Ext.util.Event说起。 Ext.util.Event是一个封装的非常精致的对象,但和你想象的不同,Event同任何的HT...原创 2012-03-25 19:15:38 · 111 阅读 · 0 评论 -
关于网页资源的动态加载问题,并判断其加载是否成功
这个问题一直从去年遗留到现在,今天找个空,把她找到了。 是有Kinogam原创文章 用于HTML5游戏开发的资源加载器 之前我在开发一个飞机射击类的html5游戏,需要处理一下类似图片和音频的加载,因为web workers暂时还不是大部分浏览器都支持,所以我开发了一个资源加载器SourceLoader。游戏开发的话,我们需要加载各种各样的素材和数...原创 2012-03-12 15:58:53 · 426 阅读 · 0 评论 -
javascript 面向对象写法
//原型方法 function ClassA(){ } ClassA.prototype = { color:'red', sayColor: function (){ alert(this.color); } } function ClassB(){ this.name = ""; this.sayName = function(){ alert(this.name);...原创 2012-07-15 22:58:26 · 68 阅读 · 0 评论 -
图片的预加载,等比例缩放
图片的预加载javascript通过占位方式获取图片头部数据的尺寸十多年的上网经验告诉我:浏览器在加载图片的时候你会看到图片会先占用一块地然后才慢慢加载完毕,并且这里大部分的图片都是没有预设width与height属性的,因为浏览器能够获取图片的头部数据。基于此,只需要使用javascript定时侦测图片的尺寸状态便可得知图片尺寸就绪的状态。实现代码: var imgRe...原创 2012-03-09 16:43:13 · 148 阅读 · 0 评论 -
使用Fiddler提高前端工作效率 (实例篇)
在上一篇(使用Fiddler提高前端工作效率 (介绍篇))中,我们对Fiddler Web Debugger有了简单的接触,也许你已经开始在用Fiddler进行HTTP相关的调试,在这一篇,我们将通过一个实例了解Fiddler的神奇魔法。在我们前端开发的日常工作中,发现服务器上某个css/javascript文件有问题,需要修改,那真是家常便饭。通常,我们需要将文件进行修改,然后重新发布...原创 2012-06-08 08:54:54 · 86 阅读 · 0 评论 -
nodeType常量与dom操作方法
接口nodeType常量nodeType值备注ElementNode.ELEMENT_NODE1元素节点TextNode.TEXT_NODE3文本节点DocumentNode.DOCUMENT_NODE9...原创 2012-11-27 10:55:23 · 128 阅读 · 0 评论 -
javascript 中的protoype的解释
JavaScript prototype 的深度探索JavaScript 中对象的prototype 属性,可以返回对象类型原型的引用。这是一个相当拗口的解释,要理解它,先要正确理解对象类型(Type)以及原型(prototype)的概念。1、什么是prototypeJavaScript 中对象的prototype 属性,可以返回对象类型原型的引用。这是一个相当拗口的解释...原创 2012-04-17 09:53:33 · 178 阅读 · 0 评论 -
谈iframe内存释放问题(转载)
(转载)随着Ajax的发展,使用javascript的RIA应用越来越多,用户在同一页面中驻留的时间越来越长,内存泄露和内存占用问题越来越值得RIA开发者的注意,当RIA应用中内存得不到合理的释放,内存使用量会持续上涨,造成RIA应用反应变慢甚至会造成用户浏览器崩溃。虽然这种问题很少显现,但并不是说明应用中不存在这种问题,只不过这些问题在用户页面跳转和关闭浏览器时被掩盖掉,当我们RIA应用要用户一...原创 2012-12-19 16:39:42 · 841 阅读 · 0 评论 -
关于 javascript抓取网络图片转成file上传
关于 javascript抓取网络图片转成file上传 var c = document.createElement("canvas"); var cxt=c.getContext("2d"); var img=new Image(); img.setAttribute("crossOrigin",'Anonymous'); img.onload=f...原创 2019-08-23 17:17:29 · 1663 阅读 · 1 评论 -
webpack4.0 相关插件集
let HtmlWebpackPlugin = require('html-webpack-plugin');//网页模板插件let MiniCssExtractPlugin = require('mini-css-extract-plugin');//样式打包插件let OptimizeCss = require('optimize-css-assets-webpack-plugin')...原创 2019-08-02 23:27:13 · 168 阅读 · 0 评论 -
对打字练的小键人的网站91xjr.com站资源打包,gulp独立分文件夹打包
dazi.91xjr.com 是如何打包资源文件呢。基本的环境准备工作如下:本节以(window 7下操作)1、NodeJs环境安装与配置2、gulp下载与使用一、NodeJs环境安装与配置关于什么是NodeJs就不详细介绍,简要说明,它就是用javascript 方式去操作系统资料的一个开发环境。是一个桥梁平台。大家可以去官网下载最新版本的,安装后进行环境变量的配置...原创 2018-12-24 09:15:05 · 6529 阅读 · 0 评论 -
定义文档兼容性,让IE按指定的版本解析我们的页面
使用文档兼容性的方法比较容易,就是在我们要反馈给客户端的HTML代码中的head中添加一个meta元素,用来描述当前的文档需要使用何种浏览器版本来解释当前文档,代码类似下面这样:code12345678910<html><head> <!-- Mimic Internet...原创 2013-10-19 11:00:27 · 109 阅读 · 0 评论 -
js 删除数组几种方法
var arr=['a','b','c']; 若要删除其中的'b',有两种方法: 1.delete方法:delete arr[1] 这种方式数组长度不变,此时arr[1]变为undefined了,但是也有好处原来数组的索引也保持不变,此时要遍历数组元素可以才用 for(index in arr){ document.writ...原创 2013-09-20 22:40:54 · 140 阅读 · 0 评论 -
减少图片请求,分批加载图片
var lazyLoad = { Init: function () { return $("img[lazyload]"); }, Calculate: function (lazyloadobject) { var windowHeight = $(window).height(); var arrReturn = {...原创 2013-09-14 09:35:18 · 268 阅读 · 0 评论 -
flash重复请求加载问题
flash重复请求加载问题 当一个div里头放一个flash时,div 的显示隐藏 直接影响到 flash重新请求(用display情况)。所以要改用 visibility原创 2013-09-07 10:55:59 · 243 阅读 · 0 评论 -
新一代 javascript 模板引擎 artTemplate ,使用中的问题
artTemplate 新一代 javascript 模板引擎 ,这几天在写网格组件时以为这个很好用,一直用这个引擎。但发现一个问题 循环使用的话会很占用 空间时间 function rows(){var render = template.compile(source);var html = render(data);}for(var i=0;i<...原创 2013-09-06 15:44:11 · 97 阅读 · 0 评论 -
jQuery.event自定义事件机制-jQuery.event.special范例
什么时候要用到自定义函数?有些浏览器并不兼容某类型的事件,如IE6~8不支持hashchange事件,你无法通过jQuery(window).bind('hashchange', callback)来绑定这个事件,这个时候你就可以通过jQuery自定义事件接口来模拟这个事件,做到跨浏览器兼容。原理jQuery(elem).bind(type, callbakc)实际上是映射到 jQuery.e...原创 2013-08-16 17:19:20 · 139 阅读 · 0 评论 -
javascript对数组的操作
1. shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined var a = [1,2,3,4,5]; var b = a.shift(); //a:[2,3,4,5] b:1 2. unshift:将参数添加到原数组开头,并返回数组的长度 var a = [1,2,3,4,5]; var b = a.unshift(-2,-1); //...原创 2013-07-30 14:32:12 · 70 阅读 · 0 评论 -
web应用的优化规则
中文英文1、 减少http请求1、Make fewer HTTP requests2、 使用CDN内容分发2、Use a Content Delivery Network(CDN)3、 避免空的src或3、Avoid empty src or href 4、向文档添加一个有效期,告诉浏览器这个文档的有效性和持久性.如:服务器配置不常...原创 2012-12-20 11:03:08 · 81 阅读 · 0 评论 -
如何提高网页的效率(上篇)——提高网页效率的14条准则
如何提高网页的效率(上篇)——提高网页效率的14条准则 网站最基本的东西是什么?网站最基本的东西是什么?——内容?SEO(搜索引擎优化)?UE(用户体验)?都不对!是速度!内容再丰富的网站,如果慢到无法访问也是毫无意义的; SEO做的再好的网站,如果搜索蜘蛛抓不到也是白搭; UE设计的再人性化的网站,如果用户连看都看不到也是空谈。所以网页的效率绝对是最值得关注的方面。如...原创 2012-12-20 10:29:27 · 99 阅读 · 0 评论 -
使用Fiddler提高前端工作效率 (介绍篇)
http://www.kuqin.com/webpagedesign/20100915/88038.html1. Fiddler 是什么?Fiddler是用C#编写的一个免费的HTTP/HTTPS网络调试器。英语中Fiddler是小提琴的意思,Fiddler Web Debugger就像小提琴一样,可以让前端开发变得更加优雅。Fiddler是以代理服务器的方式,监听系统的网...原创 2012-06-08 08:54:21 · 88 阅读 · 0 评论 -
CSS实现星状评分效果 – CSS Star Rating
CSS实现星状评分效果 – CSS Star Rating有一个场景,相信大家不会感到陌生,那就是我们购物之后对商家、物流、商品等进行评价,其中有一个直观的交互就是星状打分,这种交互方式增强了用户对商品评价的直观感受,更贴近用户的行为习惯,这是一种非常棒的设计。从技术的角度来说,利用html+css就能完全搞定这种交互效果,好多童鞋都以为是js实现的呢,有木有~~~,哈哈。肯定...原创 2012-05-17 11:32:36 · 808 阅读 · 0 评论 -
javascript小技巧
事件源对象 event.srcElement.tagName event.srcElement.type捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey事件返回值 e...原创 2011-01-24 16:10:17 · 85 阅读 · 0 评论 -
javascript Table排序
摘要目录1基本步骤2程序说明3使用方法4程序源码编辑本段基本步骤 1,把需要排序的行放到tbody中(程序会直接取tbody的rows); 2,把排序行放到一个数组中; this.Rows = Map(this.tBody.rows, function(o){ return o; }); 3,按需...原创 2011-05-06 10:04:52 · 79 阅读 · 0 评论 -
JavaScript html js文本框只能输入数字
<input name="selectID" type="text" class="input" size="30" style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9" onKeyPress="if ((event.keyCode <48 |原创 2010-09-02 12:49:05 · 123 阅读 · 0 评论 -
IE FF 下的复制 ctrl+c
function copyToClipboard(txt) { if(window.clipboardData) { window.clipboardData.clearData(); window.clipboardData.setData("Text",txt); } else if(navigator.userAgent.indexOf("...原创 2010-05-24 17:44:02 · 91 阅读 · 0 评论 -
关于在ondrag事件下无法触发 子元素的onclick事件
在做像GG主页的拖拽时 我们也常常 加上自己的一些设置 ,比如 我们的拖拽一般有 <div class="drag"> <div class="drag-head"> <div class="drag-txt"></div> <div class='原创 2010-07-28 10:52:58 · 797 阅读 · 0 评论 -
模态对话框关闭父窗体
昨天一直找查看有没有一个这样的答案。结果在一个http://topic.csdn.net/t/20021021/13/1111607.html 里找到了一些资料 对于这个问题的解决如下: 题目是: A.html 里模态弹出一个 B.html 那么要使得 在B.html里处理完任务后关闭 窗口也同时关闭 父窗。附加条件是 弹出是模态窗口 解决如下:...原创 2010-05-14 10:14:12 · 243 阅读 · 0 评论 -
获取地址栏参数值
function GetUrlParameter(paramName) { var returnVal = ""; try { var paramUrl = window.location.search; //处理长度 if (paramUrl.length &g...原创 2010-05-10 17:23:22 · 103 阅读 · 0 评论 -
当没有传event 是时怎么去获取 事件对象
EventUtil.getEvent=function(e) { e = e || window.event; if (!e) { var c = this.getEvent.caller; while (c) { e ...2010-04-30 12:43:07 · 176 阅读 · 0 评论 -
解决 FireFox 下[使用event很麻烦] 的问题.
解决 FireFox 下[使用event很麻烦] 的问题.在FireFox下编写事件处理函数是很麻烦的事.因为FireFox并没有 window.event . 如果要得到 event 对象,就必须要声明时间处理函数的第一个参数为event.所以为了兼容IE与FireFox,一般的事件处理方法为:btn.onclick=handle_btn_click;function handle_bt...2010-04-30 10:56:12 · 84 阅读 · 0 评论