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