作者：Villen

成长，需要不断的努力和积累！

会不会做leader

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

工作未满三年，适不适合做leader。   总的来说，一般是不建议的。最主要的原因是一方面自身能力有限，并没有压倒性的降伏下属，另一方面是职场经验不足，吃亏还不到家，所以心性上可能不会有太好的表现。当然不乏一些从小受到一些熏陶或者后期比较努力的人，不做特殊评价。可万一真的有机会当了小组长，怎么办呢？虽然不是赶鸭子上架，但多少都有……

初识微信小程序，踩坑记

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

最近在做微信小程序的开发，遇到一些问题，做下记录 1、开发配置中一个重要的点，域名设置，不支持ip和端口号，并且只支持https 2、样式中的图片，只能采用远程图片地址，不能使用相对路径，但是js中当require另一个js可以使用相对路径 3、一个页面onload一次，onshow会多次，就是你切换也好，跳转也好，只要看到页面一次，就执……

console用法笔记

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

平时大家都用console.log()进行bug查找，后来查看到，有好多console的用法 console.assert(expression, object[, object…]) 接收至少两个参数，第一个参数的值或返回值为false的时候，将会在控制台上输出后续参数的值。例如： [crayon-67b50fbd9b211……

让音频在ios页面上自动播放

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

在ios上的页面中，有时候需要一开始就进行播放音频，但是即便你加了autoplay，在js中写了start，但是它就是不播放。 很明显这个跟ios的系统有关，那么下面这种办法就可以搞定。

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
33
34
var isAutoplay = true;
var audio = document.getElementById('musicid');
// 音乐播放
function autoPlayMusic() {
    // 自动播放音乐效果，解决浏览器或者APP自动播放问题
    function musicInBrowserHandler() {
        if(!isAutoplay){return false;}
        musicPlay(true);
        document.body.removeEventListener('touchstart', musicInBrowserHandler);
    }
    document.body.addEventListener('touchstart', musicInBrowserHandler);
 
    // 自动播放音乐效果，解决微信自动播放问题
    function musicInWeixinHandler() {
        musicPlay(true);
        document.addEventListener("WeixinJSBridgeReady", function () {
            musicPlay(true);
        }, false);
        document.removeEventListener('DOMContentLoaded', musicInWeixinHandler);
    }
    document.addEventListener('DOMContentLoaded', musicInWeixinHandler);
}
function musicPlay(isPlay) {
 
    if (isPlay && audio.paused) {
        audio.play();
    }
    if (!isPlay && !audio.paused) {
        audio.pause();
    }
}
if (os=='ios'){
    autoPlayMusic();
}

当然，以上其实也是有个问题的， 如果进入页面，你想过一会儿再进行播放，你可能想在mus……

ios上页面禁止滚动

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

ios上的页面只用一行没办法解决

1
document.documentElement.style.overflow='hidden';

所以需要额外添加其他的，把touchmove禁止掉

1
2
3
$("body").on("touchmove",function(event){
    event.preventDefault;
}, false);

当然了，可能需要另一个操作让页面重新开始滚动

1
2
3
4
$('.share-close').on('click',function () {
    $('.cover-index').fadeOut();
    $("body").off("touchmove");
})

&nbsp……

js获取触摸滚动

| 前端 | | 4 条评论 | 1905 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

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

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

高考填志愿

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

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

在移动端页面打开本地app

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

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