随笔分类 - JavaScript
摘要:背景 网页变黑白常用于表达悼念、怀念故去的著名人物、重大灾难事件等。 方法 通过分析,百度百科人物网页变黑白是这么做的: webkit-filter: grayscale(1); 其中grayscale()的取值为0%-100%,也可以用0-1取代,0%代表彩色图像,100%代表完全的灰度。 通过对
阅读全文
摘要:问题: 在使用javascript实现SM4加解密算法时,发现在IE下总是报“对象没有slice方法”的错误,而Chrome浏览器则不存在此问题。 解决: 通过跟踪分析,发现报错的对象为Unit8Array类型,这个类型有subArray()方法,没有slice方法。解决的办法有2个,1是判断对象有
阅读全文
摘要:问题: 在Chrome下,实现一个图片预览弹出对话框,在调整弹出框位置时,发现document.body.scrollTop返回为0,但是,窗口有明显的滚动条出现。 解决: 根据网上的做法,将document.body.scrollTop换为document.documentElement.scro
阅读全文
摘要:在JavaScript中,空判断比较常见,但究竟应该如何正确地使用空判断呢?不同的数据类型有不同的判断方法,不能同一而论,在判断空前,应先确定数据的类型。 1、不同类型具有不同的判空方法 在判空前应预判数据的类型,如果期望类型不清晰,则可能会导致错误的判断或考虑情况不周全。 序号测试类型测试代码结果
阅读全文
摘要:在javascript用于日期计算时,常常要获取某月的开始天和结束天,某月的开始天较易获得,因为开始天总是1,但是获取结束天就有点困难了,不仅有大月和小月之分,还要考虑闰年的情况。 这里有个讨巧的地方,使用new Date(year,month,day)初始化一个日期时,如果day为0,则表示为上月
阅读全文
摘要:问题: 在HTML页面中设置"<span>"元素的样式,发现设置无效,通过查看其CSS属性值,发现总是为“auto”,即使加上“!important”提高其优先级别也无效: <style> .aclass{ background:#0092d8 url(gantt-images/equals.png
阅读全文
摘要:在JavaScript也有像Java中的排序比较方法,非常强大。 一、 原型 1、已知数组a,排序函数fun 2、则可用a.sort(fun)对数组a进行排序,数组a排序后,重整为新序,即覆盖老的顺序。 二、排序函数原型 function sort(a, b){ if(a.name > b.name
阅读全文
摘要:1、JavaScript 对象的属性(Key)可以为空吗?比如: var obj = { "": "Zhangshan" }答案是肯定的。 2、那么JS对象的属性KEY 能为null吗? var obj = { null: "Zhangshan" } 答案是否定的。 3、那么JS对象的属性KEY能为
阅读全文
摘要:问题: Plupload控件在IE10下运行良好,但在IE9下却不能上传,一点上传按钮,即出现下载对话框。而实际的返回数据为一堆正常的JSON数据。 有网友提过这个问题,他是这么提的:“使用uploader上传插件在往服务器上上传文件成功后返回JSON格式的数据被IE8拦截了,其他浏览器正常”。 确
阅读全文
摘要:应用场景: 采用轮播控件对表格中的图片文件进行展示,当点击表格中的图片文件时,使用轮播控件(Swiper)显示指定的图片,同时,可以左右翻页,前后浏览所有的图片。 实现思路: (1)使用JS创建Swiper的躯干(Swiper相当于灵魂,灵魂必须依附肉体才能起作用)。 __createPreview
阅读全文
摘要:问题 在前端编程中,突然出现Uncaught SyntaxError: Unexpected token “)”的错误,行号1。这个错误真的很隐晦,开始还以为是其他JS文件的错误,结果发现错误原来就存在当前问件中。错误场景是这样的,使用<a>X</a>作为关闭窗口的按钮,代码如下: <a href=
阅读全文
摘要:JavaScript正则表达式可以使用正则表达式的特殊符号(/ /)来声明,也可以采用正则表达式对象(RegExp)来声明。 1、使用正则表达式符号 正则表达式符号为"/ /",即为2个斜杠,中间为匹配规则。JavaScript中类似的特殊符号还有数组“[]”, 对象“{}”。 示例: functi
阅读全文
摘要:背景: 使用swiper控件进行图片展示,既有条件是: (1)有一个图片数组,包含图片的url (2)有一个图片文件名列表(表格) (3)图片文件名列表中的数据来源于图片数组 问题: 现在要求利用swiper进行图片显示,点表格中的图片文件名,能用swiper进行展示选中的图片,同时,能使用swip
阅读全文
摘要:在JavaScript中“==”和“ ”有什么区别呢,下面的这几个例子可以让你清楚地看到它们的区别: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>== 和 区别</
阅读全文
摘要:在JavaScript中,对数组操作时,若要删除某个元素对象,可以使用splice方法,可是用delete也可以删除数组元素,那么它们有什么区别呢? 共同点: delete和splice均可以删除一个数组元素。 不同点: 1、delete只是删除指定的数组元素对象,数组的大小不变化,删除后位置空缺,
阅读全文
摘要:JavaScript Array(数组)清空可采用三种方式: 假设有数组 : var a = [1,2,3]; 1、将长度属性置0。该方式最快捷 a.length=0; 2、使用splice移除 a.splice(0,a.length); 3、新建一个数组 a = []; 该方法可能会导致内存泄漏,
阅读全文
摘要:在JavaScript中,类属性有2种: 1、一种是直接在定义类后赋值 var ClassA = function(){ } ClassA.dept = "R&D"; 2、另一种是使用prototype赋值: var ClassA = function(){ } ClassA.prototype.u
阅读全文
摘要:JavaScript构造器(constructor)是对象的一个属性,为只读 ,主要用途有: 1、可以用来判断某对象是否由某个函数(类)实例化得来; <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=g
阅读全文
摘要:先看一段代码,为一个翻页页码框响应事件: _gotoPage_handler: function(ev){ //若为页码输入框则只响应回车键事 if(typeof(ev.keyCode) != undefined && ev.keyCode != 13) return; //... this.fir
阅读全文
摘要:在JavaScript中, 对象可以带属性,对象的原型(pototype)也可以带属性,类(Function对象)也可以带属性,那么这些属性有什么区别呢? 1、实验条件 首先声明一个类 var my fun = function(){} (1)类的属性 myfun.name = 'Zhangsan'
阅读全文