在前端页面制作过程中，我们经常会发现有时候某些动作需要滚动滑轮来实现，那么对于初学者来说可能不明白是如何实现的，对于这个问题，下面就来跟大家分析一下，如何用滚轮滑动监听效果的实现。

源代码如下：

windowAddMouseWheel();
function windowAddMouseWheel() {
var scrollFunc = function (e) {
e = e || window.event;
if (e.wheelDelta) { //判断浏览器IE，谷歌滑轮事件
if (e.wheelDelta > 0) { //当滑轮向上滚动时
alert("滑轮向上滚动");
}
if (e.wheelDelta < 0) { //当滑轮向下滚动时
alert("滑轮向下滚动");
}
} else if (e.detail) { //Firefox滑轮事件
if (e.detail> 0) { //当滑轮向上滚动时
alert("滑轮向上滚动");
}
if (e.detail< 0) { //当滑轮向下滚动时
alert("滑轮向下滚动");
}
}
};
//给页面绑定滑轮滚动事件
if (document.addEventListener) {
document.addEventListener('DOMMouseScroll', scrollFunc, false);
}
//滚动滑轮触发scrollFunc方法
window.onmousewheel = document.onmousewheel = scrollFunc;
}

现在大家知道是如何控制实现的吧，如果还是有不明白的地方，或者不知道哪里出错了，都是可以留言咨询我们来寻求帮助和解答的。
本文由专业的郑州app开发公司燚轩科技整理发布，原创不易，如需转载请注明出处。

本文内容已迁址到：https://uniapp.dcloud.io/tutorial/run/run-app.html#customplayground

直接从应用setBadgeNumber（0），只是清除了应用本地的角标。但是个推对于当前clientid还有一个记录。再次推送的时候，会自己+1并把数字推过来。
所以，清除了本地的数字，还要通知个推也清除。

try{

plus.runtime.setBadgeNumber(0);

if(mui.os.ios){

var GeTuiSdk = plus.ios.importClass('GeTuiSdk');  

GeTuiSdk.setBadge(0);  

}

console.log("清除角标")

}catch(e){

console.log("清除角标异常")

}

> 本帖已集成到: hx产品文档

键盘、椅子有人体工学，一个开发工具软件，有什么健不健康的概念呢？
当然有的。你的眼睛、手的健康，都与开发工具有很大关系。
DCloud是一家有匠心、有情怀的团队，在工具对人体的健康影响方面投入了大量精力财力研究。

护眼：绿柔环保主题

很多人误以为黑色主题最护眼，我们自己也曾长时间使用黑色主题，但感受不对劲，于是较真的研究了到底什么是健康护眼的主题。
其实参考电子书领域就知道，长时间盯着电脑屏幕或手机屏，背景绝不能是黑色，而应该是泛黄的颜色。如果一家做电子书的公司使用黑色背景的话，这公司肯定会被读者抛弃掉。

但是电子书行业为什么普遍采用泛黄色呢？是为了给读者制造看纸书的错觉？还是真有科学道理。我们需要仔细研究。

有一个误传的说法是：黑色背景，在液晶下发光量少，从而更护眼。
由于纯黑色背景很难看，实际上各个开发工具的背景色不是纯黑色，液晶面板上的粒子仍然在发光。
虽然液晶面板的暗色区光线量低，但就人眼肌肉的紧张度而言，高对比度的伤害大于光线量的伤害。
在阳光明媚的草原上，虽然光线量非常大，但人眼很舒适。
但在黑色屋子里，手机屏幕亮度调到最低，光线量远低于前者，但仍然刺眼。
这是对比度的影响造成的。

HBuilder的默认主题是绿柔，其特点是柔和、低对比度、强光下仍清晰、绿色感加强。对着这样的界面写一天代码，感受要比对着太亮或太暗的界面舒服很多。
绿柔是一个严谨的设计过程，包含色彩心理学和色彩生理学的很多知识，并且在北京国奥心理医院做过严谨的医学测试。
我们安排工程师在不同的配色主题下写代码，在医院检测他们的脑疲劳程度，最终调校出了绿柔配色方案，实验过程如下：

> 参与实验的2位程序员在充分休息后，分别使用绿柔和黑色主题的编程工具进行编码半小时，并监测脑电波的数据变化。
> 通过对实验者的脑电波产生的17万条数据的分析，利用医院仪器打印出的疲劳值、紧张度和注意力集中程度数值，发现实验结论如下：
> 半小时编码后2位测试者的疲劳度均上升，但，绿柔主题下工作的程序员疲劳值上升相对缓慢，紧张程度更低，注意力更集中。
> 使用黑色主题编码后疲劳值的上升幅度最高达到使用绿柔上升幅度的700%!
> 此实验进行多次，并有交叉测试，结论始终相同。

上图为在医院参与实验的程序员。

色彩方面有色彩生理学和色彩心理学。我们先从色彩生理学角度看看黑色主题的问题：

1. 转场晕眩
   当一个人眼睛长期看暗色系事物时，大脑会分泌激素强迫眼睛增强视力。
   比如我们在一个黑屋子待一会就能看清东西，但回到阳光下时又会晕眩，这叫做暗适应。
   同样，长期看黑色的代码区，此时切换到其他软件界面或看窗外就会晕眩。
2. 夜盲症
   长期的黑暗环境下眼球会分泌视紫红质，视紫红质消耗维生素A，并且会引发夜盲症，虽不是近视，但夜晚视力低于常人。
   具体见百度百科视紫红质
3. 对比度高
   黑色背景往往对应高对比度的前景内容，而高对比度不适合长期观看。
   其实就像糖和辣都不能多吃，但水可以多喝。
   而过于柔和的画面，在强光照射或视力不佳时，可能无法保持足够的清晰度，绿柔反复调校参数才得到目前的结果。

我们查阅资料得知，人眼最喜欢的光是黄色和绿色
黄色和绿色的波长，是人眼最放松的波长。
绿柔的背景是暖黄色，界面中点缀不少绿色，前景的代码颜色，虽然多彩，但每种颜色的RGB中的G，即绿色值，都调大了。

另外从色彩心理学看，温暖的颜色比暗色更舒服。
人眼看到的景色，大脑会产生联想，并进而影响心情。
看到绿色就会联想到草原森林，心情不自觉的就好一点。
而看久了暗色或刺激性颜色，心情会压抑。
每天看8个小时屏幕不是小事，心情舒畅很重要。

"群体无小事，长期无小事"，面对数百万开发者，我们必须下足功夫研究如何保护他们的健康。
结合了众多理论和实验，我们终于打磨出了绿柔主题。
有些产品的设计原则是漂亮优先，HX不是这个原则，是健康优先。HX可能不是最漂亮的编辑器，但肯定是最健康的编辑器。

护手：免拖动选择保护手指关节神经

鼠标手是程序员常见病，在鼠标操作时，什么操作劳损最严重？答案是拖选。
拖选过程是这样：食指按下鼠标左键，神经保持紧张，移动手腕带动鼠标移动，选择内容，松开食指。这个过程中，食指持续按下，相连的肌肉神经一直处于紧绷状态。
如果使用触摸板那更痛苦。
还是"偶尔无大事，长期无小事"的逻辑，偶尔拖选不觉得怎么样，但一天8小时写代码下来，手部劳损主因其实就是拖选。
为了减少拖选，HX提供了快捷键选择、智能双击选择、免选择直接操作等模式。

• 快捷键选择
  Ctrl+=是以当前光标为初始点扩大选区，Ctrl+E是选择当前词或相同词，还有众多选择快捷键，具体见菜单-选择。
• 智能双击选择
  HX在很多地方双击，会有特殊选择逻辑，在行首、行尾、函数块、等号、逗号、-号、括号、引号、行首列表符、<!-- -->等特殊语法符号处双击，都能快速选择相应内容。
  掌握这套智能双击逻辑，即能极大的提高操作效率，又能减少手部劳损。
  具体智能双击列表，见菜单选择。强烈建议认真研究掌握智能双击。
• 免选择直接操作
  如果没有选内容，直接按Ctrl+C或X进行复制和剪切，可以对光标所在行复制剪切。
  Ctrl+Insert重复选区、Ctrl+Shift+X交换选区等很多操作，也都在无选区时自动适配相应行操作。
  Ctrl+D删除行、Ctrl+上下移动行、Shift+Del删除到行尾等操作也可以无选择直接操作文本内容。
  更多功能见菜单编辑。

作为为开发者提供服务的公司，尤其是我们自己也是开发者，我们最重视的就是高效率和健康。
希望通过我们的努力，可以让中国数百万开发者的开发效率更高，身心更健康。

<template>  
<div class="page-searchList">  
    <div class="header">  
        <div class="statusBar" :style="{height:statusBarHeight+'wx'}"></div><!-- 状态栏占位 -->  
        <div class="info"><text style="font-size: 16wx;">标题栏</text></div>  
    </div>  
    <div class="content">  
        <text style="font-size: 50wx;">{{statusBarHeight}}wx</text> <!-- 打印状态栏高度 -->  
    </div>  
</div>  
</template>  

<script>  
export default {  
    data: {  
        statusBarHeight: ''  
    },  
    created() {  
        let _t = this;  
        setTimeout(() => { //获取状态栏高度，setTimeout后才能调用uni.  
            uni.getSystemInfo({  
                success: function(res) {  
                    _t.statusBarHeight = res.statusBarHeight;  
                    console.log(_t.statusBarHeight);  
                }  
            });  
        }, 1);  
    }  
};  
</script>  

<style>  
.page-searchList {  
    background-color: #8f8f94;  
    justify-content: center;  
    align-items: center;  
}  
.header {  
    background-image: linear-gradient(to right, #a80077, #66ff00);  
    width: 750px;  
    position: fixed;  
    top: 0;  
}  
.info {  
    height: 44wx;  
    justify-content: center;  
    align-items: center;  
}  
</style>

今天用了下 mui 自带的 numbox 数字输入框，发现设置了最小值 data-numbox-min=“1”，然后测试点击减键到最小值时获取不到值，但是 input 的值有正常改变，而减键也正常灰色被 disabled 了，却无法获取到改变后的值。
于是，想了想，还是去分析下 mui.js ，发现了这段代码：

                if (self.options.min != null && !isNaN(self.options.min) && val <= parseInt(self.options.min)) {  
                    val = self.options.min;  
                    self.minus.disabled = true;  
                } else {  
                    self.minus.disabled = false;  
                }

看似这段代码没有问题。val = self.options.min; 是已经等于新值了，而且 val <= parseInt(self.options.min) 时也 self.minus.disabled = true; 正常屏蔽减键了。于是又想了下，是不是 self.minus.disabled = true; 速度太快导致 self.input.value = val; 没有优先获取到值呢？
突发奇想，将 self.minus.disabled = true; 延迟设置：

                if (self.options.min != null && !isNaN(self.options.min) && val <= parseInt(self.options.min)) {  
                    val = self.options.min;  
                    setTimeout(function (){  
                        self.minus.disabled = true;  
                    }, 100); //怕没效果，可适时加大延迟时间  
                } else {  
                    self.minus.disabled = false;  
                }

凭着试一试的心理，然后测试了下，结果...OK！菜鸟的方法，分享给大家。

本来做的APP不需要很多权限，结果离线打包出来还是提示一堆权限，前前后后调试了一整天，发现lib.5plus.base-release.aar这个基本包居然已经包含了读取通话记录，发送短信，读取联系人，录音，相机等权限，而把项目提交到dcloud的云打包则没这个问题，说实话MUI入门简单，但是很多地方给开发者的印象很不友好，比如hbuider云打包默认选择了加入广告联盟，不小心点错了想退出还得实名认证，退出还有时间限制。。。简直无语，这样的营销和技术只能做三四流APP的技术选型，格局太小。

　　郑州app制作公司一般开发一款app的主要技能和开发攻略是什么呢?很多投资者因为不了解app开发流程，所以认为开发报价贵，那么下面就来跟大家详细的讲解一款app开发具体流程和主要技能吧。

　　1、app开发第一式：要掌握良好的产品技能，和用户体验技能，拥有这些技能之后，才会画出来相关的产品原型，和用户的使用流程，因此也就是说，开发app第一步就是它的产品原型规划与形成。

　　2、app开发第二式 ： 要掌握网页设计的技能，通过第一招制作出来的产品原型，进行app主要功能的效果图设计，和其他主要界面构思与设计。

　　3、app开发第三式：是策划和产品预估的技能，同样这也是一个不断构思与推敲的过程。在制作app之前，必须要前期进行沟通，初步表明此款app要实现的效果，以及从产品体验和用户体验两方面对制作工期进行评估。

　　4、app开发第四式：app后台程序开发的技能，在项目评估结束后，就进入研发阶段。经过开发人员的研发。研发的同时还要把申请上线的时间留出来，这样就可以实现开发与运营同步进行。(由于我们今天主要讲的是开发的技能，所以运营不做过多的解释)

　　5、app开发第五式：app开发测试技能。产品开发基本成型后，我们的app就将正式进入内部测试阶段。只有内部测试合格，并确认没有严重报错之后，才可以开始着手上线公测的相关工作。

　　6app开发第七式：各大应用市场的提交下载技能，app选定好服务器以后app就可以正式上线。在提交app到各大市场时候值得注意的是，有些平台审核一般情况下需要一个星期左右时间，而大多数应用平台市场一般审核较快，大多需要3天左右的时间即可。

　　开发一个好的app除了要有强大的资金实力外，还要有产品，设计、策划、开发、测试、分析、提交下载等七项技能，只有熟练掌握这七项技能，我们才能开发出来一个不论功能、界面、还是用户体验都非常完美的app产品。
本文由专业的郑州app开发公司燚轩科技（appsaa.com）整理发布，如需转载请注明出处。

我都服了，新版的hbuilderx不能正常识别真机；而老版hbuilder能够识别真机，啥情况，hbuilderx就是不能真机调试吗？

前言：该解决方案是针对于需要实现顶部菜单上滑悬停且使用mui-scroll区域滚定无法获取到scroll.y或者scroll.y=0的情况，目前在安卓8以及IOS11系统上测试通过，性能表现良好。

贴码如下：

CSS

.brand-store-bar.dock-header-bar{position: fixed;top: 44px;z-index: 99;margin-top: 0;}  
.brand-bar-wrapper{height: 40px;}

HTML DOM结构

<div class="mui-content mui-scroll-wrapper" id="refreshContainer">  
    <div class="mui-scroll">  
          ...  
              <div class="brand-bar-wrapper">  
        <div id="tab" class="brand-store-bar mui-slider-indicator mui-segmented-control mui-segmented-control-inverted mui-segmented-control-negative">  
            <a class="mui-control-item mui-active" >菜单项目1</a>  
            <a class="mui-control-item" >菜单项目2</a>  
        </div>  
    </div>  
</div>

JS

 var dockHeader = function(){  

                var wrapper         = mui('#refreshContainer')[0],  
                    barWrapper      = mui('.brand-bar-wrapper')[0],  
                    brandBar        = mui('#tab')[0],  
                    scroll          = mui('#refreshContainer').scroll();  

                //顶部悬停  
                var dock = function(){  
                    if (!brandBar.classList.contains('dock-header-bar')) {  
                        wrapper.appendChild(brandBar);  
                        brandBar.classList.add('dock-header-bar');  
                    }  

                }  

                //复原  
                var reset = function(){  
                    if (brandBar.classList.contains('dock-header-bar')) {  
                        barWrapper.appendChild(brandBar);  
                        brandBar.classList.remove('dock-header-bar');  
                    }  
                }  

                 //安卓停靠方式  
                var androidDock = function(){  
                    document.addEventListener('scroll', function(e) {  
                        window.pageYOffset > barWrapper.offsetTop ? dock() : reset();  
                    });  
                }  

                //IOS停靠方式  
                var iosDock = function(){  
                    wrapper.addEventListener('scroll', function(e) {  
                        scroll.y < -barWrapper.offsetTop ? dock() : reset();  
                    }, false);  
                }  

                //准备执行条件  
                var init = function(){  

                    if (mui.os.ios) {  
                        iosDock();  
                    }else{  
                        //安卓系统禁止系统滚动条  
                        document.body.addEventListener('touchmove', function (event) {  
                            event.stopPropagation();  
                        }, false);  
                        androidDock();  
                    }  
                }  

                init();  
            }

doodoo.js发布1.1.0 -- 中文最佳实践Node.js Web快速开发框架，支持Koa.js, Express.js中间件。包含多项功能改进，及Bug修复。

更新内容：

1.【新增】新增支持.js7格式文件
2.【新增】新增支持redis密码设置
3.【更新】更新默认不连接mysql
4.【新增】新增支持mongodb数据库
5.【新增】新增支持设置api路由前缀
6.【移除】移除默认static静态服务器
7.【新增】新增static插件
8.【新增】新增自定义plugin
9.【新增】新增webhook插件，支持gogs，gitlab，github
10.【新增】新增方法获取环境配置项

使用手册
Doodoo.js使用手册:https://github.com/doodooke/doodoo.js/blob/master/docs/README.md

问题反馈
在使用中有任何问题，请使用以下联系方式联系我们

EMAIL: 786699892@qq.com
码云: https://gitee.com/doodooke/doodoo.js

官网
多多客Doodooke小程序:https://www.doodooke.com

众所周知，移动互联网的流量犹如聚宝盆。许多用户，好不容易完成了> 手机APP开发制作**，却苦无APP运营经验，束手无策？如果您完全没有这方面的经验，那么跟着力谱云小编，咱们来学学如何通过5大步骤，包圆您的APP运营新手路吧！
首先，我们要明白APP就是一个流量入口，而我们所有的APP运营相关工作，都是为了“拉新、促活、留存”而存在的，简单地说，圈住用户是最大的目标！
其次，在这个基础上，你必须清楚定位自己的用户群。
而为了更好地完成这个目标，我们可以从内容、用户、活动、产品、数据等5大环节入手。
内容运营，引流增信赖
内容运营，是做APP运营中最为基础的一部分。这是一个内容付费时代崛起的时刻，这也意味着当前的内容价值，对互联网用户群的吸引力。因此，内容做得好，就是一个很好的引流工具，可以有效增长APP用户量。
而做内容运营，最大的关键点在于，你的内容必须有价值，而非单纯的推销与介绍。其中，情感类、价值观的引入，更能提高用户的信赖度与友善度，并平台品牌影响力。在形式方面，也需要花样百出，除了文字与图片类，目前，直播与短视频，在内容输出上，更是引流不少。
用户运营，建立桥梁
用户运营，主要需要弄明白用户想从你的APP中得到什么？简单地说，就是弄明白用户需求与痛点。那么，如何通过有效手段，持续性抓痛点，促进转化？
简单地说，可以通过建立用户社群、用户反馈渠道、追踪评价等方式，通过获知用户反馈，进行内容、产品、APP功能等方面的调整，进行进一步的优化提升。
活动运营，增粉见效快
活动运营经营的好，可以为线上APP运营，增粉不少。并且，一场让用户收获满满的活动，则可以为APP带来无数的粉丝与关注量。
而想要举办一场成功的活动，需要运营者对产品和用户有较深的理解，在贴合产品的基础上，重点打入用户痛点问题，才能抓住有效的可转化的用户。
产品运营，运营的根本
毫不夸张的说，APP运营必须是围绕产品运营进行展开的。产品不得用户心，那么APP运营得再好，也无法提升转化量，无法真正打开销售渠道。总体来说，产品运营要以用户体验为主，并且运营者对产品必须有清晰的定位认知。
数据运营，精准营销为王道首选
互联网时代，如果没有数据分析保驾护航，上一刻，流量可能冲到飞起，下一刻，用户就跑光也有很大可能。说了这么说，无非是告诉你，没有数据的运营，纯粹是瞎猫碰上死耗子，是瞎搞。
而基于APP用户群体数据，你可以了解到用户的性别、年龄、地域、手机型号等信息，甚至在此基础上可以描绘出用户画像，进而分析消费行为等，可以让你了解用户最喜欢在什么版块活跃，在哪个渠道的转化率更高，在支付过程中，哪个环节有卡顿？通过查看用户使用APP的活跃量、留存率等等，可以分析出用户是为什么离开你的APP，进而进行APP的优化、产品调整等。
漫漫运营路，力谱云陪您一路成长
想要做好线上APP运营，并非是一朝一夕的工作量。只要APP生命不息，运营工作也无法停息下来。目前，力谱云平台已向各大企业用户，提供了一站式的移动商业解决方案，从APP研发到APP运营，我们始终支持。
企业通过力谱云平台，可使用有效的营销功能（文章、拼团…），以及大数据分析能力，进一步精准化APP运营方针战略，也可以节省许多运营方面的人力成本与技术成本。让您的移动蓝海之行，更省钱、省心、省力，一直是力谱云服务企业用户的初衷。
期待，在漫漫APP运营长路之中，我们能与您一路同行，陪伴您一路成长。