Node.js如何自动审核团队的代码

2017年02月06日 35 阅读

前言在团队开发中，无论是写前端（js,css,html） ，还是后端 ，我们常常需要解决一个问题：如何统一团队代码风格。 这篇文章主要是使用pre-git , eslint , js-beautify 实现代码风格控制。下面分别介绍这三个工具和使用方式：pre-git该工具能实现git hook的功能，在git的流程中插入一些自定义行为，例如commit之前执行代码检测，如果不通过则报错。eslint代码格式审核工具，可以随意组合配置各种风格，用于组成团队...

javascript和jQuery实现网页实时聊天的ajax长轮询

2017年02月06日 39 阅读

介绍大家都知道，HTTP协议是一个属于应用层的面向对象的协议，HTTP 协议一共有五大特点：1、支持客户/服务器模式;2、简单快速;3、灵活;4、无连接;5、无状态。所以一次的请求都是一个单独的事件，和前后都没有联系。所以我们在解决网页实时聊天时就遇到一个问题，如何保证与服务器的长时间联系，从而源源不段地获取信息。一直以来的方式无非有这么几种：1、长连接，即服务器端不断开联系，PHP服务器端用ob系列函数来不停的读取输出，但是相当耗费服务器资源。2、Fla...

JS for循环中i++ 和 ++i的区别介绍

2017年02月06日 36 阅读

平时都是这样写的for循环，for（var i = 0; i < 20 ; i++）{ .... }但我看有的人这样写for （var i = 0; i < 20 ; ++i） {....}这样会对for循环有什么影响？1.在for里好像没啥区别...但是用在赋值的时候, 就有区别了...var a = 1;var b = a++;var c = 1;var d = ++c;console.log（b,d）; // 1, 2 a++ 是先应用a...

jQuery新窗口打开外链接

2017年02月06日 33 阅读

对于外链，为了留住用户在本站，我们通常会使用新窗口打开，你可以设置target="_blank"。然而手动一个是麻烦，另一个则是有可能会遗漏，本文通过jQuery查询要点击的链接，添加相关属性，使其打开新窗口。$（document）.on（"click","a",function（）{var url = this.href,hash="";if（url.indexOf（"#"）>-1）{hash = ！！url.split（"#"）[1] ?...

浅谈DOCTYPE对$（window）.height（）取值的影响

2017年02月06日 32 阅读

前言:公司项目需要用到一个弹框垂直居中，网上类似的垂直居中弹出层大同小异，因为项目是基于Jquery 下的，所以用$（window）.height（）-layer.height（））/2 +$（document）.scrollTop（）取得垂直的位移。测了各种浏览器没问题，后台人员移值到项目中后，出问题了，当页面超出一屏时，在 chrome和FF下，弹出框不是在当前屏的垂直居中，而是相对于整个网页的居中。查阅各方资料，所有结论都指出：1.窗口高度，$（wi...

picLazyLoad 实现图片延时加载（包含背景图片）

2017年02月06日 32 阅读

如下所示：/** * picLazyLoad 图片延时加载，包含背景图片 * $（img）.picLazyLoad（{...}） * data-original 预加载图片地址 * alon */;（function（$）{$.fn.imgLazyLoad = function（settings）{var $this = $（this）,_winScrollTop = 0,_winHeight = $（window）.height（）;settings =...

jQuery的ajax下载blob文件

2017年02月06日 34 阅读

乍一听有点蒙，之前用ng和react时也写过类似的功能，但是很顺利（所以忘记具体细节了）。jquery为啥会不行呢？看了一下具体场景，发现原来jq的ajax回调已经把response的数据傻瓜式的以字符串的方式解析了。查了一下gg，发现国内的解决方案就是在该场景下不实用jq，而是自己手动创建XMLHttpRequest。虽然这个方法很可靠，但之前封装的jq的ajax就不能使用了。查了查jq的文档，本打算自己根据jq提供的jQuery.ajaxSetup（）...

完美JQuery图片切换效果的简单实现

2017年02月06日 35 阅读

效果如下：css：body { font-family:"Microsoft Yahei"; }body,ul,li,img,h3,dl,dd,dt,h1{margin:0px;padding:0px;list-style:none;}img{vertical-align: top;}/***大图切换***/.scroll_view{margin: 0px auto;overflow:hidden;position: relative;}.photo_vi...

JavaScript 数组- Array的方法总结（推荐）

2017年02月06日 33 阅读

JavaScript中的Array类型是经常用到的，Array类型也提供了很多方法能实现我们需求，下面我们来总结一下一、创建Array的方法var colors=new Array（）;var colors=new Array（3）;//创建一个长度为3的数组var colors=new Array（"red","blue"）//创建一个数组["red","blue"]当然，上面的new可以省略不写，如 var colors=Array（"red"）;2、...

jQuery表单验证插件解析（推荐）

2017年02月06日 32 阅读

一：插件（1） Validform_v5.3.1_min.js Validform_Datatype.js（2）网址：http://validform.rjboy.cn 在这个网站上有demo和插件下载链接。二：普通验证（1）Validform_Datatype.js/*Validform datatype extensionBy sean during December 8, 2012 - February 20, 2013For more info...

AngularJs基本特性解析（一）

2017年02月06日 31 阅读

现在的前端项目中基本上都会用到angularjs框架，之前并不了解这个框架，也是因为最近接手的项目，所以打算好好的学习下它。之前都是搞pc端，现在接手的是移动端的项目，移动端UI框架用的是ionic＋vordova，没有用bootstrap，主要做的是ios+安卓的app界面，ionic这个框架也不太了解，也需要花时间好好熟悉下。angularjs学习小白一枚，欢迎大神指正。AngularJs是什么？简单来说，即javascript的一个框架，通过scri...

如何用JS判断两个数字的大小

2017年02月06日 37 阅读

前言：在判断之前我们要先知道，js中的var定义的变量默认是字符串，如果单纯的比较字符串的话，会出现错误，需要先转化为int类型在做比较。【备注：110和18在你写的程序中是18大的，因为 这两个数都是字符串，而1和1相等之后比较1和8，当然是8大，所以18大。你在比较之前转换成INT型在比 。 if（parseInt（num2）>parseInt（num1）） 】错误实例：<script>function check（）{var num...

javascript实现滚动效果的数字时钟实例

2017年02月06日 35 阅读

网上关于javascript实现数字时钟效果的实例很多，但是本文给大家介绍的是滚动效果的数字时钟。小编觉得效果很炫，下面分享给大家。先来看看很炫的效果下面是代码实例javascript代码部分：window.onload=function（）{function toDou（n）{return n<10?"0"+n:""+n;}var oImg=document.getElementsByTagName（"img"）;setInterval（c...

jQuery实现鼠标经过购物车出现下拉框代码（推荐）

2017年02月06日 32 阅读

这一段时间在学习web前端，最近学了jQuery库,深感其强大，下面通过写购物车的下拉框做法，把自己的理解和大家交流一下，欢迎各位大神指点指正，废话不多说，开始正题： 购物车html:<！-- 购物车 start --><div class="shopping" id="shopping-box"><a href="" id="shoptext"><i class="iconfont">&l...

Javascript字符串常用方法详解

2017年02月06日 29 阅读

字符串字符串就是一个或多个排列在一起的字符，放在单引号或双引号之中。"abc""abc"length属性js里的字符串类似于数组，都是一个一个字符拼凑在一起组成的，因此可以用length属性取得字符串的长度var str = "hello"str.length; // 5字符串常用的一些方法1. charAt（）str.charAt（n）＝> 返回字符串的第 n 个字符，如果不在 0~str.length-1之间，则返回一个空字符串。var str ...

jQuery 更改checkbox的状态,无效的解决方法

2017年02月06日 33 阅读

今天写页面遇到复选框动态全选或全不选问题，正常写法如下：$（"#tb"）.find（"input[type="checkbox"]"）.attr（"checked","checked"）;but！第一次点击全选按钮input显示对勾，第二次就不行了，查了下有建议用prop的，亲测有效。那两者有啥区别呢？jQuery函数attr（）和prop（）的区别：1、操作对象不同“attr”和“prop”分别是单词“attribute”和“property”的缩写，并...

原生JS实现风箱式demo,并封装了一个运动框架（实例代码）

2017年02月06日 33 阅读

声明，该DEMO依托于某个培训机构中，非常感谢这个培训结构。话不多说，现在开始改demo的制作。首先，在前端的学习过程中，轮播图是我们一定要学习的，所以为了更加高效的实现各种轮播图，封装了一个运动的框架。function getStyle（obj,attr） {if（obj.currentStyle）{return obj.currentStyle[attr];//为了获取IE下的属性值}else{return window.getComputedStyl...

使用do...while的方法输入一个月中所有的周日（实例代码）

2017年02月06日 34 阅读

使用do...while的方法输入一个月中所有的周日（实例代码）do{var date = Number（prompt（"请输入一个月的总天数"））;var start = （prompt（"请输入一个月的一号是周几"））;for（var i=0;i<date;i++）{if（（start+1）%7===0）{console.log（i+"号是周日"）}}console.log（"查询完毕"）;}while（"yes"===prompt（"您还继续查...

JS结合bootstrap实现基本的增删改查功能

2017年02月06日 33 阅读

提出问题：如何利用原生的js实现基本的增删改查功能？？？解决问题假如你已经对JS有一定基础假如你对bootstrap有一定基础下面是具体的例子，包含两个文件（index.jsp 和 index.js）<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%> <！DOCTYPE html PUBLIC "-//W3C//DTD ...

41个Web开发者必须收藏的JavaScript实用技巧

2017年02月06日 36 阅读

Web开发者必须收藏的JavaScript实用技巧，供大家参考，具体内容如下1. 将彻底屏蔽鼠标右键oncontextmenu=”window.event.returnValue=false”< table border oncontextmenu=return（false）>< td>no< /table> 可用于 Table2. 取消选取、防止复制< body onselectstart=”return fal...