随笔分类 - 移动端
摘要：体验地址： https://www.chaogula.com/m/calculator?channelId=cnblog 技术栈： vue + nodejs 波浪计算器功能包括： W底、M头、C浪下跌、盘整、黄金分割比例（0.382、0.5、0.618、1.618） 通过波浪理论，我们可以预知股价见
阅读全文
摘要：【心路历程】 最近刚好在思考工作中统计数据所用的标识码产生的数据误差到底有多大，借此机会几番搜索资料+请教大神，整理出此文。 因为自己是产品经理，所以出发点是整理知识点、理解个大概、知道什么不能用、什么标识是靠谱的，并不研究太深入。毕竟非专业开发，有时候若了解知识点太深入，反倒会更困惑（关联知识点太
阅读全文
摘要：最近遇到奇异的bug,在ios 11.3移动端页面 input输入框第一次触摸可以弹起键盘，后续再触摸需要很难弹起键盘，或者需要在输入框停一会才能弹起键盘。 bug复现条件： 一、ios 11.3中app的webview为 UI WebView 二、在项目中使用了FastClick.js，页面包括输
阅读全文
摘要：设置div的overflow:scroll,但是在手机上滑动的时候有点卡顿，所以在这个div上加一个css: -webkit-overflow-scrolling : touch; 在苹果手机上使用-webkit-overflow-scrolling:touch会导致使用固定定位的元素，随着页面一起
阅读全文
摘要：Family: Thonburi 1 2 3 4 Family: Khmer Sangam MN 1 2 Family: Kohinoor Telugu 1 2 3 4 Family: Snell Roundhand 1 2 3 4 Family: Academy Engraved LET 1 2
阅读全文
摘要：用户行为统计在如今的前端生态中已是稀松寻常，如各种站长统计工具。识别用户访问客户端唯一性是必要的实现，对于web前端获取的设备信息，一般容易想到的是通过navigator.userAgent，但相同设备及浏览器ua就相同了，故ua的辨识度很低，那么web前端识别浏览器设备唯一性是否有其他好办法？ 先
阅读全文
摘要：移动端业务开发，iOS 下经常会有 fixed 元素和输入框(input 元素)同时存在的情况。 但是 fixed 元素在有软键盘唤起的情况下，会出现许多莫名其妙的问题。 这篇文章里就提供一个简单的有输入框情况下的 fixed 布局方案。 iOS下的 Fixed + Input BUG现象 让我们先
阅读全文
摘要：注：以下所有例子均 只 在 iOS 的微信中测试过，但对于饿了么APP的内置浏览器同样适用（两者使用相同内核） 引题 工作中常常有需要显示大量信息的情况，列表超出一屏就涉及到滚动的问题。例如 在 iOS 中用微信打开，滚动非常顺滑，so far so good！但某天产品需求有变，要求加一个固定在头
阅读全文
摘要：移动端触屏滑动的效果其实就是图片轮播，在PC的页面上很好实现，绑定click和mouseover等事件来完成。但是在移动设备上，要实现这种轮播的效果，就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。 以下是四种touch事件 touchstart: //手指放到屏幕上时
阅读全文
摘要：移动设备的用户越来越多，每天android手机的激活量都已经超过130万台，所以我们面向移动终端的WebAPP也开始跟进了。本文主要介绍webapp的开发与调试的相关知识和经验，以及给出几种可选的解决方案。 一、基本概念 （1） CSS pixels与device pixels CSS pixels
阅读全文
摘要：初涉移动端设计和开发的同学们，基本都会在尺寸问题上纠结好一阵子才能摸到头绪。我也花了很长时间才弄明白，感觉有必要写一篇足够通俗易懂的教程来帮助大家。从原理说起，理清关于尺寸的所有细节。由于是写给初学者的，所以不要嫌我啰嗦。 现象 首先说现象，大家都知道移动端设备屏幕尺寸非常多，碎片化严重。尤其是An
阅读全文
摘要：一、本文就是个实例展示三点：我就TM想找个例子，知道如何个使用，使用语法什么的滚粗跟搜索引擎搞基自己备忘精力总是有限的，昨天一冲动，在上海浦东外环之外订了个90米的房子，要借钱筹首付、贷款和领证什么的。HTML5 history相关知识点啪啦啪啦讲起来也是一条又臭又长的裹脚布，精气神实在不够用，这里...
阅读全文
摘要：http://am-team.github.io/amg/dev-exp-doc.html
阅读全文
摘要：/** * ios弹起数字键盘有三种方法 * 1. 可以弹起带有小数点的键盘，可以键盘不干净，有其它各种字符，可切换输入法 * 2. 可以弹起纯数字键盘，加#*特殊字符，不可以切换输入法，但没有小数点 * 3. 可以弹起只有数字的键盘，不可切换输入法，没有小数点 * * android 与i...
阅读全文
摘要：WebApp与NativeApp有何区别呢？NativeApp：1、开发成本非常大。一般使用的开发语言为JAVA、C++、Objective-C。2、更新体验较差、同时也比较麻烦。每一次发布新的版本，都需要做版本打包，且需要用户手动更新（有些应用程序即使不需要用户手动更新，但是也需要有一个恶心的提示...
阅读全文
摘要：最近在做手机页面时，遇到数字输入的键盘的问题，之前的做法只是一刀切的使用 type="tel"，不过一直觉得九宫格的电话号码键盘上的英文字母太碍事了。于是想要尝试其它的实现方案，最终的结论却令人沮丧。不过也趁机详细了解了下pattern这个属性。type="tel" 和 type="number" ...
阅读全文
摘要：回顾2014年，刚转来到新的部门，非常渴望做出一个所谓的成功产品，心态几乎变了，每天都忙忙碌碌在项目中，把原来阅读和学习的习惯给忽视了，作为一个技术人员，没有通过学习新的知识来充实自己，跟进时代的步伐，是比较致命的；另外一点是运动也缺少了，感觉身体不如从前，例如工作太累，晚上容易失眠，让自己感到惶恐...
阅读全文
摘要：http://sja.co.uk/controlling-which-ios-keyboard-is-shownhttps://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTM...
阅读全文
摘要：http://blog.csdn.net/phonegapcn事件类型：backbuttondevicereadymenubuttonpauseresumesearchbuttononlineofflinebackbutton当用户在Android系统上点击后退按钮的时候触发此事件。document.addEventListener("backbutton",yourCallbackFunction,false);详述：如果你需要在Android系统上重载默认后退按钮的行为，可以通过注册一个事件监听器来监听“backbutton”事件。它不再需求调用任何其他方法来重载后退按
阅读全文