随笔分类 - 移动开发(WAP,Android,IOS)
摘要：em整理： 任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么 12px=0.75em,10px=0.625em。为了简化 font-size 的换算，需要在 css 中的 body 选择器中声明Font-size=62.5%，这就使 em 值变为 16px*6
阅读全文
摘要：网络方面 web应用，总是会有一部分的时间浪费在网络连接和资源下载方面。往往建立一次网络连接是需要时间成本的。而且浏览器同一时间所发送的网络请求数是有限的。所以，这个层面的优化可以从「减少请求数目」开始： 减少http请求：在YUI35规则中也有提到，主要是优化js、css和图片资源三个方面，因为h
阅读全文
摘要：animate.css 最有名的动画效果库 magic.css css 动画效果库 类似 animate.css popmotion 一个函数式声明前端动画库 NES.css 任天堂主题风格 css 库 particles.js 前端实现颗粒粒子的动画效果库，比较炫酷，但相对的也比较吃性能 Pape
阅读全文
摘要：1.普通滚动 <div class="info"> <transition name="slide" mode="out-in"> <div class="con" v-if="number == 0" key="money"> <div>发射心心得奖金</div> <div class="mone
阅读全文
摘要：原因：es6 不兼容 1. object.assign babel不会处理默认 npm install babel-plugin-transform-object-assign npm install babel-plugin-transform-object-rest-spread 2.项目第三方
阅读全文
摘要：<template> <div ref="wrapper"> <slot></slot> </div> </template> <script type="text/ecmascript-6"> import BScroll from 'better-scroll' export default {
阅读全文
摘要：原文：https://github.com/zhongDZ/zhongdz.github.com/issues/37 这里收集了许多移动端上遇到的各种坑与相对解决方案 ##工具类网站 HTML5 与 CSS3 技术应用评估 各种奇妙的hack 几乎所有设备的屏幕尺寸与像素密度表 移动设备参数表 io
阅读全文
摘要：系统自带webview里的注意点 1.IOS端:active不生效 常见效果长按按钮状态发生变化,比如切换src等，用:active再方便不过，可是可是。。。 解决方案：body标签里绑定个<body ontouchstart=""></body>,可写js绑定 2.IOS端:div,span,p.
阅读全文
摘要：1. -webkit-overflow-scrolling:touch是什么？ MDN上是这样定义的： -webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回弹效果.auto: 使用普通滚动, 当手指从触摸屏上移开，滚动会立即停止。touch: 使用具有回弹效果
阅读全文
摘要：1.锚点链接 2.document.getElementById(rewardid).scrollIntoView(); 3. Math.easeout = function (A, B, rate, callback) { if (A == B || typeof A != 'number') {
阅读全文
摘要：兼容问题： 如果元素定位在加了-webkit-overflow-scrolling:touch的容器上方时，如果上下滚动容器内容，定位的元素会跟着容器内容一起往上或往下滚动 iScroll是什么 很多场景，如果使用body的滚动会很不方便，这时候，就会使用某个元素的局部滚动，恶心的事情就会发生了。
阅读全文
摘要：(function () { const ua = navigator.userAgent; const android = ua.match(/Android \d\.\d/); // const ios = ua.match(/iPhone OS \d.\d.\d/); const androidVersion = android && android[0].match(/\d.\d/) &&
阅读全文
摘要：https://www.cnblogs.com/xuepei/p/7920888.html Angular UI 组件 ngx-bootstrap 是一套Bootstrap 组件 官网：https://valor-software.com/ngx-bootstrap/#/ github: https
阅读全文
摘要：moment.js 时间函数库 query-string url参数解析库 https://github.com/peunzhang/pageResponse 移动端响应 适用滑屏 简单页面 https://zh.javascript.info/ https://chokcoco.github.io
阅读全文
摘要：本代码基于Vue的架构 1.首先，要滚动的内容放在一个‘id=box’ 的div里，对div进行scroll事件的监听 参数配置： 部分解释： 在移动端上，在你用overflow-y:scorll属性的时候，你会发现滚动的效果很木，很慢，这时候可以使用-webkit-overflow-scrolli
阅读全文
摘要：Jquery Mobiscroll是一个用于触摸设备(Android phones, iPhone, iPad, Galaxy Tab)的日期和时间选择器jQuery插件。以及各种滑动插件 可以让用户很方便的只需要滑动数字既可以选择日期。Mobiscroll作为一款jQuery日期插件可以让用户自定
阅读全文
摘要：转过来，平时看看。虽然还有很多问题至今无解。比如：华为麒麟950的P8和meta打开我们的应用首页经常偶发白屏。！！ 1、安卓浏览器看背景图片，有些设备会模糊。 用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？ 经过研究，是devicePixelRatio作怪，因为手机分辨率太小，
阅读全文
摘要：点击样式闪动 Q: 当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。 A:根本原因是-webkit-tap-highlight-color，这个属性是用于设定元素在移动设备（如Adnroid、iOS）上被触发点击事件时，响应的背景框的颜色。建议写在
阅读全文
摘要：var fixScreen = function() { var metaEl = doc.querySelector('meta[name="viewport"]'), metaCtt = metaEl ? metaEl.content : '', matchScale = metaCtt.match(/initial\-scale=([\d\.]+)/...
阅读全文
