随笔分类 -  Javascript/jQuery

摘要:上一篇文中,我们学习了什么是JWT(Json Web Token),今天我们来结合实例给大家讲述JWT的实战应用,就是如何使用前端Axios与后端PHP实现用户登录鉴权认证的过程。 查看演示 下载源码 文中涉及的重要知识点有: axios异步请求:axios-基于Promise的HTTP请求客户端 阅读全文
posted @ 2018-03-21 12:46 月光光博客 阅读(5165) 评论(0) 推荐(0) 编辑
摘要:1、超酷的jQuery日期拾取器这是 一款基于jQuery的日期拾取器,它体积小,可以自由定制。支持日期范围选取,最小最大日期选取,自己定义日期格式,多个选项设置以及事件和函数调用。它能很好的运行在IE 10+, Chrome, Firefox, Safari 8+, Opera 17+。2、Rom... 阅读全文
posted @ 2015-12-31 22:06 月光光博客 阅读(646) 评论(0) 推荐(0) 编辑
摘要:1、使用CSS3和jQuery制作的水平时间轴这是一个可以在PC和移动端表现非常棒的水平时间轴,它由上部水平滑块和下部时间点对应的内容区块,点击时间轴上的时间点,下部内容会滑动到对应的内容区块。使用CSS3和jQuery技术使得时间轴滑块可以左右滑动,非常强大。详情:查看详情2、HTML5+CSS3... 阅读全文
posted @ 2015-12-01 15:34 月光光博客 阅读(3971) 评论(0) 推荐(1) 编辑
摘要:1、UMeditor : jQuery富文本编辑器UMeditor,简称UM,是为满足广大门户网站对于简单发帖框,或者回复框需求所定制的在线富文本编辑器。 UM的主要特点就是容量和加载速度上的改变,主文件的代码量为139k,而且放弃了使用传统的iframe模式,采用了div的加载方式, 以达到更快的... 阅读全文
posted @ 2015-11-27 13:24 月光光博客 阅读(2297) 评论(0) 推荐(0) 编辑
摘要:新产品上线或是改版升级,我们会在用户第一次使用产品时建立一个使用向导,引导用户如何使用产品,如使用演示的方式逐一介绍界面上的功能模块,从而提升了用户体验和产品的亲和力。Helloweba.com之前也有相关文章介绍:《构建一个用于产品介绍的WEB应用》,相信对有需要的朋友有帮助。本文将介绍另一款基于... 阅读全文
posted @ 2015-01-13 14:40 月光光博客 阅读(1583) 评论(0) 推荐(0) 编辑
摘要:我们在网上购物提交订单时,在网页上一般会有一个选择数量的控件,要求买家选择购买商品的件数,开发者会把该控件做成可以通过点击实现加减等微调操作,当然也可以直接输入数字件数。本文将介绍常见的几种使用spinner数字微调器来实现数字加减的功能的方法。左右加减数字像京东提交订单时目前使用的是左右加减数字的... 阅读全文
posted @ 2014-12-14 15:48 月光光博客 阅读(3242) 评论(0) 推荐(0) 编辑
摘要:我们在编辑用户资料时经常会遇到选择生日选项的问题,今天我给大家介绍如何使用js来实现年月日(生日)选择器,能够准确计算闰年的年月日,方便表单处理。HTML生日中的年月日以 年 月 日 加载jQuery库和选择器插件: jQuery我们将选择器封装成jQuyer插件的形式,只需使用以下方式调用即... 阅读全文
posted @ 2014-11-26 15:19 月光光博客 阅读(2395) 评论(0) 推荐(0) 编辑
摘要:除了电影院在线选座,我们还会接触到飞机机舱选座,当然也有汽车票火车票选座的。假如有一天买火车票也提供在线选座,那么今天我来给大家介绍下如何使用jQuery选座插件完成高铁列车座位布置、选座、不同等级座位计价等操作。 点击这里查看演示 HTML 和上一篇文章一样:jQuery在线选座订座(影院篇),我 阅读全文
posted @ 2014-11-19 16:15 月光光博客 阅读(4483) 评论(8) 推荐(5) 编辑
摘要:我们在线购票时(如电影票、车票等)可以自己选座。开发者会在页面上列出座次席位,用户可以一目了然的看到可以选择的座位及支付。本文以电影院购票为例,为您展示如何选座、处理选座数据等。 在这里,我给大家介绍一款基于jQuery的在线选座插件:jQuery Seat Charts,它支持自定义座位类型和价格 阅读全文
posted @ 2014-11-15 17:51 月光光博客 阅读(5977) 评论(8) 推荐(1) 编辑
摘要:页面跳转可能是由于用户单击链接、按钮等触发的,也可能是系统自动产生的。页面自动跳转在WEB开发中经常用到,而且根据需求可以采用不同的跳转方式,比如提示操作信息后延时跳转等, 本文总结了WEB开发中常见的几种页面跳转方法。PHP header()函数跳转PHP的header()函数非常强大,其中在页面... 阅读全文
posted @ 2014-11-13 13:34 月光光博客 阅读(564) 评论(0) 推荐(0) 编辑
摘要:我们在编辑用户资料时经常会遇到选择生日选项的问题,今天我给大家介绍如何使用js来实现年月日(生日)选择器,能够准确计算闰年的年月日,方便表单处理。文章:http://www.helloweba.com/view-blog-263.html演示:http://www.helloweba.com/dem... 阅读全文
posted @ 2014-11-13 13:22 月光光博客 阅读(214) 评论(0) 推荐(0) 编辑
摘要:在电视节目中有一种抽奖形式暂且叫做翻板抽奖,台上有一个墙面,墙面放置几个大方块,主持人或者抽奖者翻开对应的方块即可揭晓中奖结果。类似的抽奖形式还可以应用在WEB中,本文将使用PHP+jQuery为您讲解如何实现翻板抽奖程序。 阅读全文
posted @ 2012-11-01 10:00 月光光博客 阅读(604) 评论(1) 推荐(0) 编辑
摘要:我们在一些WEB应用中可能会遇到这样的情况,用户需要自己现场拍照并上传到会员系统。比如驾校采集指纹拍照流程、考试现场采集照片等。我们今天要讲的是如何使用javascript和PHP实现一个简单的在线拍照并上传的功能。 阅读全文
posted @ 2012-10-22 10:55 月光光博客 阅读(931) 评论(5) 推荐(0) 编辑
摘要:倒计时一般是用来表示未来某一时刻距现在时刻还剩多少时间。倒计时在WEB上应用非常广泛,如考试系统倒计时,团购网站中的优惠活动倒计时等等。今天,我们来使用jQuery实现一个简单的倒计时功能。 本文以团购网站的倒计时为背景,我们知道,网站会给每个优惠活动(商品)定一个结束时间,也就是到期时间,但系统时间到达了结束时间,就意味着活动结束。因此,我们在HTML中就要定义活动的结束时间。 阅读全文
posted @ 2012-10-10 13:10 月光光博客 阅读(376) 评论(0) 推荐(0) 编辑