前言Hybrid App(混合模式移动应用)是指介于web-app、native-app这两者之间的app,兼具“Native App良好用户交互体验的优势”和“Web App跨平台开发的优势”。谈到Hybrid App,JSNative code的交互就是一个绕不开的话题,这时就需要“一座桥”来连接两端。JSBridge架起了一座连接JavaScri
转载 2023-09-04 10:21:22
300阅读
原生应用开发,是在Android、IOS等移动平台上利用官方提供的开发语言、开发类库、开发工具进行App开发。比如android是利用java、eclipse、Android studio,IOS是利用Objective-C 和Xcode进行开发。原生应用由于利用的是官方提供的语言和工具并且能够直接操控硬件设备(比如多点触控、NFC、读取短信等),在应用性能上和交互体验上应该是最好的,但是原生应用
转载 2023-08-02 14:03:29
116阅读
# Cordova原生JS交互流程指南 Cordova是一个流行的框架,允许开发者用HTML、CSS和JavaScript创建跨平台的移动应用。在应用中,您可能需要与原生代码(如Java)进行交互以实现一些特定的功能。本文将指导您如何实现Android平台下Cordova原生JavaScript之间的交互. ## 流程概述 实现Cordova原生JS交互的流程如下表所示: | 步骤
原创 2024-10-15 06:51:13
81阅读
1、准备我这里是uniapp原生安卓之间的相互调用,也就是原生安卓内嵌H5页面,下面先来准备一下安卓端的代码。 (1)、初始化的MainActivity 类定义一个 WebViewprivate WebView webView;(2)、初始化的方法onCreate 设置 WebView 的参数及各种设置,这里主要是开启js 的调用 和添加H5调用的类,相当于在项目启动的时候就加载H5需要调用的类
文档对象模型 (DOM) 将 web 页面到脚本或编程语言连接起来。通常是指  JavaScript,但将 HTML、SVG 或 XML 文档建模为对象并不是 JavaScript 语言的一部分。DOM模型用一个逻辑树来表示一个文档,树的每个分支的终点都是一个节点(node),每个节点都包含着对象(objects)。DOM的方法(methods)让你可以用特定方式操作这个树,
转载 2023-07-24 15:13:58
92阅读
关于 JS 中一些重要的 api 实现, 巩固你的原生 JS 功底1. 手写 call 方法Function.prototype.myCall = function (context, ...args) { if (typeof context === 'object' || typeof context === 'function') { context = context || wind
转载 2023-12-16 14:38:15
61阅读
 一、创建元素节点1.1 原生JS创建元素节点1document.createElement("p");1.2 jQuery创建元素节点1$('<p></p>');`二、创建并添加文本节点2.1 原生JS创建文本节点1`document.createTextNode("Text Content");通常创建文本节点和创建元素节点配合使用,比如:1 2 3
在做React Native开发的时候避免不了的需要原生模块和JS之间进行数据传递,这篇文章将向大家分享原生模块向JS传递数据的几种方式。 方式一:通过Callbacks的方式 说起Callbacks大家都不陌生,它是最常用的设计模式之一。无论是Java,Object-c,C#,还是JavaScript等都会看到Callbacks的身影。 原生模块支持Callbacks类型的参数,该Callba
JSJava通信JS向Java发送消息Java注册接收消息的方法:nativeAndroid.setExternalInterface("sendToNative", new INativePlayer.INativeInterface() {     @Override   &nbsp
原创 2018-12-13 22:13:58
3661阅读
Vue.js简介vue是什么vue特点vue和其他前端框架区别vue的应用场景vue主要内容vue是什么Vue.js (读音 /vjuː/,类似于 view) 是一套基于javascript的用于构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还便于第三方库或既有项目整合。另一方面,当单文件组件和 Vue 生
转载 2024-01-10 15:47:56
29阅读
原生js和jQuery分别实现轮播图一、原生js实现轮播图(1)实现功能(2)html示例代码(3)css示例代码(3)js示例代码(4)说明(5)效果演示二、jQuery实现轮播图(1)实现功能(2)html示例代码(3)css示例代码(4)js示例代码(5)效果展示三、最后要说的话 一、原生js实现轮播图(1)实现功能 1.能够自动平滑的循环轮播。2.点击导航圆点控制轮播。(2)html
JSBridge 的起源近些年,移动端普及化越来越高,开发过程中选用 Native 还是 H5 一直是热门话题。Native 和 H5 都有着各自的优缺点,为了满足业务的需要,公司实际项目的开发过程中往往会融合两者进行 Hybrid 开发。Native 和 H5 分处两地,看起来无法联系,那么如何才能让双方协同实现功能呢?这时我们想到了 Cordova ,Cordova 提供了一组设备相关的 A
转载 6月前
15阅读
# Android 原生调用 JavaScript 科普文章 在移动开发领域,Android 和 JavaScript 都是非常重要的技术。Android 是一种广泛使用的移动操作系统,而 JavaScript 是一种广泛使用的编程语言,尤其是在 Web 开发中。本文将介绍如何在 Android 原生应用中调用 JavaScript 代码。 ## 概述 在 Android 原生应用中调用 J
原创 2024-07-30 08:06:43
361阅读
本文给大家分享的是使用原生JS和JQ两种方法分别实现相同的图片轮播特效,十分的实用,也非常方便大家对比学习原生js和jQuery,有需要的小伙伴可以参考下。1)首先是页面的结构部分对于我这种左右切换式1.首先是个外围部分(其实也就是最外边的整体wrapper)2.接着就是你设置图片轮播的地方(也就是一个banner吧)3.然后是一个图片组(可以用新的div 也可以直接使用 ul-->li形式
前言公司要求不使用JQuery,而使用原生JS。作为一个用惯了JQuery的人来说,用原生JS的节点操作无疑是很难用的。这篇随笔,目的是总结对比JQuery原生JS的各种节点操作的区别。对比1、创建节点JQuery工厂函数$,不仅可以用来获取节点,还可以创建节点。$("<a href='javascript:void(0)'>这是一个测试节点</a>");原生JS创建元素
记录这篇文章,在工作中一直借用一些js框架 ui框架,对js底层api有所遗忘,目的为了自己复习以下原生js操作方法,所有的js框架都是基于原生js方法和属性,尤其vue源码使用原生js开发,自底向上模式Node NodeList HTMLCollection1.1 NOdeNode 是一个接口,各种类型的 DOM API 对象会从这个接口继承。它允许我们使用相似的方式对待这些不同类型的对象;比如
Android 和 IOS 使用 WebViewJavascriptBridge 进行交互方法
原创 2018-04-16 17:14:21
9717阅读
1点赞
# Android原生Vue.js的互相调用 作为一名经验丰富的开发者,我将教会你如何实现Android原生Vue.js的互相调用。下面是整个流程的步骤: | 步骤 | 描述 | | ------ | ------ | | 步骤一 | 创建一个Android项目 | | 步骤二 | 配置Vue.js环境 | | 步骤三 | 在Android项目中嵌入Vue.js | | 步骤四 | 实现A
原创 2023-07-20 20:03:55
577阅读
# Android原生回调JS实现 ## 概述 本文将详细介绍如何在Android应用中实现Android原生回调JS的功能。Android原生回调JS是指在Android应用中通过调用JavaScript方法来实现WebView中的JavaScript代码进行交互。 ## 流程概览 下面的表格展示了实现Android原生回调JS的整个流程。 | 步骤 | 描述 | | --- | ---
原创 2024-01-12 06:47:44
65阅读
# Android原生JavaScript的交互 在现代移动应用开发中,Android原生JavaScript的交互变得越来越重要。尤其是在使用WebView加载网页内容时,应用内的JavaScript需要与Android原生代码进行通信。本文将介绍这一交互的基本原理以及实现方式,并通过代码示例进行详细说明。 ## Android WebView简介 WebView是Android提供
原创 8月前
23阅读
  • 1
  • 2
  • 3
  • 4
  • 5