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

标签:JS

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

HTML+CSS Cindy 6天前 33浏览 0评论

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

移动端自制作输入键盘,实现验证码签到【原创】

原创文章 Ann 8个月前 (02-07) 521浏览 0评论

最近做的一个兼职类的项目,要实现6位数字验证码签到功能,效果图如下 看似很简单的页面,刚开始编写的代码的时候,我也是抱着轻松地态度,心里想着这并没有什么难处,用js实现了输入数字的效果。 但是后来就发生了尴尬的事情,测评中心那边测试的时候,手机切换...

HTML5中使用js控制audio标签的方法【转载】

HTML+CSS Ann 9个月前 (01-06) 419浏览 0评论

<audio>标签可以在HTML5浏览器中播放音频文件。 <audio>默认提供一个控制面板,但是有些时候我们只需要播放声音,控制面板由我们自己来定义其显示的状态。 这里我们可以使用JS来进行控制,代码如下: var aud...

手机页面城市选择点击首字母定位到对应城市顶部【原创】

HTML+CSS Ann 9个月前 (01-06) 765浏览 0评论

之前做的一个关于兼职的手机微信端的项目,有的也面要求我们实现选择城市的效果,主要就是点击城市的首字母定位到对应的城市顶端,这可把我难倒了,没做过啊,之前都是用的插件 后来想到之前做公司的官网也要求点击新闻列表对应到相应的新闻位置,当时记得用的是锚点定...

多列表内容下勾选框对应内容显示隐藏【原创】

HTML+CSS Ann 9个月前 (01-06) 365浏览 0评论

最近写公司的客户服务系统,遇到了一个页面,很多内容列表,然后勾选框,相对应的内容显示隐藏,以前也遇到过类似的,只是列表内容比较少,我都是通过给选框和列表分别添加不同类名,然后勾选指定那个类名显示隐藏,这样效果最后是达到了,但是消耗了大量的时间和精力,...

项目实战-【后台开发】一键提交AJAX【原创】

PHP Jay 1年前 (2016-09-24) 843浏览 0评论

网站后台开发,表单提交是最为最为基础和最为核心的功能,面对其提交形式单一,返回形式单一的特性,如果对其集成化成功,那么后台的开发速度和开发体验都将有质的提升 本方法是我从项目中截取的一段,使用的ajax的提交方式,需要使用请稍加改造。 我的开发环境是...

JS实现按钮点击增加输入框【转载】

JavaScript Ann 1年前 (2016-09-23) 844浏览 0评论

最近开发实现了那种点击增加按钮就会多出一栏的效果,但是当每栏的输入框的数量比较多的时候,后台参数的接受就是个问题,不过现在问题总算解决了,用List集合去接受页面数组的方式,具体实现如下: 实现的思路: 首先,要把传递的每栏参数变成每个对象,例如:昵...

适用于移动端的 iscroll.js插件

JavaScript dandelion 2年前 (2016-03-11) 2571浏览 0评论

做手机微信开发的时候遇到了这个功能,第一次认识这个插件iscroll.js,适用于移动web的一款开发插件。可以实现左右滑动,缩放,下拉刷新等功能。 1.iscroll.js的用法: html代码: <div id="wrap&q...

学习篇-js中的setTimeout和clearTimeout

JavaScript dandelion 2年前 (2016-03-11) 1617浏览 0评论

在前端网页开发时,焦点图的存在随处可见。通常都是去下载已经封装好的jquery来实现需要的功能,有多少人能实际了解实际原理吗?通过自己对原生js的学习,今天对setTimeout()·和clearTimeout()的用法做个小小的总结: 1.setT...

学习篇-原生js操作dom节点

JavaScript dandelion 2年前 (2016-03-11) 2441浏览 0评论

今天学习了如何用原生js写dom元素(节点),下面是结合所学文档W3C整理的笔记: 1.添加节点 创建节点:使用createElement创建元素,使用createTextNode创建文本节点 首先是一段html代码,下面的例子都引用这个。 <...

更新手机面input框放大问题

JavaScript anne 2年前 (2016-02-01) 2239浏览 0评论

对于之前在博客中说的关于手机页面页面放大问题,在这里需要更正一下之前的解决办法,因为之前的那个方法并不能使用所有情况。所以这里将说一下新的解决办法: 首先在头部加一个js来获取手机的不同型号对应的并屏幕大小,然后给其加不同的meta属性。如下: ...

继手机页面滚动问题

JavaScript anne 2年前 (2016-01-14) 1545浏览 0评论

上一篇博客中有提到关于手机页面滚动穿透问题,现在终于找到比较合理的解决办法。不过该解决办法还是没能从源头解决穿透问题,而是从另一个角度去解决,就是从要求出发直接不让其滚动。 页面高度超过设备可见高度时,阻止掉touchmove事件。 docume...

手机页面滚动穿透问题【原创】

HTML+CSS anne 2年前 (2016-01-14) 3033浏览 0评论

最近在写的微信页面有遇到一个问题:就是点击页面一个按钮出来弹框和透明蒙版后,理论上底部的父页面是不可以被操作的。但是现在对当前弹框和透明蒙版组成的页面滑动时,底部的父页面还是会跟着滚动,这也就是所谓的手机页面穿透问题。 百度了很多方法后,还是没能完美...