移动互联网终端 | 易学教程

移动广告平台如何变得更具有价值?

阅读更多关于移动广告平台如何变得更具有价值?

一直以来，移动广告平台界一直没有被开发者看好，就在近几年总算可以出人头地了，也有属于自己的一片天地。即大部分人的目光已经瞄准了，广告主的钱就应该花在移动广告平台上面。于是在这个智能手机来到我们生活的年代，当智能手机已经成为我们接触互联网乃至现实世界的主要工具时，把更多的钱投入移动端，获取用户就变得越来越有必要。伴随着手机App应用的兴起，移动广告平台迎来了发展的好机遇，但我们如何让移动端广告更有价值呢?这可能是目前各移动广告平台都要思考的主要问题。因为利用手机App应用想抢占移动广告平台的第一位并不是一件容易的事情。 KeyMob，一个专业的移动应用广告管理工具支持百度广告，admob广告，广点通，inmobi,chartboost，iad,等众多流行广告平台为核心。以尊重用户提出的建议，感谢用户，发现用户的问题，注重用户的体验而研发了具有新创意的平台。据悉，KeyMob移动平台是专为手机APP应用提供管理的一个平台，能够轻松的通过应用市场审核，不仅不会被查封和被违规，而且还包括开发时没计划的用的平台，后面也照样可以使用，无需修改产品；用哪个平台，随心所想。 KeyMob技术人员表示，用户使用KeyMob可以方便的应用交叉推广，设定各个广告平台的比例和优先顺序，还可以方便的完成定向推广，自主销售广告，互换广告和控制广告的内容与价格。当移动广告平台的规模越来越大时

在vue移动端项目中，配合clipboard.js插件，复制一段密令（类似淘宝支付宝口令）的文本到剪切板...

阅读更多关于在vue移动端项目中，配合clipboard.js插件，复制一段密令（类似淘宝支付宝口令）的文本到剪切板...

需求开发过程中遇到的需求需要复制请求过来的一段密令（类似支付宝淘宝口令）到剪切板。 pc端的文本复制到剪切板如果是在pc端的话，可以直接使用原生js进行编写，代码如下： <textarea id="input">这是被复制的内容</textarea> <button onclick="copyText()">copy</button> <script type="text/javascript"> function copyText() { var text = document.getElementById("text").innerText; var input = document.getElementById("input"); input.value = text; // 修改文本框的内容 input.select(); // 选中文本 document.execCommand("copy"); // 执行浏览器复制命令 alert("复制成功"); } </script> 但是这种方法在移动端会有一些问题，我是在微信公众号开发，发现在微信浏览器中会失效。网上搜了下， clipboard.js 是个相对比较靠谱的第三方。 clipboard.js 官方github 目前的star 25k ⭐️ 大佬的中文翻译概括一下两种方式，一种适合复制固定的文本

移动端长按事件

阅读更多关于移动端长按事件

转载自鼠标长按事件和移动端长按事件转载自移动端长按事件 <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title></title> <script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script> </head> <body> <div style="width:100%;"> <div id="touchArea" style="width:90%; height:200px; background-color:#CCC;font-size:100px">长按我</div> </div> <script> var timeOutEvent=0;//定时器 $(function(){ $("#touchArea").on({ //手指开始按时设置定时器，超过500毫秒就执行longPress() touchstart: function(e){ timeOutEvent = setTimeout("longPress()",500); e.preventDefault(); }, //如果手指滑动只是说明用户不想长按只想滑动，所以要取消定时器,并还原， /

前端常用插件、工具类库

阅读更多关于前端常用插件、工具类库

函数库 Lodash（推荐）： github.com/lodash/loda… Underscore： underscorejs.org/ Ramda： github.com/ramda/ramda outils： github.com/proYang/out… 30-seconds-of-code： github.com/Chalarangel… 动画库 Animate.css CSS3 动画库，也是目前最通用的动画库。 daneden.github.io/animate.css… Anime.js：一个强大的、轻量级的用来制作动画的javascript库 animejs.com/ Hover.css： CSS hover 悬停效果，可以应用于链接、按钮、图片等等。 github.com/IanLunn/Hov… wow.js: 滚动展示动画 WOW.js 依赖 animate.css，所以它支持 animate.css 多达 60 多种的动画效果。 github.com/matthieua/W… scrollReveal.js：类似 wow.js github.com/jlmakes/scr… Magic.css： css3 animation动画库 github.com/miniMAC/mag… Waves：点击波纹效果 github.com/fians/Waves

clipboard.js移动端无法实现复制

阅读更多关于 clipboard.js移动端无法实现复制

clipboard.js简介：实现了纯 JavaScript (无 Flash)的浏览器内容复制到系统剪贴板的功能。在项目中使用clipboard.js插件去实现点击按钮，复制文字到剪切板的功能。同样的代码，在PC可以实现正常复制但是在移动端却失效主要是因为移动端项目为了防止用户长按文本实现复制，一般在重置reset.css里面都会设置 div, p, a, ul, li, ol, h1, h2, h3, h4, h5, h6, span { -webkit-user-select : none ; -webkit-touch-callout : none ; } 所以为了使需要被复制的文本所在的div能够选中，可以设置css属性user-select:auto，不过，这样做的缺点是，用户长按该区域也能实现复制。还有一种解决方式就是通过js去获取需要复制的内容在，这种写法也是官方文档提供的，为了使我们可以动态的设置用户剪贴板的内容 https://clipboardjs.com/ this . clip = new ClipboardJS ( '.copy-btn' , { text : ( ) => myInvitedCode ? myInvitedCode : '' //设置text的值，即为需要复制到用户剪贴板的内容 } ) ; 对应的HTML： < div

移动 App 应用测试方法与思路

阅读更多关于移动 App 应用测试方法与思路

【转载】移动 App 应用测试方法与思路分析三种主流的移动 App 类型，并给出和普通web测试不同的地方，给出测试的思路，并给出部分场景组合。附：安卓 App 测试常用 adb命令和 money 命令移动端测试还是 PC 端测试，业务测试其实都属于 GUI 测试的范畴，所以基本的测试思路，比如基于页面对象封装和基于业务流程封装的思想是相通的。三种移动端产品类型介绍移动端应用的测试其自身特点，和其他传统测试又有一些独特的测试方法与思路。移动端应用又可以进一步细分为三大类： Web App 指的是移动端的 Web 浏览器，其实和 PC 端的 Web 浏览器没有任何区别，只不过Web 浏览器所依附的操作系统不再是 Windows 和 Linux 了，而是 iOS 和 Android 了。 Web App 采用的技术主要是，传统的HTML、JavaScript、CSS等Web技术栈，当然现在HTML5 也得到了广泛的应用。另外，WebApp所访问的页面内容都是放在服务器端的，本质上就是 Web 网页，所以天生就是跨平台的。 Native App 指的是移动端的原生应用，对于 Android 是 apk，对于 iOS 就是 ipa。NativeApp 是一种基于手机操作系统（iOS 和 Android），并使用原生程序编写运行的第三方应用程序。 Native App

大众点评点餐小程序开发经验 - 概述

阅读更多关于大众点评点餐小程序开发经验 - 概述

作者介绍：周中坚，美团点评工程师，4年 Web 前端开发经验，主要负责过会员卡、外卖、预订、商家平台等业务的前端开发，现在是美团点评点餐团队的一员。如果你看过《张小龙首次全面阐述小程序》这篇文章，一定会对这句话有印象："比如我们到一个餐馆，我们可能想排队或者说点一下菜，我们并不需要去下载这个餐馆的应用程序，我们只需要在餐馆扫一下它的二维码，然后就启动了这个餐馆的小程序，我们可以立即在小程序里排队或者点餐。" 没错，我们就是做张小龙在演讲时提到的"点餐"的大众点评点餐团队。我们团队在去年年底开始考虑微信小程序平台，经过快速而慎重的前期调研和讨论，紧张的开发测试，在微信同事的帮助下，"大众点评点餐"小程序于2017年1月上线。如果你对小程序感兴趣，不妨关注一下这个专栏，我们计划在两个月内推出7篇关于小程序的专栏文章。小程序的这一系列文章是我们前端团队做小程序时积累的经验，里面不仅有小程序的原理，还有我们开发过程中遇到的问题和解决办法。如果你对前端感兴趣，也不妨关注一下这个专栏，因为小程序只是我们团队很小的一部分产出，我们会持续创作，将我们的经验和大家分享。功能简介大众点评点餐小程序是一个工具，本着方便好用的初衷，我们设计的第一版的「大众点评点餐」小程序交互流程非常简单，用户可以在小程序中完成选择菜品，确认下单，追踪订单状态这个完整的点餐流程。菜单页购物车页订单详情页

浅谈响应式Web设计与实现思路

阅读更多关于浅谈响应式Web设计与实现思路

是否还在为你的应用程序适配PC端，移动端，平板而苦苦思索呢，是否在寻找如何一套代码适配多终端方式呢，是否希望快速上手实现你的跨终端应用程序呢，是的话，那就看过来吧，本文阐述响应式UI设计相关理论基础，包括：屏幕尺寸，物理，设备独立，CSS像素，dpr，视口等相关概念，还有响应式设计基础，常见设计模式，及响应式UI实现基本思路，希望能加深对响应式的理解和实践思路。欢迎访问我的个人博客响应式（Responsive）响应式是什么呢？顾名思义，响应式，肯定会自动响应，响应什么？应用程序是在终端屏幕窗口中展示给用户，被用户访问的，那么就是响应屏幕的变化，不同终端屏幕尺寸大小不一致，需要针对不同尺寸屏幕进行不同的展示响应。响应式（Responsive web design, RWD），是指一套应用程序用户界面（User Interface）能自动响应不同设备窗口或屏幕尺寸（screen size）并且内容，布局渲染表现良好。自适应（Adaptive）在响应式设计（RWD）之外，还有一种适配多设备屏幕的方式，自适应设计（Adaptive web design， AWD）。自适应设计(AWD)，是指一个应用程序使用多版本用户界面，针对不同设备屏幕，服务器端返回不同版本用户界面，供用户访问。自适应vs响应式自适应和响应式设计的不同主要概括如下：自适应是多套用户界面

专访携程李亚锋：大数据技术融合下的Spark更具魅力

阅读更多关于专访携程李亚锋：大数据技术融合下的Spark更具魅力

“大数据”作为当下最火热的IT行业词汇，在主流的数据处理工具当中hadoop和Spark都被大家所熟悉。不过，目前基于内存计算的Spark适合各种迭代算法和交互式数据分析，能够提升大数据处理的实时性和准确性，已经逐渐获得很多企业的支持。这是否意味着我们应该彻底抛弃Hadoop？在前不久的北京Spark亚太峰会上，记者有机会专访到携程大数据平台高级经理李亚锋，为大家分享如何通过Spark与Hadoop大数据技术间的融合，实现优势互补，引导企业发现用户的潜在需求。李亚锋，携程大数据平台高级经理，负责大数据底层平台的运营和开发。2002年起一直专注于IT互联网领域，从事过网络会议、IPTV、安全网关、游戏架构、搜索引擎、推荐引擎等，主要偏后台架构和底层开发。加入携程后，开始转向大数据领域。以下为51CTO记者对李亚锋老师的专访录音整理您在携程主要负责什么工作？目前我们大数据的应用情况和规模是怎么样的？目前我是携程DI（Data infrastructure）团队高级经理，主要负责大数据底层平台的运营和开发。我2002年毕业后一直在IT互联网的领域工作，加入携程之后，转向大数据领域。我们从4个节点的hadoop集群做起，目前达到200个节点的规模，数据达3PB，每天job数3万以上，每天数据增量40TB，有力支持了携程大数据相关业务的发展。大数据对我们公司业务的支持作用非常大

移动端真机debug调试神器 vConsole

阅读更多关于移动端真机debug调试神器 vConsole

参考使用方法移动端真机debug调试神器 vConsole的引入说明（原生态与WebPack）移动端使用vconsole调试console vConsole ——开源的前端 console 调试面板下载地址 Github BootCDN 来源： https://www.cnblogs.com/kunmomo/p/11795413.html

订阅移动互联网终端