![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
xiantouxu
这个作者很懒,什么都没留下…
展开
-
使用一个定时器和回调函数防止代码阻塞
问题:有一段代码可能比较耗费时间,并且在等待其完成的时候,你不想阻塞其他的代码处理。但是,当耗时的函数完成的时候,你确实需要执行一些其他的功能 解决方案:将一个回调函数和setTimeout()结合使用,定时器设置为0原创 2017-08-18 15:26:10 · 5558 阅读 · 0 评论 -
找出共享同一属性的所有元素
问题:在一个Web文档中轴承共享同样属性的所有元素。 解决方案:使用通用选择器(*)结合属性选择器来找到拥有一个属性的所有元素,不管该元素值是什么原创 2017-08-19 20:36:16 · 241 阅读 · 0 评论 -
表格的删除、排序、检索
问题:页面中如下格式的人员信息表格: 实现:假定表格的元素id为person-list,奇数行的class名为odd。 请实现如下功能: + 选中单选框,点击删除时对应行消失; + 点击排序时,按照升序对表格中的每一行进行排序; + 点击筛选,籍贯处会变成一个下拉框,选项值为当前表格中锁包含的省份名称,选中某个省份,展示对应省份的人员信息原创 2017-08-20 12:28:24 · 288 阅读 · 0 评论 -
突出显示错误的可访问性
问题:想要突出显示有错误数据的表单字段条目,并且想要确保突出显示对于所有的Web页面用户有效 解决方案:使用CSS突出显示输入错误的表单字段,并且使用 WAI-ARIA(Accessible Rich Internet Applications,可访问富Internet应用程序)标记来确保突出显示对于所有的用户可见 [aria-invalid]{background-color:#ffeeeee;}原创 2017-08-20 16:59:48 · 364 阅读 · 0 评论 -
Math.js库的使用
Math.js库的特征: 1. Supports numbers, big numbers, complex numbers, fractions, units, strings, arrays, and matrices. 2. Is compatible with JavaScript’s built-in Math library. 3. Contains a flexible expression ..原创 2017-08-20 21:20:48 · 7234 阅读 · 0 评论 -
Accounting.js库的使用
Accounting.js用来将一个数字格式化为货币格式原创 2017-08-20 21:39:58 · 6527 阅读 · 0 评论 -
jQuery+jQuery UI库的使用
jQuery+jQuery UI库的使用原创 2017-08-23 12:59:20 · 674 阅读 · 0 评论 -
使用Mousetrap处理键盘快捷键(keypress.js和jQuery.hotkeys.js的使用)
对于键盘快捷键和键记录来说,两个较为流行的库为Mousetrap和keypress,其中keypress的维护更好一点,下面是keypress的使用案例,首先你需要,下载keypress.js原创 2017-08-23 13:01:10 · 2854 阅读 · 1 评论 -
添加对私有数据成员的支持
问题:你已将发现了可复用的功能,并且创建一个对象,将该功能定义为对象的方法。然而还需要添加对私有数据成员的支持 解决方案:确保一个数据成员不会暴露给公共访问的一种方法是,将该对象从新定义为一个函数,它带有公开暴露的方法,或者带有使用私有数据或方法的数据对象。原创 2017-08-23 13:02:16 · 279 阅读 · 0 评论 -
把库转换为一个jQuery插件
问题:想要把库方法和函数转换到一个jQuery插件中,以方便其他人调用 解决方案: + 如果你的插件有一个或多个单独的函数,并且它们不需要加入到jQuery链,在fn属性上创建一个函数:$.fn.setColor = function(color){ this.css("color",color);}原创 2017-08-23 13:02:59 · 199 阅读 · 0 评论 -
从一个XML树提取相关信息
问题:想要从一个XML文档访问单独的数据块 解决方案:使用用来查询Web页面元素相同的DOM方法,来查询XML文档:var resources = document.getElementByTagName(“resource”); 注意:头部编写为返回带有一个text/xml 的MIME类型的内容,并且Access-Control-Allow-Origin头部值设置为接受来自所有域(*)的查询。原创 2017-08-23 13:05:42 · 382 阅读 · 0 评论 -
解析一个JSON格式化字符串
问题:想要安全的从JSON创建一个JavaScript对象。还想使用真和假的布尔形式代替数字的0、1表示 解决方案:使用新的JSON内建功能来解析对象,ECMAScript 5中新添加到浏览器中的。要将数字值转换为其布尔对等形式,创建一个reviver函数原创 2017-08-23 13:06:24 · 515 阅读 · 0 评论 -
JSONP对另一个域进行Ajax请求
问题描述:想要使用一个Web服务API来查询数据,而Ajax同源策略阻止了跨域请求。 解决方案:一种方法是使用JSONP(JavaScript Object Notation,with Padding)来解决安全问题。首先创建一个新的script元素,用URL作为API方法调用的端点。原创 2017-08-23 13:06:55 · 226 阅读 · 0 评论 -
处理来自一个Ajax请求的JSON
服务器端var http = require('http');//启动服务器,监听请求原创 2017-08-23 13:08:30 · 224 阅读 · 0 评论 -
从服务器填充一个列表
问题描述:根据用户对另一个表单的操作,我们用值填充一个选项列表。 解决方案:将选择的值作为参数拼接到URL上发生给服务器,服务器根据参数查询出对应的结果返回给客户端,使用Ajax+PHP.原创 2017-08-23 13:09:29 · 298 阅读 · 0 评论 -
显示一个带颜色的闪烁以表示一个动作
问题:即为淡入淡出的效果实现 解决方案:用定时器原创 2017-08-19 20:46:31 · 455 阅读 · 0 评论 -
创建基于悬停的弹出信息窗口
问题描述:当鼠标滑过图片时,显示缩略图的信息<!DOCTYPE html>原创 2017-08-19 20:45:45 · 283 阅读 · 0 评论 -
创建能够记住其状态的函数
问题:想要创建一个函数,它能够记住数据,但是不必是全局变量,并且不必对每个函数重新发送相同的数据。 解决方案:使用闭包原创 2017-08-18 15:28:08 · 240 阅读 · 0 评论 -
把函数参数转换到一个数组中
问题:想要对一个函数参数使用Array功能,但是arguments不一定是数组 解决方案:使用Array.prototype.slice()方法,然后用call()函数将arguments参数转换到一个数组中原创 2017-08-18 15:28:58 · 373 阅读 · 0 评论 -
使用缓存计算来提高应用程序的性能
问题:想要通过建设重复负责的和CPU消耗大的计算的需求来优化JavaScript应用程序 解决方案:使用缓存保存中间值原创 2017-08-18 15:29:36 · 348 阅读 · 0 评论 -
提供一个默认参数
问题:在调用函数的时候,如果没有给定参数的值,需要指定一个默认参数原创 2017-08-18 15:31:00 · 191 阅读 · 0 评论 -
保持对象成员私有
原型扩展通过以新的属性和方法来扩展一个已有的对象来进行,而不是通过类继承来扩展。 基于原型继承的优点:不必先创建类,然后再创建应用程序,开发者可以关原创 2017-08-18 20:21:19 · 171 阅读 · 0 评论 -
继承一个对象的功能
问题:当创建一个对象类型时,想要从已有的对象继承功能 解决方案:使用Object.create()方法原创 2017-08-18 20:22:27 · 293 阅读 · 0 评论 -
通过定义一个新的属性来扩展对象
问题:想要容易的给一个对象添加一个新的属性,但是又想要以能够更多地控制此过程的方式来完成。 解决方案:使用 defineProperty()方法来添加该属性原创 2017-08-18 20:23:03 · 237 阅读 · 0 评论 -
阻止对象可扩展性
问题:想要阻止对象扩展一个对象 解决方案:使用 Object.preventExtensions()方法原创 2017-08-18 20:23:45 · 268 阅读 · 0 评论 -
将对象方法链化
问题:想要以链化的方式调用方法例如:document.getElementById(“elem”).setAttribute(“class”,”buttondiv”); 解决方案:例如在如下对象中链化TechBook.changeAuthor()方法,在执行所需的任何其他函数之后,必须也返回该对象。原创 2017-08-18 20:24:29 · 223 阅读 · 0 评论 -
访问一个给定的元素找到其元素和子元素
问题:想要访问一个特定的文档元素,并且找到其父元素和子元素 解决方案:给元素一个唯一的标识符原创 2017-08-19 20:34:11 · 265 阅读 · 0 评论 -
设置元素的CSS样式属性
问题:想要修改在一个特定的Web页面元素上添加或替换一个样式设置。 解决方案:通过元素的style属性来修改:elem.style.backgroundColor = "red"如果修改单个元素的一个或多个CSS属性,可以使用元素的setAttribute()方法原创 2017-08-19 20:35:40 · 947 阅读 · 0 评论 -
从HTML表格删除行
问题:想要从一个HTML表格删除行解决方案:可以在一个HTML表格行上使用removeChild()方法,并且所有的子元素都将被删除。原创 2017-08-19 20:40:00 · 1481 阅读 · 0 评论 -
添加一个页面覆盖
问题:要覆盖Web页面以显示一条消息,一张照片或者一个表单 解决方案:为一个div元素提供一个样式表设置,使其大小和位置能够覆盖整个原创 2017-08-19 20:42:26 · 335 阅读 · 0 评论 -
创建可折叠的表单区段
表单的折叠与展开切换原创 2017-08-19 20:44:25 · 1082 阅读 · 0 评论 -
使用定时器以新数据自动更新页面
问题:想要显示来自一个文件的条目,但是该文件会经常更新 解决方案:使用Ajax和一个定时器来周期性地检查文件,获取更新显示。原创 2017-08-23 13:10:06 · 971 阅读 · 0 评论