Welcome

首页 / 脚本样式 / JavaScript

详解js中Number（）、parseInt（）和parseFloat（）的区别

2017-02-06 49
一：Number（）如果是Boolean值，true和false值将分别被转换为1和0。如果是数字值，只是简单的传入和返回。如果是null值，返回0。如果是undefined，返回NaN。如果是字符串： a. 如果字符串中只包含数字时，将其转换为十进制数值，忽略前导0 b. 如果字符串中包含有效浮点格式，如“1.1”，将其转换为对应的浮点数字，忽略前导0 c. 如果字符串中包含有效的十六进制格式，如“0xf”，将其转换为相同大小的十进制数值 d. 如果字符...

JS多物体实现缓冲运动效果示例

2017-02-06 21
本文实例讲述了JS多物体实现缓冲运动效果的方法。分享给大家供大家参考，具体如下：<！DOCTYPE HTML><html><head> <meta http-equiv="content-type" charset="utf-8" /><meta http-equiv="content-type" content="text/html" /><title>demo</title&...

自学实现angularjs依赖注入

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

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

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

JS实现Ajax的方法分析

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

JS实现拖拽的方法分析

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

jquery+html仿翻页相册功能

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

常用JS图片滚动（无缝、平滑、上下左右滚动）代码大全（推荐）

2017-02-06 30
废话不多说了，直接给大家贴代码了，具体代码如下所示：<head> <-----> </head> <body> <！--向下滚动代码开始--> <div id="colee" style="overflow:hidden;height:253px;width:410px;"> <div id="colee1"> <p><img src=""><...

JS封装通过className获取元素的函数示例

2017-02-06 19
本文实例讲述了JS封装通过className获取元素的函数。分享给大家供大家参考，具体如下：<div id="box"><div class="star"></div><div class="star"></div><div class="app"></div><p class="star"></p><p class="ar"></...

bootstrap多种样式进度条展示

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

bootstrap实现每隔5秒自动轮播效果

2017-02-06 21
本文实例为大家分享了bootstrap轮播的具体代码，供大家参考，具体内容如下<！DOCTYPE html> <html><head> <title>轮播</title> <link rel="stylesheet" href="https://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"> <...

BootStrapTable服务器分页实例解析

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

浅谈Angular的$q, defer, promise

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

详解Vue.js动态绑定class

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

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

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

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

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

bootstrap实现图片自动轮播

2017-02-06 21
bootstrap图片自动轮播效果图：代码实现：<！DOCTYPE html><html lang="zh-CN"><head> <link rel="stylesheet" href="bootstrap.min.css" /> <link rel="stylesheet" href="bootstrap-theme.min.css" /> <script src="jquery.min....

获取JavaScript异步函数的返回值

2017-02-06 23
今天研究一个小问题： 怎么拿到JavaScript异步函数的返回值？1.错误尝试当年未入行时，我的最初尝试：<script>function getSomething（） { var r = 0; setTimeout（function（） { r = 2; }, 10）; return r;}function compute（） { var x = getSomething（）; alert（x * 2）;}compute（）;</sc...

简单实现Bootstrap标签页

2017-02-06 20
本文实例为大家分享了Bootstrap标签页的具体实现代码，供大家参考，具体内容如下HTML代码：<div id="tabs"><ul class="nav nav-tabs"> <li class="active"><a href="#item1" data-toggle="tab">项目一</a></li> <li><a href="#item2" data-to...

Bootstrap Search Suggest使用例子

2017-02-06 28
Bootstrap Search Suggest 官方说明文档如下:suggest说明文档由于该文档没有详细说明怎么运用到实际的项目中,特别是怎么将数据库中的值显示到页面上,所以我再运用到项目中,遇到了很多的坑,为了大家更好使用该插件,也为了自己总结下所遇到的坑,特总结如下一、项目框架1.后台:spring+springmvc+mybatis2.前台: bootstrap+jQuery+ajax3.项目管理:maven二、前台代码1.html代码<d...
<< 51 52 53 54 55 56 57 58 59 60 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图