随笔分类 - 客户端
摘要：前言 iPhone X和IOS 11的发布，不仅在许多技术方面造成了一定的冲击，前端也不可以避免地也受到影响，因为iPhone X刘海的影响，在编写前端页面的时候要做一些处理，下面先提出一些新的概念。 iphone介绍 iPhone X 无论是在屏幕尺寸、分辨率、甚至是形状上都发生了较大的改变，下面
阅读全文
摘要：以京东收银台为例，收银台首页和成功页使用的是一个webview，在成功页点击一个按钮可能会跳转，可能是http（h5页面）也可能是openapp（原生页面/h5页面） Android http：不会打开新的webview，就在收银台的webview中打开 openapp：打开新的webview iO
阅读全文
摘要：前言 最近有一个需求是和在app中前端本地存储相关的，所以恶补了一下相关知识 webView开启支持H5 LocalStorage存储 有些时候我们发现写的本地存储没有起作用，那是因为默认WebView没有开启LocalStorage存储。需要开启 H5使用的Local Storage存的数据，原生
阅读全文
摘要：前言 最近有一个需求是和在app中前端本地存储相关的，所以恶补了一下相关知识 webView开启支持H5 LocalStorage存储 有些时候我们发现写的本地存储没有起作用，那是因为默认WebView没有开启LocalStorage存储。开启方法如下 首先得有Webview控件： 有人问我是不是需
阅读全文
摘要：方法一： app可以把参数传到h5的链接里，用类似?xx=xx&xx=xx的形式拼接，js解析参数即可。 方法二： 情况一：app调用h5 原生app都可以对js的function进行触发，前端要做的只是将js定义好方法名和参数，交给app人员即可，app将数据通过参数传入 情况二：h5调用app
阅读全文
摘要：方法一： 情况一： if (window.JdAndroid){ window.JdAndroid.setPayCompleted(); window.JdAndroid.setPageIndex("cashierDesk_finish"); } 调用方式：h5调用Android方法 传递数据：通过
阅读全文
摘要：参考 Android中.9图片的含义及制作教程 .9.png Android .9.png 的介绍
阅读全文
摘要：何为沉浸式设计 我们可以将为了沉浸式（心流）而进行的设计可以称之为沉浸式设计（为心流而设计）。 沉浸模式就是突出内容，排除干扰，对界面除内容以外的东西尽可能的进行圆润的简化，将用户所关注的内容最大程度的呈现于屏幕之上。 沉浸式设计案例 而沉浸式设计的例子通常就是隐藏状态栏以及导航栏等元素 京东的支付
阅读全文
摘要：Deeplink应用描述 Deeplink，简单讲，就是你在手机上点击一个链接之后，可以直接链接到app内部的某个页面，而不是app正常打开时显示的首页。不似web，一个链接就可以直接打开web的内页，app的内页打开，必须用到deeplink技术。 想要在h5页面中唤起app的某个页面也要用到该技
阅读全文
摘要：webview是什么？作用是什么？和浏览器有什么关系？ Android系统中内置了一款高性能 webkit 内核浏览器,在 SDK 中封装为一个叫做 WebView 组件也就是说WebView是一个基于webkit引擎、可以解析DOM 元素展现web页面的控件，它和浏览器展示页面的原理是相同的所以可
阅读全文
摘要：Android原生如何渲染H5页面 Android与 H5 的交互方式大概有以下 1 种： 利用WebView进行交互（系统API） iOS原生如何渲染H5页面 iOS 与 H5 的交互方式大概有以下 5 种： 利用 WKWebView 进行交互 (系统 API) 利用 UIWebView 进行交互
阅读全文
摘要：Android原生与H5交互的实现 H5调用原生的方式 方式可能有多种，根据开发经验，接触过两种方式。 方法一：Android向H5注入全局js对象，也就是H5调Android 1.首先对WebView进行初始化 WebSettings settings = webview.getSettings(
阅读全文
摘要：前言 现在移动端 web 应用，很多时候都需要与原生 app 进行交互、沟通（运行在 webview中），比如微信的 jssdk，通过 window.wx 对象调用一些原生 app 的功能。所以，这次就来捋一捋 h5 与原生 app 交互的原理。 h5 与原生 app 的交互，本质上说，就是两种调用
阅读全文
摘要：混合开发 随着移动互联网的高速发展，常规的开发速度已经渐渐不能满足市场需求。原生H5混合开发应运而生，目前，市场上许多主流应用都有用到混合开发，例如支付宝、美团等。下面，结合我本人的开发经验，简单谈一下对混合开发的认识以及实现方式。 Hybrid App（混合开发）主要以JS+Native两者相互调
阅读全文
