随笔分类 - 移动端H5
摘要：这里说的是 混合app 打包apk 文件，不设计原始 页面的开发。 一、环境安装：cordova 打包 apk 应用，需要 Android 环境 和 java SDK 环境。 1、java sdk：容易安装，这里就不介绍了。 2、Android 环境的工具：使用 android SDK manage
阅读全文
摘要：移动端 input[type=file]标签 本地文件、拍照、录像 上传的兼容性问题： https://blog.csdn.net/sinat_35538827/article/details/85997205 或 https://blog.csdn.net/weixin_34101229/arti
阅读全文
摘要：参考：https://www.jianshu.com/p/477ea20b1ece?from=singlemessage#_dt=1598020953361 或 https://www.cnblogs.com/magicg/p/13089480.html（推荐，比较详细） Native与H5相互调用
阅读全文
摘要：前言：这里移动端主要指 hybrid app 中的H5页面。app 中对页面 样式和功能 的需求会更精细一点。 1、适配： 手机端的尺寸多样，3.5英寸的 iPhone4应该是最小的，只要考虑 兼容到iPhone4 就可以了。（iPhone4的用户量现在也很少，有时只要 兼容到iPhone5 就可以
阅读全文
摘要：1、调用原生方法的接口文档：http://ask.dcloud.net.cn/docs/ （亲测有效，使用js 调用原生的设备方法是可以的） 2、HbuildX 可以直接真机调试的。(亲测有效，安装好软件，插件后，可能需要重启下 HbuildX )
阅读全文
摘要：1、了解webview： 参考链接 2、H5与App native的交互： a、目前javascript和客户端（后面统称native）交互的常见方式有两种，一种是通过JSBridge（杭州办事app就是通过这种方式进行交互的）的方式，另一种是通过schema的方式。 if (window.jsbr
阅读全文
摘要：1、 使用例子，vue官网，在手机浏览器器打开时，保存在桌面那个应用。还有饿了么网站也是PWA应用。
阅读全文
摘要：1、（个人理解）： SDK是写在容器（手机操作系统上的webview组件）上的应用，对H5应用暴露规定的API接口。相当于浏览器的开发者，给浏览器中新增了某些方法，js直接通过接口就可以调用的。 这个要区别于使用ocx控件，ock控件中的方法，浏览器是没有的。所以需要引入外部程序（使用object标
阅读全文
摘要：参考 ： https://www.cnblogs.com/axes/p/4603984.html
阅读全文
摘要：一、PC端 和 移动端适配分析： 1、PC端的适配，只是分辨率的不同引起的适配问题。这种适配好解决，这里就不讲了。 2、移动端的适配，移动端的适配主要是： 屏幕视口的分辨率和像素分辨率是不统一；不同手机的视口 分辨率也是不一样的。 二、（移动端）屏幕相关概念：（下面的概念只是按照个人的理解来写的，只
阅读全文
摘要：1、手机的响应式布局，所有的单位用rem来表示。 如：设计稿的宽度是750，则html标签的font-size=屏幕宽度/7.5。那么在网页中的尺寸 = 设计高上实际的尺寸/100. 把下面的代码作为一个单独的resize.js文件，手机的页面引用这个文件。 $("html").css({"font
阅读全文
