- 博客(12)
- 收藏
- 关注
原创 使用ajax后获取元素的方法以及事件委托的使用
我们前端开发经常用到ajax请求,使用最多的无疑是li的循环了,然后append到DOM树上,然后此时要操作li的某些交互时,是获取不到元素的,此时我们可以这样做:$("body").on("touchend","选择器",function(){ // 要折行的交互。 });下面说一下事件委托的使用,什么是事件委托我就不啰嗦了,小伙伴可以去百
2017-11-17 11:12:46
1101
原创 模拟微信回复的功能
最近在做一个关于文章的页面,遇到的问题是类似于我们玩微信可以看到的,就是朋友圈的回复功能。上图: 在手机上看到的效果是,点击右上角的回复图标,然后弹出手机的虚拟键盘,原来想到的方案是在图标里嵌套一个input的,因为在前端好像只有input才能唤醒手机的虚拟键盘,所以就想到这个方案,但是后来实现时候遇到一个头痛的问题就是点击回复图标的时候,键盘是唤醒了,但是
2017-11-17 10:53:53
877
原创 JS适配各大手机的计算方式
var deviceWidth = document.documentElement.clientWidth; if (deviceWidth > 414) deviceWidth = 414; document.documentElement.style.fontSize = deviceWidth / 7.5 + 'px';这段代码是以iPhone6为基础,样式
2017-11-17 10:47:22
736
原创 巧用ontouchstart,当长按的时候变色,松手恢复
首先在body加:默认的效果:按下的效果:这里主要是用到 " :active " 选择器。$(" 选择器 "):active{color:#ccc;background:#a46a3f;}
2017-08-22 15:25:56
2219
原创 当填写完全部登录信息,按钮就显示高亮
没填之前的效果:填写完四项之后按钮就自动高亮:js代码://顺着下来获取四个值,注意有一个是文本域(就是地址那)$("input,textarea").on("input",function(){ var getuserAddress = $("#user-address").val(); var getuserPhone
2017-08-22 15:05:41
3506
原创 滚动到指定的nav固定在顶部
上图是滚动前后的一个对比效果:主要用到的是滚动条的监听,下面封装一段函数,如下:// 封装一个兼容性的获取页面的头部或是左侧的函数function scroll(){ return { scrollTop:window.pageYOffset || document.body.scrollTop ||document.documentElement.scro
2017-07-28 09:44:28
1175
原创 audio的播放问题
(开始与关闭之间的切换效果)先看一段代码:html代码: xxx.mp3"/> xxx.png" alt="" id="musicicon"/> JS代码:var myAudio = document.getElementById
2017-07-24 15:01:04
591
原创 安卓手机虚拟键盘和position:fixed问题
这段时间做的项目比较多,遇到的问题自然而然就多,今天就说一个经典的安卓自带Bug。项目的要求是有个div要固定在底部,如下图:页面中间有个搜索框:如下图:当用户点击搜索框的时候,手机的虚拟键盘会把固定在底部的div顶到手机虚拟键盘的正上方,之前想的一个遮眼法的解决方案,,就是获取焦点的时候改变定位问题,后来得知要是用户直接点击搜索框但是不输入内容,点击虚拟键盘的收起键这样这
2017-07-24 11:46:58
2654
原创 input框行高在安卓和IOS的问题
行高在不同的手机下还是有不同的区别,特别是ios就很容易体现出来,给了height属性之后,这时我们设置行高可以比高度大一点点,如:height: .45rem ; line-height: .5rem;(具体给多少要结合自己实际的情况),要是安卓有问题的话,我们可以给下面这段代码监听:判断是ios还是安卓: var u = navigator.userAgent; v
2017-07-24 11:30:06
2210
1
原创 解决手机单边框1px问题
正常情况下,我们在做移动端的时候,写下边框的的时候都习惯写"border-bottom:1px solid red;"这样,但在手机上看的话,边框是不1px的,至少是2px,下面我提供一个解决方案(用伪类去做):给父级加相对定位.items {//父级position: relative;}然后给子元素(就是给你自己想要给边框的元素)加:.items:before {
2017-07-24 11:16:51
539
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人