zheglei
zheglei

Java与javascript互调

最近公司项目app为了加快开发效率和图文排版更加合理，部分功能模块采用H5开发，以前其他项目也用过这个混合开发方式，利用Webview加载网页内容。为了方便以后记录项目中所遇到bug进行相关记录，所以对相关内容进行简单使用描述，以便后面项目中遇到相关bug，进行后续追加。
本次主要写的是Java与javascrip方法的互调。(1).H5网页js调用Native方法 (2).Native代码调用js方法

—1. 要使用webview加载网页内容，需要申请网络权限，直接在清单文件中申请相关权限



—2. Webview开启支持javascript

WebSettings webSettings=webView.getSettings();
webSettings.setJavaScriptEnabled(true);           //支持javaScript
webSettings.setCacheMode(WebSettings.LOAD_NO_CACHE);        //无缓存webSettings.setDomStorageEnabled(true);//支持H5 如果不设置部分url加载会出现空白

—3.准备本地html网页 在src–>main–>assets（自己创建）存放一份简单的wx.html文本，文本内容如下

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <script type="text/javascript">
    function actionFromNative(){
         document.getElementById("log_msg").innerHTML +=
             "Native调用了js函数";
    }

    function actionFromNativeWithParam(arg){
         document.getElementById("log_msg").innerHTML +=
             ("Native调用了js函数并传递参数："+arg);
    }

    script>
head>
<body>
<p>WebView与Javascript交互p>
<div>
    <button onClick="window.wx.actionFromJs()">点击调用Native代码button>
div>
<br/>
<div>
    <button onClick="window.wx.actionFromJsWithParam('come from Js')">点击调用Native代码并传递参数button>
div>
<br/>
<div id="log_msg">调用打印信息div>
body>
html>

—4.本地native调用js方法，本地调用js代码非常简单，只需要用到Webview.loadUrl()方法即可，Webview.loadUrl(“javascript:调用的js对应的方法”)，前缀javascript:是固定的，后面的对应调用的方法即可，有参传入相关参数，无参就不传参数

/**
 * Webview与js交互
 * 本地调用js方法只需要使用loadUrl()方法即可  格式：webView.loadUrl("javascript:js的方法名携带对应参数)
 * js调用本地方法
 *     1.在app端需要暴露一个接口  webView.addJavascripInterface(this,"wx")  其中wx表示别名![这里写图片描述](https://img-blog.csdn.net/20180404103503313?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poZWdsZWk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
 *     2.写接口里面的方法 在方法上用注解 @JavascriptInterface
 */

public class WebViewActivity extends AppCompatActivity {

    private WebView webView;
    private TextView tvText;
    private Button button;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_web_view);
        webView= (WebView) findViewById(R.id.web_view);
        tvText= (TextView) findViewById(R.id.tv_text);
        button= (Button) findViewById(R.id.bt_button);
        WebSettings webSettings=webView.getSettings();
        webSettings.setJavaScriptEnabled(true);//支持javascript
        webSettings.setCacheMode(WebSettings.LOAD_NO_CACHE);//设置不使用缓存
        webSettings.setDomStorageEnabled(true);//设置支持H5，如果不设置部分网页可能会显示空白或者提示错误
        webView.loadUrl("file:///android_asset/wx.html");
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //无参数调用
                webView.loadUrl("javascript:actionFromNative()");
                //有参数调用
                webView.loadUrl("javascript:actionFromNativeWithParam("+"'come from native'"+")");
            }
        });


    }

}

Java与javascript互调_第1张图片
点击底部本地调用js方法,打印信息如上。
到此位置就是native本地代码调用js方法，总结起来很简单，就是利用loadUrl方法传入前缀为javascript:加上后面是js方法名即可，整个是一个url的字符串。

—5.js调用本地方法，js要调用本地native方法，首先本地app端需要在webview上暴露一个js回调接口，其次就是写一个类，类中包含js需要调用的方法即可（方法上需要用@javascriptInterface标注一下）。
具体代码如下：

public class WebViewActivity extends AppCompatActivity {

    private WebView webView;
    private TextView tvText;
    private Button button;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_web_view);
        webView = (WebView) findViewById(R.id.web_view);
        tvText = (TextView) findViewById(R.id.tv_text);
        button = (Button) findViewById(R.id.bt_button);
        WebSettings webSettings = webView.getSettings();
        webSettings.setJavaScriptEnabled(true);//支持javascript
        webSettings.setCacheMode(WebSettings.LOAD_NO_CACHE);//设置不使用缓存
        webSettings.setDomStorageEnabled(true);//设置支持H5，如果不设置部分网页可能会显示空白或者提示错误
        webView.addJavascriptInterface(new ShowToast(), "wx");//---------------------添加javascript接口回调
        webView.loadUrl("file:///android_asset/wx.html");
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //无参数调用
                webView.loadUrl("javascript:actionFromNative()");
                //有参数调用
                webView.loadUrl("javascript:actionFromNativeWithParam(" + "'come from native'" + ")");
            }
        });


    }

    /**
     * 注意被js调用的方法一定要用  @JavascriptInterface进行注解
     */
    public class ShowToast{
        //Html调用此方法传递数据，注解一定要留着否则会出错
        @android.webkit.JavascriptInterface  //为了兼容4.2一下系统  4.2以上可以直接用 @JavascriptInterface
        public void actionFromJs() {
            runOnUiThread(new Runnable() {
                @Override
                public void run() {
                    Toast.makeText(WebViewActivity.this, "js调用了Native函数", Toast.LENGTH_SHORT).show();
                }
            });


        }

        @android.webkit.JavascriptInterface  //为了兼容4.2一下系统  4.2以上可以直接用 @JavascriptInterface
        public void actionFromJsWithParam(final String str) {
            runOnUiThread(new Runnable() {
                @Override
                public void run() {

                  Toast.makeText(WebViewActivity.this, "js调用了Native函数传递参数：" + str, Toast.LENGTH_SHORT).show();
                }
            });


        }
    }

}

运行结果显示，Toast的确显示js调用本地代码成功。
Java与javascript互调_第2张图片
最后附上一个连接：最全Webview功能讲解

你可能感兴趣的:(混合开发)

  • OpenHarmony 开源硬件学习全指南：从入门到实战 琢磨先生David 开源harmonyos
    OpenHarmony开源硬件学习全指南：从入门到实战随着万物互联时代的到来，OpenHarmony作为面向全场景的开源分布式操作系统，正逐步成为智能硬件开发的重要技术底座。本文将系统性地解析OpenHarmony开源硬件的学习路径、开发工具链及行业实践方案，为开发者提供从环境搭建到项目落地的完整指引。一、构建开发环境：混合平台的智慧选择OpenHarmony采用Windows与Linux混合开发
  • 如何区别原生页面和H5页面 大汉堡玩测试 功能测试
    文章目录前言原生开发特点H5开发特点混合开发怎么区别是原生还是H5总结前言软件采用混合开发的模式时，测试发现了bug找开发沟通有时会找错人，明明是H5模块的错误却找了负责原生模块的开发，显得很不专业~那在测试时该如何区分是原生的报错还是H5报错呢？原生开发原生开发（NativeApp开发），是为特定操作系统（如iOS使用Objective-C/Swift、安卓使用Java/Kotlin）专门开发的
  • 混合开发（ionic+cordova+angular） 小黑阿泽 angular.jsgradle前端
    相关网址：ionic、cordova、angular三者的关系：https://blog.csdn.net/xiaolinlife/article/details/73548938ionic官网：https://ionicframework.comionic中文网：http://www.ionic.wangcordova中文官网：http://cordova.axuer.com/#getstart
  • flutter 专题三十七 Flutter混合开发之FlutterFragment leluckys Flutter面试与实战fluttergitee
    我们知道，原生Android集成Flutter主要有两种方式，一种是创建fluttermodule，然后以原生module那样依赖；另一种方式是将fluttermodule打包成aar，然后在原生工程中依赖aar包，官方推荐aar的方式接入。如何在原生Android工程中以aar的方式接入Flutter，大家可以参考我之前文章的介绍：原生Android工程接入Flutteraar。今天想给大家分享
  • C/C++都有哪些开源的Web框架？ 草原上唱山歌 笔记c++开源前端
    CppCMSCppCMS是一个采用C++语言开发的高性能Web框架，通过模版元编程方式实现了在编译期检查RESTful路由系统，支持传统的MVC模式和多种语言混合开发模式。CppCMS最厉害的功能是WebSocket，10万连接在内存中长期保存占用的大小不超过600MB，直接将WS和Node.js甩几条街。某自动驾驶公司的OTA服务使用该框架构建API网关，在编译阶段完成所有的接口参数校验，软件运
  • HarmonyOS NEXT-Flutter混合开发之鸿蒙-代码实践 harmonyos-next
    在Flutter三端分离模式下完成纯血鸿蒙混入的过程中，虽然官方文档提供了一定的指导，但实际操作中可能会遇到一些坑。以下是我在适配过程中的一些经验总结，供各位开发者参考如果有帮助点个赞。在混入过程中是基于咸鱼团队flutter_boost（这里不讨论和其他方案的差别）和自定义FlutterPlugin实现的。主要涉及内容：环境搭建Fluttermodule创建Futter引入flutter_boo
  • React Native与Vue的H5交互 丁国栋- reactnativejavascriptvue交互
    一、ReactNative简介：1、ReactNative采用JavaScript框架，将React基础抽象组件渲染为原生平台UI组件，像View,Text以及Image等，可直接映射渲染为对应平台的原生UI组件2、通过React的声明式组件机制和JavaScript代码，现有的原生代码和api可以完美地封装嵌合到React组件中3.、ReactNative创建的原生应用，经常采用混合开发方式嵌入
  • Vue-前端发展史 lengzher_5601 Vuevue.jshtmlcssjsjsp
    文章目录Vue-前端发展史二、前端发展史1、UI框架2、JavaScript构建工具3、三端同一4、后端技术5、主流前端框架混合开发微信小程序Vue-前端发展史二、前端发展史1、UI框架Ant-Design：阿里巴巴出品，基于React的UI框架ElementUI、iview、ice：饿了么出品，基于Vue的UI框架BootStrap：Teitter推出的一个用于前端开发的开源工具包AmazeUI
  • 工程化与框架系列（24）--跨平台解决方案 一进制ᅟᅠ        ‌‍‎‏  前端工程化与框架前端
    跨平台解决方案引言随着移动互联网的发展，跨平台开发已成为前端开发的重要趋势。本文将深入探讨前端跨平台开发的各种解决方案，包括响应式设计、混合开发、原生开发等方案，帮助开发者选择合适的跨平台策略。跨平台开发概述跨平台开发主要包括以下方向：响应式Web：适配不同设备的网页应用混合应用：Web技术开发的原生应用原生跨平台：使用统一框架开发原生应用渐进式应用：ProgressiveWebApps(PWA)
  • React Native 0.78版本发布 wayne214 reactnative
    这个版本在ReactNative中集成了React19，还带来了一些其他相关特性，比如原生支持Android矢量图形（AndroidVectordrawables），以及在iOS上更好的混合开发（brownfieldintegration）体验。亮点React19迈向更小巧、更快速的版本发布Metro中JavaScript日志的可选开启功能新增对AndroidXML图形资源的支持iOS上的Reac
  • flutter 专题三十五 Flutter混合开发模式下的代码调试 leluckys Flutter面试与实战flutter
    众所周知，在做Flutter开发的时候，它是自带有热重载/热重启功能的，不过，或许你会发现，当我们在原生工程中接入Flutter模块后，热重载/热重启好像都失效了，那么怎么才能在混合项目中使用热重载/热重启，以及怎么实现混合项目的代码调试呢？在介绍这些之前，我们先来看看原生接入Flutter模块，不知道如何接入的同学，可以参考下面的文章：Flutter混合开发之FlutterFragment和原生
  • 混合开发框架的对比，Flutter更胜一筹？ 2401_84123357 程序员flutter
    2、同一份代码开发iOS和Android3、用更少的代码做更多的事情4、轻松迭代5、在应用程序运行时更改代码并重新加载（通过热重载）6、修复崩溃并继续从应用程序停止的地方进行调试7、创建美观，高度定制的用户体验9、受益于使用Flutter框架提供的丰富的MaterialDesign和Cupertino（iOS风格）的widget10、实现定制、美观、品牌驱动的设计，而不受原生控件的限制跨平台技术简
  • uni-app/vue请求封装 厦门在乎科技 文章vue.js微信小程序
    最近公司准备开发一个安卓的app，苦于原生开发的成本和无人会安卓技术，决定采用混合开发来实现。基于低学习成本，最终选择了能较快上手的uni-app技术。这期间也是一边看文档，一边开发，痛并快乐着。第一次尝试写博客，力求用最简单的文字记录一个项目的开发过程，希望自己能坚持下去！其实在翻看uni-app的开发文档，不难发现，他的很多语法和vue非常像，比方说数组遍历、条件渲染等，只是将vue的【v】改
  • android studio调用python_Android-Python混合开发 1 （java和python互相调用） weixin_39630095 androidstudio调用python
    众所周知，python的语法简洁，并且拥有丰富强大的开源库，如果能把python移植到Android系统，能够用Android和python混合开发一款app,那就太酷了。要想移植python，得需要下载源码并且交叉编译才行。这个过程太复杂。在这里，介绍一款第三方，复杂的过程交给它处理，我们只需要处理逻辑相关的python代码即可。Chaquopy0x01集成1)打开项目根目录下的build.gr
  • 码上用它开始Flutter混合开发——FlutterBoost 阿里云云栖号 native容器
    为什么要混合方案具有一定规模的App通常有一套成熟通用的基础库，尤其是阿里系App，一般需要依赖很多体系内的基础库。那么使用Flutter重新从头开发App的成本和风险都较高。所以在NativeApp进行渐进式迁移是Flutter技术在现有NativeApp进行应用的稳健型方式。闲鱼在实践中沉淀出一套自己的混合技术方案。在此过程中，我们跟GoogleFlutter团队进行着密切的沟通，听取了官方的
  • 学习Flask：Day 2：模板与表单开发 昨今 学习flaskpython
    学习目标：前后端混合开发#添加模板渲染[email protected]('/profile')defprofile():returnrender_template('profile.html',username="开发者",skills=['Vue','JavaScript'])✅实践任务：创建templates目录使用Jinja2语法制作包含循环和
  • 短视频矩阵系统源码---NGINX 、PHP7.4技术开发 t_18137784554 短视频矩阵系统矩阵线性代数音视频nginx
    #短视频矩阵系统##短视频矩阵系统源码技术开发知识分享##短视频矩阵系统原生态开发#一、短视频矩阵系统源码基于原生态开发的几种方式原生代码：使用特定平台的原生编程语言和工具进行开发，而不是跨平台或混合开发技术。例如，iOS应用使用Swift或Objective-C，Android应用使用Java或Kotlin。原生框架和库：使用操作系统或平台提供的原生框架和库，而不是第三方或开源的替代品。这样可以
  • 【CXX】4 跨平台构建系统特性对比 Source.Liu CXXrustc++CXX
    多语言构建系统选项为开发团队提供了灵活性和选择，以适应不同的项目需求和现有的技术栈。CXX作为一个设计灵活的工具，旨在与多种构建系统无缝集成。以下是对不同构建系统选项的简要概述和建议：一、Cargo：适用场景：如果你的项目或团队正在探索Rust和C++的混合开发，或者计划大量使用Rust包注册表中的开源库，那么Cargo可能是一个很好的选择。优势：Cargo是Rust的官方构建系统，它提供了依赖管
  • Android与Flutter混合开发，超详细讲解 m0_64382743 程序员面试android移动开发
    在跳转之前需要先在AndroidManifest.xml注册FlutterActivity。在需要跳转的时候，使用FlutterActivity.withNewEngine()进行跳转：startActivity(FlutterActivity.withNewEngine().initialRoute(“params”).build(xxxxActivity.this));其中initialRou
  • 基于自定义WebView实现H5混合开发 小二李 FlutterFlutter组件封装flutterwebview
    pubspec.yaml添加webview插件flutter_webview_plugin:^0.4.0webview.dart基于webview的组件封装constCATCH_URLS=['m.ctrip.com/','m.ctrip.com/html5/','m.ctrip.com/html5'];classWebViewextendsStatefulWidget{finalStringurl
  • 混合开发框架整理：使用Crosswalk + WebViewJavascriptBridge进行混合开发 hwj3747 Android混合开发androidhtml5javascriptjqueryhtml
    作者:hwj3747转载请注明Crosswalk介绍目前APP的开发模式大多基于H5+原生壳的开发模式，这时候使用到的WebView的性能就至关重要。我们知道，Android平台上，系统的碎片化比较严重，同Android版本的WebView的H5解析能力也有较大差异，导致相应的HTML5应用一致性难以保证。所以在做混合开发的时候，对Android系统的适配是一个比较麻烦的问题。这个时候，如果能在我
  • 大前端公共知识杂谈 黑虎含珠 #FlinkCDC
    近年来，随着移动化联网浪潮的汹涌而来与浏览器性能的提升，iOS、Android、Web等前端开发技术各领风骚，大前端的概念也日渐成为某种共识。其中特别是Web开发的领域，以单页应用为代表的富客户端应用迅速流行，各种框架理念争妍斗艳，百花竞放。Web技术的蓬勃发展也催生了一系列跨端混合开发技术，希望能够结合Web的开发便捷性与原生应用的高性能性；其中以Cordova、PWA为代表的方向致力于为Web
  • java python混合开发_在技术圈混，不知道这些你就OUT了 weixin_39710251 javapython混合开发
    技术之路就是漫长的打怪升级，不断学习前人的踩坑经验才能提升自己，切忌闭门造车。所谓独乐乐不如众乐乐，强烈推荐以下公众号，让你的生活多点意思，希望小伙伴们能在coding的路上走的更远。高性能服务器开发ID:easyserverdev简介：张小方，码农一枚，写了十年C++和五年Java，目前写go，技术痴迷者，擅长客户端和高性能高并发后端开发，先后任职于某交易所、声网、携程旅行网、字节跳动等公司。涉
  • flutter android 最低版本_Flutter混合开发 no莫 flutterandroid最低版本
    混合开发简介使用Flutter从零开始开发App是一件轻松惬意的事情，但对于一些成熟的产品来说，完全摒弃原有App的历史沉淀，全面转向Flutter是不现实的。因此使用Flutter去统一Android、iOS技术栈，把它作为已有原生App的扩展能力，通过有序推进来提升移动终端的开发效率。目前，想要在已有的原生App里嵌入一些Flutter页面主要有两种方案。一种是将原生工程作为Flutter工程
  • Flutter 之原生混合开发 2401_84121998 程序员flutter
    优点：依赖一个包含Flutter产物的aar包，这个的好处就是其他不开发flutter的同学可以不用配置flutter环境，它和其他模块包无异2、源码依赖打开原生项目的setting.gradle文件：include‘:app’rootProject.name=“NativeToFlutter”//加入如下代码setBinding(newBinding([gradle:this]))evaluat
  • 原生开发vs混合开发 甘光宗 c++
    原生开发（NativeDevelopment）和混合开发（HybridDevelopment）是两种常见的移动应用开发方式，各有其优缺点。以下是它们的详细对比：1.原生开发(NativeDevelopment)定义：原生开发指的是使用平台特定的编程语言和工具（如Android使用Java/Kotlin，iOS使用Swift/Objective-C）来开发应用程序。这些应用直接与操作系统交互，能够使
  • 技术选型指南：Web、原生、混合开发的对比 前端
    随着移动互联网的飞速发展，开发者在选择应用开发方式时，经常面临纯Web开发、原生开发和混合开发的技术决策。每种开发方式都有其独特的优势和适用场景，开发者需根据项目需求、性能要求及跨平台能力做出合适的选择。本文将详细分析这三种开发方式的特点、实现原理及适用场景，同时推荐一些开源框架，并讲解微信小程序的实现方式。我们还将通过简单的代码示例，帮助大家更直观地理解这些技术。一、纯Web开发定义：纯Web开
  • java和kotlin混合开发 崔佳彤 javakotlin开发语言android
    Java和Kotlin混合开发指南1.整体流程首先，让我们看一下实现Java和Kotlin混合开发的整体流程：步骤内容1创建一个新的Android项目2在项目中添加Kotlin支持3创建Kotlin文件4在Java中调用Kotlin代码5在Kotlin中调用Java代码2.每一步的操作步骤1：创建一个新的Android项目在AndroidStudio中创建一个新的Android项目，选择Empty
  • 开发规范 ！！！525 springbootspringboot
    开发规范企业项目开发有2种开发模式：前后台混合开发和前后台分离开发。前后台混合开发顾名思义就是前台后台代码混在一起开发，如下图所示：这种开发模式有如下缺点：沟通成本高：后台人员发现前端有问题，需要找前端人员修改，前端修改成功，再交给后台人员使用分工不明确：后台开发人员需要开发后台代码，也需要开发部分前端代码。很难培养专业人才不便管理：所有的代码都在一个工程中难以维护：前端代码更新，和后台无关，但是
  • android和ios混合开发工具,Flutter与已有iOS工程混合开发与脚本配置 乐居买房
    运行一个原生的Flutter工程(也就是纯Flutter)非常简便，不过现在Flutter属于试水阶段，要是想在商业app中使用Flutter，目前基本上是将Flutter的页面嵌入到目前先有的iOS或者安卓工程，目前讲混合开发的文章有很多：不过这些文章大多讲的是安卓和flutter混合开发的，没有iOS和Flutter混合开发的比较详细的步骤实操，上周试了一下iOS和Flutter混合，有一些坑
  • 如何用ruby来写hadoop的mapreduce并生成jar包 wudixiaotie mapreduce
    ruby来写hadoop的mapreduce，我用的方法是rubydoop。怎么配置环境呢： 1.安装rvm：     不说了 网上有 2.安装ruby：     由于我以前是做ruby的，所以习惯性的先安装了ruby，起码调试起来比jruby快多了。 3.安装jruby：     rvm install jruby然后等待安
  • java编程思想 -- 访问控制权限 百合不是茶 java访问控制权限单例模式
    访问权限是java中一个比较中要的知识点,它规定者什么方法可以访问,什么不可以访问   一:包访问权限;   自定义包: package com.wj.control; //包 public class Demo { //定义一个无参的方法 public void DemoPackage(){ System.out.println("调用
  • [生物与医学]请审慎食用小龙虾 comsci 生物
         现在的餐馆里面出售的小龙虾,有一些是在野外捕捉的,这些小龙虾身体里面可能带有某些病毒和细菌,人食用以后可能会导致一些疾病,严重的甚至会死亡.....      所以,参加聚餐的时候,最好不要点小龙虾...就吃养殖的猪肉,牛肉,羊肉和鱼,等动物蛋白质     
  • org.apache.jasper.JasperException: Unable to compile class for JSP: 商人shang maven2.2jdk1.8
    环境： jdk1.8    maven  tomcat7-maven-plugin  2.0 原因： tomcat7-maven-plugin  2.0 不知吃 jdk 1.8，换成 tomcat7-maven-plugin  2.2就行，即     <plugin>
  • 你的垃圾你处理掉了吗?GC oloz GC
    前序:本人菜鸟，此文研究学习来自网络，各位牛牛多指教　 1.垃圾收集算法的核心思想 　　Java语言建立了垃圾收集机制，用以跟踪正在使用的对象和发现并回收不再使用(引用)的对象。该机制可以有效防范动态内存分配中可能发生的两个危险：因内存垃圾过多而引发的内存耗尽，以及不恰当的内存释放所造成的内存非法引用。 　　垃圾收集算法的核心思想是：对虚拟机可用内存空间，即堆空间中的对象进行识别
  • shiro 和 SESSSION 杨白白 shiro
    shiro 在web项目里默认使用的是web容器提供的session，也就是说shiro使用的session是web容器产生的，并不是自己产生的，在用于非web环境时可用其他来源代替。在web工程启动的时候它就和容器绑定在了一起，这是通过web.xml里面的shiroFilter实现的。通过session.getSession()方法会在浏览器cokkice产生JESSIONID，当关闭浏览器，此
  • 移动互联网终端 淘宝客如何实现盈利 小桔子 移動客戶端淘客淘寶App
           2012年淘宝联盟平台为站长和淘宝客带来的分成收入突破30亿元，同比增长100%。而来自移动端的分成达1亿元，其中美丽说、蘑菇街、果库、口袋购物等App运营商分成近5000万元。 可以看出，虽然目前阶段PC端对于淘客而言仍旧是盈利的大头，但移动端已经呈现出爆发之势。而且这个势头将随着智能终端(手机，平板)的加速普及而更加迅猛
  • wordpress小工具制作 aichenglong wordpress小工具
    wordpress 使用侧边栏的小工具，很方便调整页面结构 小工具的制作过程 1 在自己的主题文件中新建一个文件夹(如widget)，在文件夹中创建一个php(AWP_posts-category.php) 小工具是一个类,想侧边栏一样，还得使用代码注册，他才可以再后台使用，基本的代码一层不变 <?php class AWP_Post_Category extends WP_Wi
  • JS微信分享 AILIKES js
    // 所有功能必须包含在 WeixinApi.ready 中进行    WeixinApi.ready(function(Api) {        // 微信分享的数据            var wxData = {       &nb
  • 封装探讨 百合不是茶 JAVA面向对象 封装
    //封装   属性 方法 将某些东西包装在一起，通过创建对象或使用静态的方法来调用，称为封装；封装其实就是有选择性地公开或隐藏某些信息，它解决了数据的安全性问题，增加代码的可读性和可维护性   在 Aname类中申明三个属性，将其封装在一个类中：通过对象来调用   例如   1： //属性 将其设为私有 姓名 name 可以公开
  • jquery radio/checkbox change事件不能触发的问题 bijian1013 JavaScriptjquery
    我想让radio来控制当前我选择的是机动车还是特种车，如下所示：  <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"><
  • AngularJS中安全性措施 bijian1013 JavaScriptAngularJS安全性XSRFJSON漏洞
            在使用web应用中，安全性是应该首要考虑的一个问题。AngularJS提供了一些辅助机制，用来防护来自两个常见攻击方向的网络攻击。 一.JSON漏洞         当使用一个GET请求获取JSON数组信息的时候（尤其是当这一信息非常敏感，
  • [Maven学习笔记九]Maven发布web项目 bit1129 maven
    基于Maven的web项目的标准项目结构 user-project     user-core     user-service     user-web        src      
  • 【Hive七】Hive用户自定义聚合函数(UDAF) bit1129 hive
    用户自定义聚合函数，用户提供的多个入参通过聚合计算(求和、求最大值、求最小值)得到一个聚合计算结果的函数。 问题：UDF也可以提供输入多个参数然后输出一个结果的运算，比如加法运算add(3，5)，add这个UDF需要实现UDF的evaluate方法,那么UDF和UDAF的实质分别究竟是什么？   Double evaluate(Double a, Double b)  
  • 通过 nginx-lua 给 Nginx 增加 OAuth 支持 ronin47
    前言：我们使用Nginx的Lua中间件建立了OAuth2认证和授权层。如果你也有此打算，阅读下面的文档，实现自动化并获得收益。SeatGeek 在过去几年中取得了发展，我们已经积累了不少针对各种任务的不同管理接口。我们通常为新的展示需求创建新模块，比如我们自己的博客、图表等。我们还定期开发内部工具来处理诸如部署、可视化操作及事件处理等事务。在处理这些事务中，我们使用了几个不同的接口来认证： &n
  • 利用tomcat-redis-session-manager做session同步时自定义类对象属性保存不上的解决方法 bsr1983 session
    在利用tomcat-redis-session-manager做session同步时，遇到了在session保存一个自定义对象时，修改该对象中的某个属性，session未进行序列化，属性没有被存储到redis中。 在 tomcat-redis-session-manager的github上有如下说明： Session Change Tracking As noted in the &qu
  • 《代码大全》表驱动法-Table Driven Approach-1 bylijinnan java算法
    关于Table Driven Approach的一篇非常好的文章： http://www.codeproject.com/Articles/42732/Table-driven-Approach package com.ljn.base; import java.util.Random; public class TableDriven { public
  • Sybase封锁原理 chicony Sybase
           昨天在操作Sybase IQ12.7时意外操作造成了数据库表锁定，不能删除被锁定表数据也不能往其中写入数据。由于着急往该表抽入数据，因此立马着手解决该表的解锁问题。     无奈此前没有接触过Sybase IQ12.7这套数据库产品，加之当时已属于下班时间无法求助于支持人员支持，因此只有借助搜索引擎强大的
  • java异常处理机制 CrazyMizzz java
    java异常关键字有以下几个，分别为 try catch final throw throws 他们的定义分别为 try：    Opening exception-handling statement. catch：  Captures the exception. finally： Runs its code before terminating
  • hive 数据插入DML语法汇总 daizj hiveDML数据插入
    Hive的数据插入DML语法汇总1、Loading files into tables语法：1) LOAD DATA [LOCAL] INPATH 'filepath' [OVERWRITE] INTO TABLE tablename [PARTITION (partcol1=val1, partcol2=val2 ...)]解释：1)、上面命令执行环境为hive客户端环境下： hive>l
  • 工厂设计模式 dcj3sjt126com 设计模式
      使用设计模式是促进最佳实践和良好设计的好办法。设计模式可以提供针对常见的编程问题的灵活的解决方案。 工厂模式 工厂模式（Factory）允许你在代码执行时实例化对象。它之所以被称为工厂模式是因为它负责“生产”对象。工厂方法的参数是你要生成的对象对应的类名称。 Example #1 调用工厂方法（带参数） <?phpclass Example{ 
  • mysql字符串查找函数 dcj3sjt126com mysql
      FIND_IN_SET(str,strlist) 假如字符串str 在由N 子链组成的字符串列表strlist 中，则返回值的范围在1到 N 之间。一个字符串列表就是一个由一些被‘,’符号分开的自链组成的字符串。如果第一个参数是一个常数字符串，而第二个是type SET列，则   FIND_IN_SET() 函数被优化，使用比特计算。如果str不在strlist 或st
  • jvm内存管理 easterfly jvm
    一、JVM堆内存的划分 分为年轻代和年老代。年轻代又分为三部分：一个eden,两个survivor。 工作过程是这样的：e区空间满了后，执行minor gc，存活下来的对象放入s0, 对s0仍会进行minor gc，存活下来的的对象放入s1中，对s1同样执行minor gc，依旧存活的对象就放入年老代中； 年老代满了之后会执行major gc，这个是stop the word模式，执行
  • CentOS-6.3安装配置JDK-8 gengzg centos
    JAVA_HOME=/usr/java/jdk1.8.0_45 JRE_HOME=/usr/java/jdk1.8.0_45/jre PATH=$PATH:$JAVA_HOME/bin:$JRE_HOME/bin CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar:$JRE_HOME/lib export JAVA_HOME
  • 【转】关于web路径的获取方法 huangyc1210 Web路径
    假定你的web application 名称为news,你在浏览器中输入请求路径：  http://localhost:8080/news/main/list.jsp  则执行下面向行代码后打印出如下结果：  1、 System.out.println(request.getContextPath()); //可返回站点的根路径。也就是项
  • php里获取第一个中文首字母并排序 远去的渡口 数据结构PHP
    很久没来更新博客了，还是觉得工作需要多总结的好。今天来更新一个自己认为比较有成就的问题吧。 最近在做储值结算，需求里结算首页需要按门店的首字母A-Z排序。我的数据结构原本是这样的： Array ( [0] => Array ( [sid] => 2885842 [recetcstoredpay] =&g
  • java内部类 hm4123660 java内部类匿名内部类成员内部类方法内部类
         　在Java中，可以将一个类定义在另一个类里面或者一个方法里面，这样的类称为内部类。内部类仍然是一个独立的类，在编译之后内部类会被编译成独立的.class文件，但是前面冠以外部类的类名和$符号。内部类可以间接解决多继承问题,可以使用内部类继承一个类，外部类继承一个类，实现多继承。      &nb
  • Caused by: java.lang.IncompatibleClassChangeError: class org.hibernate.cfg.Exten zhb8015
    maven pom.xml关于hibernate的配置和异常信息如下，查了好多资料，问题还是没有解决。只知道是包冲突，就是不知道是哪个包....遇到这个问题的分享下是怎么解决的。。   maven pom:   <dependency> <groupId>org.hibernate</groupId> <ar
  • Spark 性能相关参数配置详解－任务调度篇 Stark_Summer sparkcachecpu任务调度yarn
    随着Spark的逐渐成熟完善, 越来越多的可配置参数被添加到Spark中来, 本文试图通过阐述这其中部分参数的工作原理和配置思路, 和大家一起探讨一下如何根据实际场合对Spark进行配置优化。   由于篇幅较长，所以在这里分篇组织，如果要看最新完整的网页版内容，可以戳这里：http://spark-config.readthedocs.org/，主要是便
  • css3滤镜 wangkeheng htmlcss
    经常看到一些网站的底部有一些灰色的图标，鼠标移入的时候会变亮，开始以为是js操作src或者bg呢，搜索了一下，发现了一个更好的方法：通过css3的滤镜方法。 html代码： <a href='' class='icon'><img src='utv.jpg' /></a> css代码： .icon{-webkit-filter: graysc
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他