- 博客(6)
- 收藏
- 关注
RSS订阅原创 es6语言转换环境搭建
es6语言现如今已经是前端的必备更高级的语法了，其实它只是新的js规范，可以说是es5的升级版，作为前端人员不得不学的，这也是未来的趋势。但是可惜的是，现在大部分浏览器还不能兼容es6语法，为了保险，需要用转换工具转义成es5,用于发布环境当中。希望全面支持es6的那一天早点到来。首先需要说明的是，编译的环境实在node下的，需要确保本地安装了node.js；第一步：进入文件根目录，初始化环境：n...
2018-04-24 10:42:49
736
原创 input输入框模拟验证码输入效果
今天看到一个帖子，说到用input输入框模拟滴滴、摩拜等app验证码输入效果，提到了一个方案：1、利用input来获得焦点，自动调用手机的数字键盘2、实际将输入框用透明度隐藏3、用label的for属性与input联动来显示输入的数字于是照着这个思路实际操作了一番，还是发现了不少问题。首先页面布局：<div class="container"> <h2>输入验证码：...
2018-04-16 16:14:07
13803
6
原创 TweenMax学习小计
TweenMax是一款前端动画插件，可以做出很多效果，灵活性很高，最近闲暇之余学了一下，顺便做点记录。插件的安装很简单，直接用script引入即可使用：<script src="./js/TweenMax.min.js"></script>开始的时候需要初始化一个对象：var t = new TimelineMax();to：单个元素，运动到某一点t.to('.box', ...
2018-04-15 16:53:38
1136
原创 安卓机大面积接触导致touchmove事件的处理
看视频教程时，说到一个安卓机的bug，就是当手指点击页面的面积过大时会触发元素的滑动事件，这样会导致一些不想要的效果。就该问题实测了一番：<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"
2018-04-03 17:20:41
1485
原创 for循环当中使用定时器的注意事项
实际开发过程中遇到这样的需求，页面加载后会请求多个数据模块，每个模块都进行进度条展示，从零到目标值给一个增长效果。于是给每个子元素绑定一个定时器setInterval，像这样：效果确是这样的：完全错乱了，这可不是我想要的效果呀！查阅资料后才知道，当我们在for循环里面调用定时器时，定时器时异步执行的，没循环一次，i加1，生成一个timer，放到进程队列里面去，等到for循环完成后，i已经加到最大值...
2018-04-03 13:56:56
6910
1
原创 同一页，多个滚动组件交叉滚动处理
最近做一个移动端项目的时候，有一个页面的需求是在同一个页面里，通过导航栏切换出不同的滚动组件，导航栏也要跟着滚动组件一起上下滚动，当导航栏到达顶部时悬浮在顶部，不再随滚动组件一起滚动了，组件则继续向上滚动。如图所示：进入页面状态： 向上滚动： 到达顶部：导航栏悬浮 刚开始结构上导航栏、顶部展示区和底部主体区域是一个滚动整体，判断滚动距离，当距离大于顶部展示区时，将导航栏...
2018-04-02 16:35:00
1107
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人