随笔分类 - 移动端
摘要：一，准备环境 1，提前安装git环境和GitHub做集成，不做多解释； 1，准备微信项目代码； 2，创建GitHub仓库； 二，创建GitHub仓库 1，创建一个空的GitHub仓库，不要任何文件和不要创建任何分支，后面会从微信开发工具统一导入。（只用填个name，其他不勾选，勾选了会自己创建mas
阅读全文
摘要：1.webview是什么？作用是什么？和浏览器有什么关系？ Webview 是一个基于webkit引擎，可以解析DOM 元素，展示html页面的控件，它和浏览器展示页面的原理是相同的，所以可以把它当做浏览器看待。（chrome浏览器也是基于webkit引擎开发的，Mozilla浏览器是基于Gecko
阅读全文
摘要：一、持续集成是什么？ 持续集成是一种软件开发的实践，即团队开发成员经常集成他们的工作，通常每个成员每天至少集成一次，也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建（包括编译，发布，自动化测试)来验证，从而尽快地发现集成错误。许多团队发现这个过程可以大大减少集成的问题，让团队能够更快的开
阅读全文
摘要：移动前端开发之viewport的深入理解 在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 一、viewport的概念
阅读全文
摘要：1.iPhone尺寸规格 2.单位inch（英吋） 1 inch = 2.54cm = 25.4mm 3.iPhone手机宽高 上表中的宽高（width/height）为手机的物理尺寸，包括显示屏和边框。 以下为iPhone4s的宽高示意图： 4.屏幕尺寸 我们通常所说的iPhone5屏幕尺寸为4英
阅读全文
摘要：场景： 人物：前端实习生「阿树」与 切图工程师「玉凤」 事件：设计师出设计稿，前端实现页面 玉凤：树，设计稿发给你啦，差那么点像素，就叼死你┏( ￣へ￣)=☞ 阿树：~( _
阅读全文
摘要：1.首先说滚动条 移动端开发在不设置任何适配和viewport宽度的情况下，以iphone5为例：屏幕界面的逻辑分辨率是320x568，在谷歌浏览器的界面下屏幕的可视宽度是980px（谷歌设置的，每个浏览器宽度不一样）, 所以界面如果是980可以横向铺满全屏： 如果超过980就会出现滚动条.比如界面
阅读全文
摘要：前言 Safari开启无痕模式后，localStorage和sessionStorage为空，对其进行set操作也会报错，也就是说这种情况下，storage是被禁止使用了。接下来说一下解决方法。 解决方案 我们项目框架上的解决方法是对storage进行一层封装，遇到这种开启无痕模式的情况，会定义一个
阅读全文
摘要：cube ui 是滴滴去年底开源的一款基于 Vue.js 2.0 的移动端组件库，主要核心目标是做到体验极致、灵活性强、易扩展以及提供良好的周边生态—后编译。 自 17 年 11 月开源至今已有 5 个月，在这个过程中 cube ui 受到了不少的关注，同时从社区中也收到了很多很好的反馈和建议。我们
阅读全文
摘要：1，先看看网上关于移动端适配讲解 再聊移动端页面适配，rem和vw适配方案！ 基础点 ：rem相对根节点字体的大小。所以不用px; 根字体 ：字体的大小px; px ：你就当成cm(厘米)这样的东西吧； 基准 ：750设计稿； 这是方案的基础理论，在这个基础上，我们还要搞明白，到底要干一件什么事情！
阅读全文
摘要：在调移动支付问题的时候遇到过，用window.open打开一个微信支付链接，唤醒移动支付，在IOS下死活唤醒不了，是js代码冲突问题...是click事件IOS下不兼容问题...最后定位到window.open语句，之后改为window.loaction.href，奇迹般的可以唤醒支付，因此，也就很
阅读全文
摘要：Chrome下调用play后抱错：DOMException: play() failed because the user didn't interact with the document first. 声音无法自动播放这个在IOS/Android上面一直是个惯例，桌面版的Safari在2017年
阅读全文