js获取触摸滚动

| 前端 | | 4 条评论 | 1784 views

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
    $("body").on("touchstart", function(e) {
        //e.preventDefault();
        startX = e.originalEvent.changedTouches[0].pageX,
        startY = e.originalEvent.changedTouches[0].pageY;
    });
    $("body").on("touchmove", function(e) {
        //e.preventDefault();
        moveEndX = e.originalEvent.changedTouches[0].pageX,
        moveEndY = e.originalEvent.changedTouches[0].pageY,
        X = moveEndX - startX,
        Y = moveEndY - startY;
        console.log(startY)
        if ( Math.abs(X) > Math.abs(Y) && X > 0 ) {  //从左侧向右滑动
            console.log("left to right");
        }
        else if ( Math.abs(X) > Math.abs(Y) && X < 0 ) {  //从右侧向左滑动
            console.log("right to left");
        }
        else if ( Math.abs(Y) > Math.abs(X) && Y > 0) {  //从上方向下滑动
            console.log("top to bottom");
        }
        else if ( Math.abs(Y) > Math.abs(X) && Y < 0 ) {  //从下方向上滑动
            console.log("bottom to top");
        }
        else{
            console.log("just touch");
        }
    });

现在在做一个赛程页面，选择时间，相应的结果也要更改，采用了swiper（左右切换），滚动到底部，要自动切换到下一页，需要获取触摸事件，本来想采用上面的方法，但是不太好用，后来在swiper自己的onTouchMove相关方法中进行了判断，基本完成，随后会把这个效果放到git……

Reactjs学习-2

| 前端 | | 暂无评论 | 1650 views

开发过程中注意两个问题： 1，在v0.14版本中，已经弃用了JSXTransformer.js，改用了browser.js；javascript标签type由text/jsx改为text/babel 2，在v0.14版本中，react包被拆分为react和react-dom，为以后跨平台插件共用准备 3，在论坛中我也做了提问，为什么在ba……

高考填志愿

| 闲谈 | | 暂无评论 | 1931 views

最近一个表妹高考结束，复读一年不容易，选择学校和专业可不能马虎，我毕业两年了，总结之前的经验，给她一点建议，也供大家参考（ps：表妹分数过二本线，也不多，不过方法大致相同） 其实大家难选志愿，大多都是不知道自己想学啥，以后能干啥，毕竟都没上过大学嘛，所以我后面我觉得着重给些建议去找自己的兴趣点 分析 从分数看，找个特别好的大学是不能了，找……

在移动端页面打开本地app

| 前端 | | 1 条评论 | 1753 views

现在移动端页面和公司APP通常都是相关连的，比如这个是你app分享出来的页面，那么我就想点击页面的下载，如果我已经在手机上安装了app，那就直接打开app。 想必大家在平时使用一些分享页的时候经常有用到这样的功能，那么在页面上是怎么做的？其实很简单，就是打开一个链接。 当然了，这个链接是有要求的，首先它是客户端定义好的链接，这样的链接在手……

Reactjs学习-1 HOT

| 前端 | | 12 条评论 | 2515 views

今儿开始学习React，久仰大名，终于有机会了，下周要做一个相对比较独立的页面，所以想用它练练手，不过今天开始，先要好好学一下。 一看官网的demo就晕，发现好多官网的demo都是把文件罗列出来，就是不告诉它是干嘛的，是要我一个一个测试吗，好吧，臣妾做不到！

1
2
3
<script src="../build/react.js"></script>
<script src="../build/react-dom.js"></script>
<script src="../build/browser.min.js"></script>

这是demo的……

jquery获取随机数

| 前端 | | 暂无评论 | 1775 views

今儿有个需求，在一个数组对象中，有几十个数据，需要随机取出三个展示。 那么我的想法是从0到总数之间随机取数，比如取到了5，所以我就取对象中的［5］就行了。问题是如何获取3个不重复的数据，即获取比如0到10中三个不同的数。 下面就是两个方法：  

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
/*
num 要产生多少个随机数
from 产生随机数的最小值
to 产生随机数的最大值
*/
 
function createRandom(num ,from ,to ){
    var arr=[];
    for(var i=from;i<=to;i++)
        arr.push(i);
    arr.sort(function(){
        return 0.5-Math.random();
    });
    arr.length=num;
    return arr;
}
function createRandom2(num , from , to){
    var arr=[];
    var json={};
    while(arr.length<num){
        //产生单个随机数
        var ranNum=Math.ceil(Math.random()*(to-from))+from;
        //通过判断json对象的索引值是否存在 来标记 是否重复
        if(!json[ranNum]){
            json[ranNum]=1;
            arr.push(ranNum);
        }
    }
    return arr;
}
alert(createRandom2(10,0,50));//生成10个从0-50之间不重复的随机数

我看网上说，第一种……

css3动画

| 前端 | | 暂无评论 | 1488 views

很多人在用css3写动画效果的时候总是会搞错，初学者也总是会搞混（抛开它的兼容性，只看效果）。 transform transition animation 好吧，字母在三个词上的重复率比较高，容易混。那我们就简单区分 以上三个我们一次标记为c1、c2、c3 简单来说，c1就是一个类似于width、height这样的样式；c2就强一点了，……

移动端web滚动对js对影响 HOT

| 前端 | | 13 条评论 | 4364 views

最近在手机上开发一个功能，页面上有几个分享按钮，当web页面滚动到按钮的位置时，按钮状态改为悬浮，那么问题来了：iOS上，web滚动过程中，不响应js绘图事件 这里引用了相关说明： 现象 根源 ### 关于web滚动响应js绘图事件的情况 ios7浏览器内核从根本上无法支持，包括safari浏览器 ios8浏览器内核支持，所以safair……

what

| 闲谈 | | 暂无评论 | 1588 views

what do you want what do you need what are you doing what are you 真正明白自己想要什么，当自己失去的时候不会过于忧伤，当自己得不到的时候不会过于怨恨，当自己握着的时候不会过于得意。 未来是一个特别有意思的名词，生活的乐趣就在于你永远不知道明天会发生什么。