JS
文章平均质量分 67
kewen303
这个作者很懒,什么都没留下…
展开
-
使用QUnit对JS进行单元测试
使用QUnit建立一个测试页面,引入qunit.js和qunit.css这两个必需的文件,这两个文件是存放在github上的,鉴于目前操蛋的互联网环境,最好下载到本地调用。注:body中的元素id命名必须依照如下形式,否则无法正常显示。首先搞个测试结果显示页面: QUnit Test!!!! "./Unde原创 2015-07-13 09:49:49 · 927 阅读 · 0 评论 -
WebStorm集成Mocha + Chai进行js单元测试
介绍Mocha(发音"摩卡")诞生于2011年,是现在最流行的JavaScript测试框架之一,在浏览器和Node环境都可以使用。所谓"测试框架",就是运行测试的工具。通过它,可以为JavaScript应用添加测试,从而保证代码的质量。准备工作1.首先需要安装Node.JS2.npm安装mocha模块 $ npm install --global mocha原创 2017-08-08 00:30:31 · 2564 阅读 · 0 评论 -
锋利的jQuery读书笔记-第6章 jQuery与Ajax的应用
Ajax的全称为: Asynchronous JavaScript and XML (异步JavaScript和XML)一、Ajax的优势与不足优势:1.不需要任何插件支持2.优秀的客户体验:不需要刷新就可以获取到新的数据3.提高web程序的性能:传统模式中的表单Form提交变更为XHR(XMLHttpRequest)对象提交,即按需提交4.减轻了服务器和带宽的压力不足原创 2017-06-07 23:26:04 · 465 阅读 · 0 评论 -
锋利的jQuery读书笔记-第5章 jQuery对表单、表格的操作及更多应用
一、表单应用1.一个表单有3个基本组成部分:表单标签、表单域和表单按钮2.单行文本框,为文本框添加获取和拾取焦点事件: $(function(){ $(":input").focus(function(){ $(this).addClass("focus"); }).blur(function(){ $(this).removeClass("focus");原创 2017-06-01 23:39:58 · 361 阅读 · 0 评论 -
锋利的jQuery读书笔记-第3章 jQuery中的DOM操作
DOM是 Document Object Model的缩写,意思是问的那个对象模型。一、DOM操作的分类1、DOM Core:用于处理网页和标记性语言编写出来的文档。 JS中的getElementById()、getAttribute()等方法都属于DOM Core的组成部分。2、HTML-DOM:提供记号来描述HTML元素,例如:document.forms原创 2016-12-16 15:24:28 · 427 阅读 · 0 评论 -
锋利的jQuery读书笔记-第2章 jQuery选择器
一、jQuery选择器是什么1.jQuery选择器完全集成CSS的风格,主要用于快速和便捷的找出页面特定的DOM元素,然后为之添加行为。选择器是jQuery的基础,所有的行为都是在选定元素后进行的。2.HTML代码与CSS代码分离是一种很好的编码习惯,分离之后不仅便于阅读和维护,在进行修改时也十分方便。3.CSS选择器与jQuery选择器一样都是为了找到特定的DOM元素原创 2016-12-15 22:11:18 · 459 阅读 · 0 评论 -
锋利的jQuery读书笔记-第1章 认识jQuery
一. 、关于JavaScript1. JavaScript是Netscape公司开发的一种脚本语言,它使得网页可以包含更多的元素,并且更加丰富精彩。2. JS自身存在3个弊端:1.复杂的文档对象模型(DOM);2.浏览器实现不一致;3.缺乏调试工具。3. 由于Ajax(Asynchronous JavaScript And XML,异步的JS和XML)的诞生,JS才真正原创 2016-12-12 22:19:38 · 518 阅读 · 0 评论 -
JS异步处理 setTimeout / setInterval 比较
一般来说JS异步处理主要有两种: setTimeout 和 setInterval 如果只需要延时执行一次XXX事件,那么一般采用setTimeout setTimeout(function(){alert("kewen nihao!")}, 2000);很容易明白就是延时2秒,执行方法体里面的代码。 但是如果需要根据某个条件循环执行,那么就必须使用setInte原创 2015-08-06 15:49:45 · 2415 阅读 · 0 评论 -
记一个IE浏览器兼容模式与IE文档模式不一致的问题
今天遇到一个IE兼容的奇葩问题,浏览器兼容模式原创 2014-09-17 12:31:25 · 3023 阅读 · 1 评论 -
window.onresize 事件笔记
1.浏览器尺寸变化响应事件 : window.onresize = function(){....}这里需要注意的是,onresize响应事件处理中,获取到的页面尺寸参数是变更后的参数。// 获取到的是变更后的页面宽度var currentWidth = document.body.clientWidth; 如果需要使用到变更之前的参数,需要建一个全局变量保存原创 2015-07-01 10:34:55 · 23476 阅读 · 0 评论 -
使用jquery-mockjax模拟ajax请求做前台测试
一般来说,我们做web开发的时候前后台是分开做的,这样带来的好处是前台的开发人员可以安心的写前台代码而后台的小伙伴就安心研究后台就OK了。但是这样带来一个问题,当后台的小伙伴被天灾军团带走了,那前台需要依赖后台服务的代码怎么办呢? 方法是有的: 寻求近卫军团帮忙近卫军团有很多选手,今天要说的是 jQueryMock 这位。 mockjax官方地址:https://github原创 2015-07-09 09:46:21 · 3923 阅读 · 0 评论 -
JS控制在textarea中换行
好久没记东西了,今天遇到个小问题折腾了好一会,记录一下。如何在前台JS代码中控制文字内容在Textarea中换行: var result = ""; for ( var int = 0; int < resultData.length; int++) { result += resultData[int].name+ resultData[int].result+原创 2014-12-01 20:09:33 · 22891 阅读 · 0 评论 -
纯JS获取鼠标位置 和 jQuery获取鼠标位置对比
首先上 $(".workflow_sturcture").click(function(event) { workflowId = event.target.id; // 取值当前worklfowID var xx = event.pageX; var yy = event.pageY; openMenu(xx,yy); return false; });原创 2014-07-30 10:18:54 · 5686 阅读 · 0 评论 -
JavaScript 代码检查工具对比
JavaScript代码校验工具能够让你在写代码时避免一些低级的错误。尽管我有很多年的开发经验,我仍然会犯一些语法错误并且忘记处理我的错误。一个好的校验工具或者格式化工具,可以让我避免这些错误,以免浪费我的时间(甚至是我客户的时间)。一个好的校验工具还能确保一个项目保持一个固定的代码风格。有很多关于JavaScript的校验工具,你怎样选择其中的某一个呢?让我们一起来看看它们有什么样的特性转载 2017-07-28 23:30:30 · 3114 阅读 · 0 评论