经过前面两篇文章的实践，我们学习了Weex的使用。本篇开始我们深入Weex的源码，一起探索Weex在安卓平台上是如何构建一套JS的运行框架，那从Module开始说起吧。
WebViewJavascriptBridge作为JS和原生OC的交互，通常都是在WebView中用self.bridge注册方法来进行调用，但这样对于WebView来说比较脓肿，全部逻辑处理都放在WebView下面实现，并且入参出参都是要用字符串来实现影响开发效率，后来考虑用runtime方法，让JS调用的方法都放在类里面实现
概述 做过混合开发的人都知道Ionic和PhoneGap之类的框架，这些框架在web基础上包装一层Native，然后通过Bridge技术的js调用本地的库。 在讲JSBridge技术之前，我们来看一下传统的实现方式。 Android端 Native调JS native调用js比较简单，只要遵循：”javascript: 方法名(‘参数,需要转为字符串’)”的规则即可。 在4.4之前，调用的方式： // mWebView = new WebView(this); mWebView.lo
作者：汪娇娇 时间：2017年8月3日 H5和客户端（IOS、安卓）想要交互怎么办（手动头疼）？ 答案是肯定的，必要的时候还是要借助一定的工具啦。 我主要研究的是JavascriptBridge，所以今天要说的就这种方法。 而且基于我自己是做前端的，所以单方面的只说JS部分，客户端可以参考： https://github.com/wangjiaojiao77/WebViewJavascriptBridge（IOS）和 https://github.com/wangjiaojiao77/JsBridge（安卓
在上一篇Vue.js应用性能优化二中，我们学习了足够强大的模式，可以显着提高应用程序的性能 - 按照路由分割代码。虽然按照路由拆分代码非常有用，但在用户访问我们的站点后，仍然有很多内部代码不需要。在本系列的这一部分中，我们将重点关注代码拆分我们的状态管理 - Vuex模块。
上一篇文章介绍了UIWebView 如何通过WebViewJavascriptBridge 来实现JS 与OC 的互相调用，这一篇来介绍一下WKWebView 又是如何通过WebViewJavascriptBridge 来实现JS 与OC 的互相调用的。WKWebView 下使用WebViewJavascriptBridge与UIWebView 大同小异。主要是示例化的类不一样，一些与webView 相关的API调用不一样罢了。
Web 页面中的 JS 与 iOS Native 如何交互？JS 和 iOS Native 就好比两块没有交集的大陆，如果想要使它们相互通信就必须要建立一座“桥梁”。
接触小程序一年多，真实体验就是小程序开发门槛相对而言确实比较低。不过小程序的开发方式，一直是开发者吐槽的，如习惯了 Vue，React 开发的开发者经常会吐槽小程序一个 Page 必须由多个文件组成，组件化支持不完善或者说不能非常愉快的开发组件。在以前小项目中没太大感觉，从加入有赞，参与有赞微商城小程序的开发，是真切的体会到对于大型小程序项目开发的复杂性。
之前已经创建了vue项目，并且将基本的配置都配置了，比如路由，跨域都配置好了，现在就开始开发组件了。
在上一篇文章《深入Weex系列（四）之Module组件源码解析》中我们结合源码学习了Module的注册、调用、回调等流程，并且分析一个Weex自带Module的实现。
WordPress 引入css/js 是我们制作主题时首先面对的一个难点，任何一款主题都要加载自己的 css,js,甚至很有可能还需要加载 Jquery 文件,网上方法特多，说法不一，我们今天借鉴 wordpress 官方最新的 twentysixteen 主题来学习总结一下 WordPress 引入 css/js 各种常用方法，以及最优化的加载方法。
前端路由是我们前端开发日常开发中经常碰到的概念，在下在日常使用中知其然也好奇着所以然，因此对 vue-router 的源码进行了一些阅读，也汲取了社区的一些文章优秀的思想，于本文记录总结作为自己思考的输出，本人水平有限，欢迎留言讨论~
做Hybird APP开发的同学，应该对JSBridge不陌生，它用于H5页面和Native（Android或者iOS）通信。常用的三方库如Dsbridge系列（https://github.com/wendux/DSBridge-Android）。那么，你知道JSBridge到底是如何在两端进行通信的吗？
在开发中涉及到网页与iOS原生交互，于是就想到了WebViewJavascriptBridge 这个开源库。经过最近几天的研究和了解算是熟悉了它的使用和大致的处理过程。以此记录作为自己学习总结习惯的开始，也便于不熟悉它的人能快速使用它。 内容包括三个部分。
本文介绍了React Native For Android的架构设计、启动流程、通信机制以及其与React Native的关系。作者还分享了如何通过React Native开发Android应用，以及Android应用如何调用React Native模块的示例。
| 导语 企鹅电竞iOS端在3.2版本接入了Weex，感受了一把前端的代码原生的体验。本文从WeexSDK源码出发，主要介绍了Weex在iOS侧的框架结构以及大致的工作流程。 关于Weex Weex是一套跨平台的动态页面解决方案，让开发者可以用前端的语法写出Native级别的体验，这一点核心功能与React Native是相同的，但RN并不是今天的主角， 这里也不多花笔墨介绍。WEEX宣称「Write Once, Run Everywhere」，同一份代码可以在不同端上运行。Weex是如何做到的呢？ 话不
Node.js是一个基于事件驱动的JavaScript运行时环境，广泛用于服务器端开发。Node.js内置了一个强大的事件模块，称为EventEmitter。EventEmitter提供了一种处理事件和实现自定义事件的能力。
Token 是在服务端产生的。如果前端使用用户名/密码向服务端请求认证，服务端认证成功，那么在服务端会返回 Token 给前端。前端可以在每次请求的时候带上 Token 证明自己的合法地位。
一般在构建应用时需要访问后端的 API 接口获取后端数据并展示。做这件事的方法有很多种（比如 axios，vue-resource，fetch-jsonp），使用 promise 的 HTTP 客户端 axios 是其中非常流行的一种方式。axios 也支持 RESTful 请求调用规范。
在历史问题的情况下，存在需要往jquery项目中引入vue.js框架的情况，这种情况下，因为前期并没有使用webpack进行打包压缩，所以考虑直接使用原生的js拆分vue.js的组件，不依赖与wabpack等打包软件。
JS FA（Feature Ability）调用PA （Particle Ability）是使用基于JS扩展的类Web开发范式的方舟开发框架所提供的一种跨语言能力调用的机制，用于建立JS能力与Java能力之间传递方法调用、处理数据返回以及订阅事件上报的通道。开发者可以使用FA调用PA机制进行应用开发，但直接使用该机制需要开发者手动撰写大量模板代码，且模板代码可能与业务代码相互耦合，使得代码可维护性和可读性较差。
A、调用Vue.extend()，创建名为myCom的组件，template定义模板的标签，模板的内容需写在该标签下
在写 JavaScript 的时候，可以使用一个叫做 window 的对象，像是我们想要从现在的网页跳到另外一个网页的时候，就会去修改 window.kk 的位置；在我们的 Objective-C 程序码中，如果我们可以取得指定的 WebView 对象，也就可以拿到这个出现在 JavaScript 中的 window 对象，也就是 [webView windowScriptObject]。
自定义 API，顾名思义为开发者为满足自身需求而自己创建的一个 API。那么自己创建的这个 API 能起到什么效果和作用呢。
● 所有的Vue组件同时也都是Vue实例，所以可以接受相同的选项对象（除了一些根级特有的选项），并提供相同的生命周期钩子
sw-router PWA 全称是 Progressive Web Apps。它的目的就是让你的网页越来越快。主要内容可以参考：PWA-cookbook。不过，它上手的难度也是有的。它本身是基于 worker 而发展出 Service Worker，所以，要使用 PWA 你就必须学会如何使用 SW，然后，SW 里面还有很多坑要踩。而其中最大的坑就是，如何处理文件资源的缓存，这个一直都是 CS 领域的心病。当然，在 SW 中，这也是有点困难的。不过，为了大家能更快的掌握 SW 这里，鄙人写了一个关于处理 fe
vue提供了 Vue.use 的全局api来注册插件，比如 vuex、vue-router等
今天把实现OC代码和JS代码交互的第三方库WebViewJavascriptBridge源码看了下，oc调用js方法我们是知道的，系统提供了stringByEvaluatingJavaScriptFromString函数
在五一节之前和一网友讨论前端技术时，对方提到vue、vue-route如果配合requirejs应用。当时的我没有想得很明白，也没能这位网友一个准确的回复，但我许诺于他五一研究后给他一个回复
本文主要介绍了如何利用sw-router库实现一个可扩展的路由系统。通过注册不同的路由处理函数，可以针对不同的URL路径进行不同的处理。同时，该路由系统也支持基于观察者模式的缓存机制，可以大大提高Web应用程序的性能。
WebViewJavascriptBridge是一个有点年代的JS与OC交互的库，使用该库的著名应用还挺多的，目前这个库有7000+star。我去翻看了它的第一版本已经是4年前了，在版本V4.1.4以及之前，该库只有一个类和一个js 的txt文件，所以旧版本的WebViewJavascriptBridge 是非常容易理解的。而最新版的WebViewJavascriptBridge因为也要兼容WKWebView，所以里面也加入了两个新的类，一开始看的时候，会被它里面复杂的逻辑吓到，其实仔细阅读后，它还是非常简单的。
Vue.js[1] 提供了丰富的指令来简化开发者的工作。除了内置指令外，Vue.js 还支持自定义指令，开发者可以根据自己的需求扩展 Vue.js 的指令库。Vue.js 3.x 相较于 Vue.js 2.x 在自定义指令方面进行了一些改进，本文将介绍 Vue.js 3.x 中自定义指令的使用方法。
在main.js引用主题JS -- import 'echarts/theme/shine.js' 使用方法 -- let myChart = this.$echarts.init(document.getElementById('myChart'),'shine');
通过一个demo带你深入进入webpack@4.46.0源码的世界，分析构建原理，专栏地址，共有十篇。
通过全局方法Vue.use()使用插件，它需要你调用new Vue()启动应用之前完成
我们面对乱麻的时候，当然是快刀斩。面对复杂问题的时候，我们最佳方案就是将问题进行拆解成一个个小问题，然后一个一个的解决。
这个问题是在下在做一个Vue项目中遇到的实际场景，这里记录一下我遇到问题之后的思考和最后怎么解决的(老年程序员记性不好 -。-)，过程中会涉及到一些Vue源码的概念比如$mount、render watcher等，如果不太了解的话可以瞅瞅 Vue源码阅读系列文章 ~
这里也做了一点变更，uniapp的实现中是如下形式，main.js和页面.vue会命中同一个loader（见node_modules/@dcloudio/webpack-uni-mp-loader/lib/main-new.js），然后在这个loader里面根据是是否有resouceQuery来区别处理（显然main.js没有，而页面.vue有。
事件钩子会有不同的类型 SyncBailHook，AsyncSeriesHook，SyncHook等
Service Worker 以其 异步安装 和 持续运行 两个特点，决定了针对它的更新操作必须非常谨慎小心。因为它具有拦截并处理网络请求的能力，因此必须做到网页(主要是发出去的请求)和 Service Worker 版本一致才行，否则就会导致新版本的 Service Worker 处理旧版本的网页，或者一个网页先后由两个版本的 Service Worker 控制引发种种问题。
我用了一个library(GCWebviewJSBridge-iOS), github网址:github.com/wheying/GCWebviewJSBridge-iOS
Weex可以通过自己设计的DSL，书写.we文件或者.vue文件来开发界面，整个页面书写分成了3段，template、style、script，借鉴了成熟的MVVM的思想。
5. 一个 Vuex 应用的核心是 store（仓库，一个容器），store包含着你的应用中大部分的状态 (state)。
在不谈及 dubbo 时，我们中的大多数人对 URL 这个概念并不会感到陌生。统一资源定位器 (RFC1738――Uniform Resource Locators (URL)）应该是最广为人知的一个 RFC 规范，它的定义也非常简单
使用swagger 生成 Flask RESTful API swagger文档在线编辑样例 swagger和openAPI: 描述参数 flasgger
非常需要注意的是关于安卓端 在assets文件夹里注入的js桥梁文件 一定不要有注释 或者是压缩成一行代码才能注入成功
组件: 顾名思义, 也就是组成的部件, 即整体的组成部分 这个组成部分是可以缺少的,但是其存在的意义是无可替代的 这个组成部分也是可以复用的 全局方法一: 大致可以分成三步 1.在我们引入vue.js之后,Vue会被注册为一个全局对象,我们使用对象本身的方法进行组件的创建 ------使用Vue这个全局对象的component方法进行全局注册一个组件
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
