来自我司业务方要求，需开发一款APP。但由于时间限制，只能采取套壳app方式，即原生app内嵌webview展示前端页面。本文主要记述JavaScript与原生app间通信，以及内嵌webview开发时，前端方面可能踩的一些坑。 android 传送门 和ios 传送门，因为两…

由于 h5 的开发成本较低（开发速度快），且支持多端共用（忽略浏览器兼容性），所以经常有企业的原生应用中会嵌入 webview 来达到 h5 替代原生页面的开发模式，我们称为混合开发，其应用称为 Hybrid App。既然如此，就或多或少会涉及 h5 页面和 app 进行通信（…

前言 这么快就年终了，回顾2021年发现没干啥事，换了个城市，换了份工作，新公司新坑，现在主做Hybrid APP，那么年终就总结下移动端的调试方案来划划水吧🐰 移动端的真机调试，总结了下就大致就2种

很多时候，我们在进行移动端开发时，都是先在PC端使用手机模拟器进行调试，没有问题后，我们才会在手机端的浏览器进行测试，这个时候，如果没有出现问题，皆大欢喜。但是一旦出现问题，我们就很难解决，因为缺乏可视化的界面。不似在PC端，我们能直观的去改变样式，或者是进行断点调试。有时，在…

最近开发的混合APP,原生与h5交互通信，Android是使用JsBridge库实现，iOS是使用WebViewJavascriptBridge库实现的。由于原生ios由UIWebView替换成WKWebView，前端配置js文件会有所不同，具体内容不再本文讨论范围，本文主要讲…

中高级前端必须注意的40条移动端H5坑位指南，分为三个方向：HTML、CSS、JS。提供一些优化性功能等

移动端调试痛点（项目常用） 在移动端开发时，都是先在PC端使用手机模拟器进行调试，没有问题后，我们才会在手机端的浏览器进行测试。这个时候，一旦出现问题，我们就很难解决，因为缺乏可视化的界面。

在看了很多文章后，我发现一个问题，都是说说原理，并没有告诉你如何把rem 或者 vw 用的项目当中，难道你写代码的时候还会一边拿计算器一边计算单位长度嘛？我已经想象到那个画面了。知道你同事还知道你在做什么，那不知道你的同事，会不会在怀疑你是当会计的，还是不是流出一中 “归零归零…

前言 这篇文章主要通过 create-react-app 脚手架配合 react-app-rewired 添加一些额外的webpack配置搭建一个基于vw的H5架子