最新消息:文章中包含代码时,请遵守代码高亮规范!

JavaScript

省市区联动的组件【原创】

JavaScript Jonny 1年前 (2017-12-02) 652浏览 0评论

我们写项目的时候,经常会用到省市区联动,在本站中也看到一些省市区联动的写法,感觉代码还是有点复杂,所以自己写了一个组件,能够符合一部分的需求,用起来也更方便。 我在本地的js文件价里有一个省市区的json格式的数据,所以这个组件能够用ajax获取本地...

获取页面路由,并修改路由中的某个参数【原创】

JavaScript Aimee 1年前 (2017-11-19) 755浏览 1评论

当我们使用分页功能时,点击页码需要跳转至对应的页面,此时,页面中路由的page值随之发生变化。为了方便这个功能的实现,我们可以获取当前页面的路由,并且只改变这个路由中page的值。不仅仅是方便分页的实现,在许多情况下都能够发挥作用,这边以分页为例,做...

js实时获取当前时间(加前导零)【原创】

JavaScript Aimee 1年前 (2017-11-19) 857浏览 0评论

在接手的项目中,有时需要实时获取当前的时间,并且为了和日期格式保持统一,需要加入前导零。 接下来分享一下我的思路: 1.利用js分别获取当前时间的年,月,日,时,分,秒。 2.判断数值是否大于零,当数值大于零时,正常显示,当数值小于10时,在数值前加...

简单的ajax获取select下拉框数据组件【原创】

JavaScript Jonny 1年前 (2017-11-15) 882浏览 1评论

最近写项目发现有很多页面的select下拉框里的option需要Ajax获取数据,但是环境又不相同,有时要页面加载后加载出来,有时在一个点击后加载出来,每个页面都写的话太麻烦,效率不高,所以自己封装了个组件,很单一,只写了关于select下拉框的数据...

防止重复发送ajax请求的解决方法【原创】

JavaScript Jonny 1年前 (2017-11-15) 1237浏览 0评论

Ajax技术不必刷新整个页面,只对页面的局部进行更新,在前端各方面应用都很多。 关于防止重复发送ajax请求,一般是重复点击提交按钮导致重复提交,网上也有很多解决方法,这里写一下我自己用的一个方法。 var post_flag = false; ...

jquery计算购物车价格保留小数问题【原创】

JavaScript Niki 1年前 (2017-11-11) 697浏览 0评论

在项目中计算价格的时候,会很心累,因为jquery的浮点型不精确 有时候遇到测评输入的价格为0.01然后几百的一起结算,我们的总金额后面就会带很多个小数点, 不仅页面错位了,而且我没还得找原因(有可能是给某个变量少写了parseFloat或者pars...

页面滑动到一半的时候固定【原创】

HTML+CSS Niki 1年前 (2017-11-11) 768浏览 0评论

类似这种效果 第一张是没有滑动之前和滑动套顶部的效果 第二张是滑动之后的效果 思想是这样的当页面的滚动条的高度大于0的时候(就表示页面上滑了) 这时候可以使用scroll方法使想要固定的部门position:fixed 但是我们还是需要滑回顶部的,...

上传图片不能二次触发change事件【原创】

JavaScript Niki 1年前 (2017-11-11) 823浏览 0评论

上传附件的时候我们经常会使用ajaxfileupload.js的插件(因为可以上传附件和图片,文档等,比较方便) 但是方便的同时我们来先看下有哪些问题吧: 上传图片或者附件的时候,我们会发现一次上传是可以成功上传的,但是点击第二次的时候,如果图片是一...

如何区分ajax同步请求和异步请求【转载】

HTML+CSS Cindy 1年前 (2017-10-18) 1083浏览 0评论

之前一直在写JQUERY代码的时候遇到AJAX加载数据都需要考虑代码运行顺序问题。 最近的项目用了到AJAX同步。这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出去假死状态,当这个AJAX执 行完毕后才会继续运行...

ip地址传递参数【原创】

HTML+CSS Cindy 1年前 (2017-10-18) 851浏览 0评论

之前在套phpcms手机项目模板的时候,碰到导航栏高亮和滚动问题,在不同的页面显示不同的样式效果,直接用js写选中再添加样式方法,点击会没有效果。在pc端有对应的模板语句可以实现代码高亮,而手机端没有找到实现代码高亮的模板语句。后来我是通过ip地址传...

js实现短信验证码倒计时效果【原创】

JavaScript Aimee 1年前 (2017-10-18) 1031浏览 0评论

在我们的生活中,用手机接收短信验证码是一件很平常的事情,当我们点击获取短信验证码按钮后,需要等待一定时间才能够重新获取短信验证码。那么,短信验证码倒计时效果是如何实现的呢,以下将附上代码片段进行讲解: 倒计时时间以60s为例: html代码如下: &...

根据轮播图的图片个数动态生成小圆点【原创】

JavaScript Aimee 2年前 (2017-09-18) 757浏览 0评论

在手机端和PC端都需要用到轮播图,然而轮播图的图片个数不是固定的,这就使得控制轮播图的小圆点按钮的个数无法确定,因此,无法自由变换小圆点在页面中的位置,这一点让人颇为头疼。我使用JS解决了这个问题,接下来分享一下我的思路: 1.利用js统计轮播图个数...

限制字数,超出部分显示“…”【原创】

HTML+CSS Cindy 2年前 (2017-09-15) 852浏览 0评论

在我们写静态页面和套pc模板的时候,有时候会碰到需要限制字数,超出部分显示省略号的效果,尝试过几个方法,css有text-overflow:ellipsis属性,针对一行文本有效,要控制几行文本就会有浏览器兼容问题。最终找到一个js方法可以限制字数,...