文章列表

bootstrap多种样式进度条展示

查看详情

为大家分享了多种多样的bootstrap进度条样式,供大家参考,具体内容如下1、默认的进度条添加一个带有class .progress 的div,在其内添加一个带有 class .progress-bar 的空div,为空div添加一个以百分比表示的style属性,如 style="60%"表示进度条在...

分类: JavaScript技术 标签:

BootStrapTable服务器分页实例解析

查看详情

项目中经常会使用到表格,数据量大的时候还需要进行分页,项目设计阶段,我选择了bootstrapTable的js插件,个人觉得这个框架非常好用,支持服务器端分页,此篇主要写的主要是关于服务器分页。之前遇到的问题时服务器分页,在服务器端接收的参数为null。查了资料发现少了参数主要引入js $('#boo...

分类: JavaScript技术 标签:

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

查看详情

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

分类: JavaScript技术 标签:

JS实现拖拽的方法分析

查看详情

本文实例分析了JS实现拖拽的方法。分享给大家供大家参考,具体如下:分析:1.鼠标按下,拖拽开始,鼠标移动,拖拽进行,鼠标抬起,拖拽结束(三个事件)2.被拖动元素与鼠标之间的位置在拖动过程中始终不变,利用这个原理,被拖动元素的位置就是鼠标的左(上)边距-鼠标与被拖动元素之间的距离注意:onmousemov...

分类: JavaScript技术 标签:

jquery+html仿翻页相册功能

查看详情

今天心情大好,再发一篇最进前端实现的相册模仿功能。这个相册是在一个网站的案例展示页面上实现的,没单独写出来,没时间,重用性也很差,以后有时间了再单独提取出来,写这个玩意前,我在网上找了一些案例,但是一看代码都比较傻眼,固不想去研究,所以自己写了..... 下面是实现这个功能的截图如果你是一个前端,这个功...

分类: JavaScript技术 标签:

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

查看详情

本文实例为大家分享了bootstrap轮播的具体代码,供大家参考,具体内容如下 轮播 #circleContent{ width:150px; height:150px; } $(document...

分类: JavaScript技术 标签:

浅谈Angular的$q, defer, promise

查看详情

1. $q$q是Angular的一种内置服务,它可以使你异步地执行函数,并且当函数执行完成时它允许你使用函数的返回值(或异常)。2. deferdefer的字面意思是延迟,$q.defer() 可以创建一个deferred实例(延迟对象实例)。deferred 实例旨在暴露派生的Promise 实例,以...

分类: JavaScript技术 标签:

详解Vue.js动态绑定class

查看详情

Vue.js 的核心是一个响应的数据绑定系统,它允许我们在普通 HTML 模板中使用特殊的语法将 DOM “绑定”到底层数据。被绑定的DOM 将与数据保持同步,每当数据有改动,相应的DOM视图也会更新。基于这种特性,通过vue.js动态绑定class就变得非常简单。1. 数据绑定vue 指令以 v- 前...

分类: JavaScript技术 标签:

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

查看详情

之前,我介绍了学习安装并配置前端自动化工具Gulp,觉得gulp确实比grunt的配置简单很多,于是我决定再深入学习一下gulp,就去网上查了资料,发现gulp还可以自动添加版本号,这个功能就为我平时在更新css或js时老是在客户端存在缓存导致更新后的效果无法实时展现的苦恼。所以就赶紧去试了一下,果真可...

分类: JavaScript技术 标签:

Jquery Easyui进度条组件Progress使用详解(8)

查看详情

本文实例为大家分享了Jquery Easyui进度条组件的实现代码,供大家参考,具体内容如下加载方式Class加载 JS调用加载 $(function () { $('#box').progressbar({ // 设置进度条宽度 width : '200', //...

分类: JavaScript技术 标签:

详解Jquery的事件操作和文档操作

查看详情

对于熟悉前端开发的小伙伴,相信对于Jquery一定不陌生,相对于JavaScript的繁琐,Jquery更加的简洁,当然简洁不意味着简单,我们可以使用Jquery完成我们想要实现全部功能,这里为小白们分享一下关于Jquery的事件和文档操作,便于小白们快速上手。一、事件操作: Jquery事件操...

分类: JavaScript技术 标签:

JavaScript正则表达式校验非正整数实例

查看详情

话不多说,跟小编一起来看看吧 function validation() { var val = document.getElementById("txtNumber").value; var regu = /^((-\d+)|(0+))$/; if (val != "") { i...

分类: JavaScript技术 标签:

JavaScript正则表达式校验非负整数实例

查看详情

话不多说,请看代码 function validation() { var val = document.getElementById("txtNumber").value; var regu = /^\d+$/; //var regu = /...

分类: JavaScript技术 标签:

JavaScript正则表达式校验非零的负整数实例

查看详情

话不多说,请看实例代码: function validation() { var val = document.getElementById("txtNumber").value; var regu = /^-[1-9]\d*$/; if (val !=...

分类: JavaScript技术 标签:

JavaScript正则表达式校验非零的正整数实例

查看详情

话不多说,请看实例代码 function validation() { var val = document.getElementById("txtNumber").value; var regu = /^[1-9]\d*$/; //var r...

分类: JavaScript技术 标签:

9 个用于移动APP开发的顶级 JavaScript 框架 

查看详情

本文由码农网 – 小峰原创翻译,转载请看清文末的转载要求,欢迎参与我们的付费投稿计划! 从技术上讲,iOS、Android和Windows Phone上的移动app使用了不同的编程语言进行编码。iOS app使用Objective-C,Android app使用Java,而Windows Phon...

分类: JavaScript技术 标签:

JS双击变input框批量修改内容

查看详情

双击空白或者文字变成input框修改内容:html代码{$vo.intro} {$vo.address}js代码//双击修改 function ShowElement(element,abc){ // console.log(abc); var list = abc; var me = eleme...

分类: JavaScript技术 标签:

实例分析浏览器中“JavaScript解析器”的工作原理

查看详情

浏览器在读取HTML文件的时候,只有当遇到标签的时候,才会唤醒所谓的“JavaScript解析器”开始工作。JavaScript解析器工作步骤:1、“找一些东西”: var、 function、 参数;(也被称之为预解析)备注:如果遇到重名分为以下两种情况: 遇到变量和函数重名了,只留下函数 遇到函...

分类: JavaScript技术 标签:

深入理解javascript中concat方法

查看详情

最近在恶补js知识的时候,总是会因为js强大的语法而感到震撼。因为以前对前端方面的疏忽,导致了一些理解的错误。因此痛改前非,下定决心,不管做什么事情,都要有专研的精神。在介绍前,抛出一个问题:如何将多个数组合并为一个数组?以下的分享会分为如下小节:1.concat方法的基础介绍2.从实例中感受conca...

分类: JavaScript技术 标签:

微信小程序开发之圆形菜单 仿建行圆形菜单实例

查看详情

建行APP首页有个圆形菜单.仿了个玩具出来. 功能介绍: 1.一个圆形背景.六个item菜单.中间是微信用户的头像; 2.触摸滚动.速度较小时,随手指滚动,手指抬起,滚动停止;速度较大时,随手指滚动,手指抬起,还会自动滚动一段时间; 上一张真机截图: 上代码: 1.index.jsvar app = ...

分类: JavaScript技术 标签:
共 1131 条记录 1... 23456789101112 46