Welcome 微信登录

首页 / 脚本样式 / JavaScript

NPM 安装cordova时警告:npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to

NPM 安装cordova时警告:npm WARN deprecated minimatch@2.0.10: Please update to minimatch 3.0.2 or higher to

前言:NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:允许用户从NPM服务器下载别人编写的第三方包到本地使用。允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。NPM 安装cordova时警告:npm WARN deprecated minimatch@2.0.10: Please update to minimat...
用jQuery.ajaxSetup实现对请求和响应数据的过滤

用jQuery.ajaxSetup实现对请求和响应数据的过滤

不知道同学们在做项目的过程中有没有相同的经历呢?在使用 ajax 的时候,需要对请求参数和响应数据进行过滤处理,比如你们觉得就让请求参数和响应信息就这么赤裸裸的在互联网里来回的穿梭,比如这样:要知道,在浩瀚的互联网中,所有的信息都是不安全的,万一有人偷窥我们怎么办?!万一被别人看见了我们的美体,偷窥到了我们的私处,然后以此威胁我们,岂不是太难堪了不是?这时,你或许会想给请求数据和响应数据加密,就相当于给我们的数据穿上了一层衣服。于是我们这样:是不是美美哒,...
详解js中Number()、parseInt()和parseFloat()的区别

详解js中Number()、parseInt()和parseFloat()的区别

一:Number()如果是Boolean值,true和false值将分别被转换为1和0。如果是数字值,只是简单的传入和返回。如果是null值,返回0。如果是undefined,返回NaN。如果是字符串: a. 如果字符串中只包含数字时,将其转换为十进制数值,忽略前导0 b. 如果字符串中包含有效浮点格式,如“1.1”,将其转换为对应的浮点数字,忽略前导0 c. 如果字符串中包含有效的十六进制格式,如“0xf”,将其转换为相同大小的十进制数值 d. 如果字符...
自学实现angularjs依赖注入

自学实现angularjs依赖注入

在用angular依赖注入时,感觉很好用,他的出现是 为了“削减计算机程序的耦合问题” ,我怀着敬畏与好奇的心情,轻轻的走进了angular源码,看看他到底是怎么实现的,我也想写个这么牛逼的功能。于是就模仿着写了一个,如果有什么不对,请大家批评指正。 其实刚开始的时候我也不知道怎么下手,源码中有些确实晦涩难懂,到现在我也没有看明白,于是我就静下心想一想,他是怎么用的,如下所示:angular.module(/*省略*/) .factory("xxxSer...
JS实现淡入淡出图片效果的方法分析

JS实现淡入淡出图片效果的方法分析

本文实例讲述了JS实现淡入淡出图片效果的方法。分享给大家供大家参考,具体如下:效果:鼠标移入时,图片由半透明逐渐变成清晰,移出时,由清晰变为半透明分析:用变量来储存透明度,因为元素.style.alpha不能直接增加或减少核心代码:window.onload=function(){var oDiv=document.getElementById("div1");var timer=null;var alpha=30;oDiv.onmouseover=fun...
JS实现Ajax的方法分析

JS实现Ajax的方法分析

本文实例分析了JS实现Ajax的方法。分享给大家供大家参考,具体如下:一、什么是Ajax不刷新的情况下读取数据或提交数据(最早出现ajax:谷歌地图,拖动一下出现一片新的视野)应用:用户注册、在线聊天、微博特性:只能从服务器上去读取数据(所以我们需要配置自己的服务器程序AMP)二、使用Ajax1.基础:请求并显示静态TXT文件btn.onclick=function(){ajax("abc.txt",function(str){alert(str);});...
JS实现拖拽的方法分析

JS实现拖拽的方法分析

本文实例分析了JS实现拖拽的方法。分享给大家供大家参考,具体如下:分析:1.鼠标按下,拖拽开始,鼠标移动,拖拽进行,鼠标抬起,拖拽结束(三个事件)2.被拖动元素与鼠标之间的位置在拖动过程中始终不变,利用这个原理,被拖动元素的位置就是鼠标的左(上)边距-鼠标与被拖动元素之间的距离注意:onmousemove应该是在onmousedown发生时进行,不然不需要点击也能拖动了。用户可能会将拖动层脱出窗口外。核心代码:window.onload=function(...
jquery+html仿翻页相册功能

jquery+html仿翻页相册功能

今天心情大好,再发一篇最进前端实现的相册模仿功能。这个相册是在一个网站的案例展示页面上实现的,没单独写出来,没时间,重用性也很差,以后有时间了再单独提取出来,写这个玩意前,我在网上找了一些案例,但是一看代码都比较傻眼,固不想去研究,所以自己写了.....下面是实现这个功能的截图如果你是一个前端,这个功能对你来说除了逻辑复杂点,其他的可能实现起都比较简单,我不是做前端的,所以前端HTML这块遇到了一些问题。下面我会将我遇到的这些问题的解决方法分享出来。首先说...
bootstrap多种样式进度条展示

bootstrap多种样式进度条展示

为大家分享了多种多样的bootstrap进度条样式,供大家参考,具体内容如下1、默认的进度条添加一个带有class .progress 的div,在其内添加一个带有 class .progress-bar 的空div,为空div添加一个以百分比表示的style属性,如 style="60%"表示进度条在60%的位置。2、不同样式的进度条添加一个带有class .progress 的div,在其内添加一个带有class .progress-bar 和clas...
BootStrapTable服务器分页实例解析

BootStrapTable服务器分页实例解析

项目中经常会使用到表格,数据量大的时候还需要进行分页,项目设计阶段,我选择了bootstrapTable的js插件,个人觉得这个框架非常好用,支持服务器端分页,此篇主要写的主要是关于服务器分页。之前遇到的问题时服务器分页,在服务器端接收的参数为null。查了资料发现少了参数主要引入js<script type="text/javascript" src="<%=path%>/plugins/bootstrap-table/bootstra...
浅谈Angular的$q, defer, promise

浅谈Angular的$q, defer, promise

1. $q$q是Angular的一种内置服务,它可以使你异步地执行函数,并且当函数执行完成时它允许你使用函数的返回值(或异常)。2. deferdefer的字面意思是延迟,$q.defer() 可以创建一个deferred实例(延迟对象实例)。deferred 实例旨在暴露派生的Promise 实例,以及被用来作为成功完成或未成功完成的信号API,以及当前任务的状态。这听起来好复杂的样子,总结$q, defer, promise三者之间的关系如下所示。va...
详解Vue.js动态绑定class

详解Vue.js动态绑定class

Vue.js 的核心是一个响应的数据绑定系统,它允许我们在普通 HTML 模板中使用特殊的语法将 DOM “绑定”到底层数据。被绑定的DOM 将与数据保持同步,每当数据有改动,相应的DOM视图也会更新。基于这种特性,通过vue.js动态绑定class就变得非常简单。1. 数据绑定vue 指令以 v- 前缀标示,数据绑定的指令 v-bind:属性名, 简写为 :属性名, 简单的数据绑定例子如下:<a v-bind:href="http://www.cn...
详解前端自动化工具gulp自动添加版本号

详解前端自动化工具gulp自动添加版本号

之前,我介绍了学习安装并配置前端自动化工具Gulp,觉得gulp确实比grunt的配置简单很多,于是我决定再深入学习一下gulp,就去网上查了资料,发现gulp还可以自动添加版本号,这个功能就为我平时在更新css或js时老是在客户端存在缓存导致更新后的效果无法实时展现的苦恼。所以就赶紧去试了一下,果真可以,很高兴啊,真是为项目开发,为效果的快速展现提供了很多的便利。实现原理:1、修改js和css文件;2、通过对js,css文件内容进行hash运算,生成一个...
详解JavaScript时间处理之几个月前或几个月后的指定日期

详解JavaScript时间处理之几个月前或几个月后的指定日期

在平常项目开发过程中,经常会遇到需要在JavaScript中处理时间的情况,无非两种(1,逻辑处理 2,格式转换处理)。当然要说相关技术博,园子里闭着眼睛都能抓一把,但是我要做的是:既然有幸被我碰到了,就要尽可能的分析转化为自己最适合自己的东西,成为自己知识库的一部分;同时希望能帮助有需要的同学解决遇到的相关小问题。时间逻辑处理此类型常用需求为:推算几个月后(前)的今天的日期。/** *获取几个月前的输入日期 *{param:DateTime} date ...
<< 51 52 53 54 55 56 57 58 59 60 >>