web前端的就业方向，是很多人选择这个行业的一个判断标准，是不是能长期发展？如果长期发展对自己有什么好处？Web前端开发程序员处于供不应求的状态，对于0基础想要从事互联网行业的小伙伴们，Web前端将会是最合适的入门编程语言。而且根据后期的职业发展规划来看，只要入门Web前端，在职场上发展个三到五年，基本上都能做到总监级别。

优就业Web前端课程  人群覆盖广

大前端课程“四化一体 内容为王”

4大教学标准化	01标准化 　　制定项目研发标准、授课标准、考核标准，避免知识点冗余、重复和堆叠，避免授课质量严重依赖讲师个人能力，影响学员学习效果 　　02多元化 　　课程设计科学合理，多维度培养学员动手能力、实践能力、分析能力，不管是零基础还是转行提升，不同层次学员皆能有所收获 　　03梯度化 　　课程站在学员角度设计，平滑的学习曲线，细化知识点的颗粒度，精研课程内容设计、并且以“分钟”为单位对知识点进行精细化讲解，全面解 　　04实战化 　　渐进式学习，企业级项目全端实现，以一个项目为主（深度），将知识点讲深讲透。辅助多样化的项目，查漏补缺、开拓视野（广度），科学和合理地衔接每一块内容
八大课程体系
23大知识模块

前端课程真正契合企业用人需求

Web前端就业路径广 薪资涨幅大

       Web前端工程师培训资料

　　现在移动端 web 应用，很多时候都需要与原生 app 进行交互、沟通(运行在 webview中)，比如微信的 jssdk，通过 window.wx 对象调用一些原生 app 的功能。所以，这次就来捋一捋 h5 与原生 app 交互的原理。

　　h5 与原生 app 的交互，本质上说，就是两种调用：

　　app 调用 h5 的代码

　　h5 调用 app 的代码

　　1. app 调用 h5 的代码

　　因为 app 是宿主，可以直接访问 h5，所以这种调用比较简单，就是在 h5 中曝露一些全局对象(包括方法)，然后在原生 app 中调用这些对象。

　　javascript：

　　window.sdk = { double = value => value * 2, triple = value => value * 3,};

　　android：

　　webview.evaluateJavascript('window.sdk.double(10)', new ValueCallback<String>() { @Override public void onReceiveValue(String s) { // 20 }});

　　ios：

　　NSString *func = @"window.sdk.double(10)";NSString *str = [webview stringByEvaluatingJavaScriptFromString:func]; // 20

　　2. h5 调用 app 的代码

　　因为 h5 不能直接访问宿主 app，所以这种调用就相对复杂一点。

　　这种调用常用有两种方式：

　　由 app 向 h5 注入一个全局 js 对象，然后在 h5 直接访问这个对象

　　由 h5 发起一个自定义协议请求，app 拦截这个请求后，再由 app 调用 h5 中的回调函数

　　2.1 由 app 向 h5 注入一个全局 js 对象

　　这种方式沟通机制简单，比较好理解，并且对于 h5 来说，没有新的东西，所以是比较推荐的一种方式。但这种方式可能存在安全隐患，详细查看 你不知道的 Android WebView 使用漏洞。

　　android：

　　webview.addJavascriptInterface(new Object() { @JavascriptInterface public int double(value) { return value * 2; }

　　@JavascriptInterface public int triple(value) { return value * 3; }}, "appSdk");

　　ios：

　　@interface AppSdk : NSObject{}- (int) double:(int)value;- (int) triple:(int)value;@end@implementation AppSdk- (int) double:

　　(int)value { return value * 2;}- (int) triple:(int)value { return value * 3;}@endJSContext *context=[webview valueForKeyPath:

　　@"documentView.webView.mainFrame.javaScriptContext"];AppSdk *appSdk = [AppSdk new];context[@"appSdk"] = appSdk;

　　javascript：

　　window.appSdk.double(10); // 20

　　2.2 由 h5 发起一个自定义协议请求

　　这种方式要稍复杂一点，因为需要自定义协议，这对很多前端开发者来说是比较新的东西。所以一般不推荐这种方式，可以作为第一种方式的补充。

　　大致需要以下几个步骤：

　　由 app 自定义协议，比如 sdk://action?params

　　在 h5 定义好回调函数，比如 window.bridge={getDouble:value=>{},getTriple:value=>{}}

　　由 h5 发起一个自定义协议请求，比如 location.href='sdk://double?value=10'

　　app 拦截这个请求后，进行相应的操作，获取返回值

　　由 app 调用 h5 中的回调函数，比如 window.bridge.getDouble(20);

　　javascript：

　　window.bridge = { getDouble: value => { // 20 }, getTriple: value => { // more }};location.href = 'sdk://double?value=10';

　　android：

　　webview.setWebViewClient(new WebViewClient() { @Override public boolean shouldOverrideUrlLoading(WebView view, String url)

　　{ // 判断如果 url 是 sdk:// 打头的就拦截掉 // 然后从 url sdk://action?params 中取出 action 与params Uri uri = Uri.parse(url);

　　if ( uri.getScheme().equals("sdk")) { // 比如 action = double, params = value=10 webview.evaluateJavascript('window.bridge.getDouble(20)');

　　return true; } return super.shouldOverrideUrlLoading(view, url); }});

　　ios：

　　- (BOOL)webview:(UIWebView *)webview shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType

　　{ // 判断如果 url 是 sdk:// 打头的就拦截掉 // 然后从 url sdk://action?params 中取出 action 与params NSString *urlStr = request.URL.absoluteString;

　　if ([urlStr hasPrefix:@"sdk://"]) { // 比如 action = double, params = value=10 NSString *func = @"window.bridge.getDouble(20)";

　　[webview stringByEvaluatingJavaScriptFromString:func]; return NO; } return YES;}