模块化开发在前端越来越流行，使用 node 和 npm 可以很方便的下载管理项目所需的依赖模块。package.json 用来描述项目及项目所依赖的模块信息。 那 package-lock.json

在这篇文章中，我们将学习如何使用defineCustomElement API将Vue组件转换为Web Component，如何将其打包为库，以及如何在纯HTML中使用它。

写了这么久代码，居然没有思考过为什么web端能访问到process.env这个属性，有时候不能光写代码，还要学会思考

上一篇介绍了移动端开发的相关技术，这一篇主要是从 Hybrid 开发的 JS Bridge 通信讲起。 顾名思义，JS Bridge 的意思就是桥，这是一个连接 JS 和 Native 的桥接，也是 Hybrid App 里面的核心。一般分为 JS 调用 Native 和 Na…

近些年，移动端普及化越来越高，开发过程中选用 Native 还是 H5 一直是热门话题。Native 和 H5 都有着各自的优缺点，为了满足业务的需要，公司实际项目的开发过程中往往会融合两者进行 Hybrid 开发。Native 和 H5 分处两地，看起来无法联系，那么如何才能…

移动互联网的发展，Hybrid开发已经基本成了各个App的标配。Hybrid就是Native、H5混合开发技术，Android有 webview 、iOS 有 UIWebview和 WKWebview，这些控件可以加载并渲染 Html 文件。配合 HTML5，前端将战场从PC开…

在字节跳动实习了一段时间，JSBridge使用的比较频繁，之前只是看了些简单的JSBridge概念，一直没有时间去了解从客户端到JavaScript的一个通信原理（JSBridge）。最近花了点时间学习了从Android端到JavaScript的通信-JSBridge（主要…

一、什么是JSBridge？ JSBridge是一种webview侧和native侧进行通信的手段，webview可以通过jsb调用native的能力，native也可以通过jsb在webview上执

关于 JSBridge，绝大多数同学最早遇到的是微信的 WeiXinJSBridge（现在被封装成 JSSDK），各种 Web 页面可以通过 Bridge 调用微信提供的一些原生功能，为用户提供相关的功能。其实，JSBridge 很早就出现在软件开发中，在一些桌面软件中很早就运…