摘要：
如何根据ua判断ios、android、ipad？如何判断app版本 根据ua判断iOS var ua = navigator.userAgent; if (ua.match(/(iPhone\sOS)\s([\d_]+)/)) { // is ios } 根据ua判断ipad var ua = n 阅读全文
摘要：
以京东收银台为例，收银台首页和成功页使用的是一个webview，在成功页点击一个按钮可能会跳转，可能是http（h5页面）也可能是openapp（原生页面/h5页面） Android http：不会打开新的webview，就在收银台的webview中打开 openapp：打开新的webview iO 阅读全文
摘要：
前言 最近有一个需求是和在app中前端本地存储相关的，所以恶补了一下相关知识 webView开启支持H5 LocalStorage存储 有些时候我们发现写的本地存储没有起作用，那是因为默认WebView没有开启LocalStorage存储。开启方法如下 首先得有Webview控件： 有人问我是不是需 阅读全文
摘要：
方法一： 情况一： if (window.JdAndroid){ window.JdAndroid.setPayCompleted(); window.JdAndroid.setPageIndex("cashierDesk_finish"); } 调用方式：h5调用Android方法 传递数据：通过 阅读全文
摘要：
方法一： app可以把参数传到h5的链接里，用类似?xx=xx&xx=xx的形式拼接，js解析参数即可。 方法二： 情况一：app调用h5 原生app都可以对js的function进行触发，前端要做的只是将js定义好方法名和参数，交给app人员即可，app将数据通过参数传入 情况二：h5调用app 阅读全文
摘要：
客户端相关知识学习（八）之Android“.9.png” 参考 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两者相互调 阅读全文
摘要：
1. 版本问题导致环境问题 npm5之前我们第一次npm install时是根据package.json来安装相关依赖的，但是它里面的版本不固定，因此默认会根据最高的版本来安装相关依赖，但是在npm5是根据package-lock.json来安装相关依赖的，但前提是没有在命令行中新安装依赖或者更改p 阅读全文
摘要：
nvm nvm:nodeJs版本管理工具,管理nodejs版本和npm版本，使用nvm安装nodejs时会将npm一起安装下来 nodejs nodeJs: 一种高效的JavaScript运行环境 npm npm:是随同nodeJs一起安装的包管理工具，npm管理对应nodeJs的第三方插件 常见的 阅读全文
摘要：
转自：https://www.cnblogs.com/cangqinglang/p/8336754.html package-lock.json的作用就是锁定安装依赖时包的版本，并且需要上传到git，以保证其他人npm install时安装的依赖能够保持一致 根据官方文档，这个package-loc 阅读全文
摘要：
npm：查看npm所有命令 自己写包可能用到的命令： npm adduser：注册 npm login：登录 npm whami：查看当前用户名 npm init：初始化包的信息 npm publish：发布包/更新包 npm publish --access=public：发布公共作用域包 npm 阅读全文
摘要：
安装npm 安装前须知： npm是在Node中编写的，因此需要安装Node.js才能使用npm。可以通过Node.js网站安装npm，或者安装节点版本管理器NVM。 如果只是想开始探索npm，使用Node.js安装方法是最快的。如果您是一名高级开发人员，准备投入工作并使用版本，请使用node版本管理 阅读全文
摘要：
如何防止权限错误 如果您在尝试全局安装包时看到EACCES错误，请阅读本章。如果更改安装npm的目录，通常可以避免此错误。要做到这一点，要么使用版本管理器重新安装npm(推荐)或手动更改npm的默认目录。 选项一:使用节点版本管理器重新安装 这是避免权限问题的最佳方法，在安装节点版本管理器之前，不需 阅读全文
摘要：
如何安装本地包 有两种方式用来安装 npm 包：本地安装和全局安装。至于选择哪种方式来安装，取决于我们如何使用这个包。 如果你自己的模块依赖于某个包，并通过 Node.js 的 require 加载，那么你应该选择本地安装，这种方式也是 npm install 命令的默认行为。 如果你想将包作为一个 阅读全文