一:普通浏览器唤醒app//判断是否为微信浏览器 function isWeiXin() { var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == "micromessenger" || ua.match(/_SQ_/i) == "_sq_") { re
转载 2024-03-25 21:29:08
67阅读
最近在学习Vue,边做个小demo边学习。其中有一个小功能需要使用到拖放,顺便还学一下拖放。拖放是HTML5的标准,对着教程在普通的页面上很容易就实现了,但是vue中基本都是数据驱动,不推荐直接操作DOM。HTML5拖放可拖动首先,默认情况下,图像、链接和文本是可拖动的。而想让其他元素变为可拖动,需要设置draggable属性为true。<div draggable="true">&l
本文为cordova混合开发apk更新的系列文章的第一篇文章:H5部分的更新。混合应用的开发也已经火到了一定程度了,大家写h5的技术也到了炉火纯青的地步了。那么对于对原生了解比较少的小伙伴来说,apk的更新、发包可能还是一笔糊涂账。对于混合开发来讲,一般更新分为两种:h5部分的更新,原生外壳的更新。下面我们来讲一下基于插件的h5部分热更新的实现流程及注意事项。一、Cordova热更新的原理1、热更
转载 2024-03-15 08:08:53
122阅读
由于h5应用开发不是本例重点,因此直接提供一个最简单的h5应用代码,此应用使用vue-cli框架开发 此h5应用叫vue1,用webstrom打开vue1,进行npm install安装引用vue1代码可从百度网盘下载:链接: https://pan.baidu.com/s/1eSq71IU 密码: 1spk PS:此套代码npm install时会报错可以运行以下命令解决:n
转载 2023-07-29 18:39:13
67阅读
一、创建项目DD项目(vue.环境配置 )vue init webpack dd注意点:创建项目时注意不要使用ESLint   创建完成使用vscode打开,目录结构如下图1,control+shift+y 打开控制台,终端中输入 npm run dev 启动项目,结果如下图2      二、钉钉H5应用1.根据文档,安装 di
原创 2022-12-08 11:01:16
2672阅读
前言H5声明和H5基本骨架,各种标签以及H5的新标签一、HTML5的DOCTYPE声明DOCTYPE是document type(文档类型)的缩写,是H5的声明,位于文档最前面,他是网页必备组成部分,避免浏览器的怪异模式。二、HTML5的基本骨架1.html标签包裹其它标签限定文档的开始和结束<html lang="en">表示当前网页语言为英文2.head标签定义文档的头部,包括文档
转载 2024-09-14 08:31:57
61阅读
前面的话,试图解决结构与样式混杂的问题。1996年,W3C正式推出CSS1。1998年,推出CSS2。2001年从CSS3开始,CSS这门语言分割成多个独立的模块,每个模块独立分级,且只包含一小部分功能;2011年开始设计CSS4  本文将主要介绍引入CSS样式的方式,包括外部样式表、内部样式表和行间样式三种方式  [注意]CSS语法非常简单,但容易忽略的一点是不能省略分号(最后一个样式除外)&n
转载 2024-10-14 13:32:35
30阅读
一。mui简介。   MUI是一套前端框架,由DCLOUD公司研发而成,提供大量H5js语言组成的组件,大大提高了开发效率,可以用于开发web端应用、web app等应用,中国比较流行的前端工具Hbuilder也是出自该公司 Hbuilder中集成mui。hbuilder提供了代码库提示功能非常强大 官方演示(http://dev.dcloud.net.cn/mui/snip
转载 7月前
34阅读
非常早曾经写了一篇博客,总结cordova插件怎么调用到原生代码:cordova调用过程,只是写得太水。基本没有提到原理。近期加深了一点理解,又一次补充说明一下js调用native以下是我们产品中的代码片段:datePicker.show(options, function (date) { var month = date.getMonth() + 1; callback(nul
1.首先布置jdk环境,下载jdk(http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html)。我这里用的是1.8的2.windows+r打开命令窗口,输入java -version,出现如下图则说明安装成功。3.安装安卓环境,这个则是我的android-sdk-windows,链接: h
转载 2023-07-11 22:32:36
128阅读
没错,我用Vue写了一个H5项目,来看下我踩坑记录吧。1、按需引入在开发过程中,会遇到很多五花八门的库。其实这些库中有很多功能/模块是用不到的,所以,这里推荐按需引入:import { Slider } from 'element-ui'; Vue.use(Slider);像这样,如果只用到滑条,只需引入Slider,并挂载到Vue实例。2、全局样式抽离Css样式在前端开发中是绕不开的话题,以V
转载 2024-03-25 16:23:11
193阅读
Chrome 扩展 H5 游戏结构检查器 GameInspect 支持 Laya, egret, cocosCreate, cocos2d-js1. 说明仿照 egret Inspect 制作的通用H5游戏列表查看器, 方便查看游戏结构, 修改属性,注入代码,查看shader,抓帧GitHub(部分代码)2.安装部分浏览器安装失败,可能是因为浏览器版本太低,升级浏览器版本2.1 下载到本地 gi
一、创建空白Cordova应用打开VS,选择【新建项目】,选择其它语言JavaScript或者TypeScript,语言的话就按个人喜好,喜欢JS就用JS,喜欢TS就用TS,推荐使用TS书写,代码结构和可读性相对更强。本文演示使用JS来书写,方便不会TS的用户阅读。创建完项目后,项目结构如下:www目录为我们本地应用程序目录,和一般静态网站类似。默认主页为index.html。脚本对应为scrip
转载 9月前
87阅读
vue3 h5 cdn引入 vue.js 和 jinjia 解决模板冲突 文章目录vue3 h5 cdn引入 vue.js 和 jinjia 解决模板冲突1.js2.html 1.jsconst App = { data() { return { a: "1", };
原创 2023-06-02 11:37:58
123阅读
最近,一个项目上使用到一些数据,这些数据必须要从本地导入,因此提供了相关的服务端上传接口,然鹅我是一个纯纯的后端,前端的各种框架都不太会使,并且我认为这样的小项目使用一个前端框架反而不好,比如LayUi,虽然很简单就可以引入,但是有时候我需要做些特殊操作,修改人家源码的底层方法还是不太方便,因一顿google后实现了纯H5+JS实现的方法,连ajax都使用的原生;记录一下:一、单文件上传<!
转载 2023-12-27 14:18:45
156阅读
Android与H5交互前言开始项目创建工程名AndroidAndH5布局文件初始化布局Android和H5互调案例-Java调用Js新建 AndroidAndJSActivity修改AndroidAndJSActivity布局布局初始化初始化WebView并且加载网络页面在工程main目录下创建assets目录且加载本地资源Java调用JavaScriptJavaScript调Java配置Ja
转载 2024-10-09 14:47:09
75阅读
一、准备工作①安装vuevue-cli 全局安装vuevue-cli,但需要注意vuevue-cli的版本。npm install --global @vue/clivue-cli@4.x版本未暴露key:"vue",会导致如下错误:export 'default' (imported as 'Vue') was not 
转载 2024-01-10 13:58:53
230阅读
1.首先我们来了解一下什么是JSBridge?在开发中,为了追求开发的效率以及移植的便利性,一些展示性强的页面我们会偏向于使用h5来完成,功能性强的页面我们会偏向于使用native来完成,而一旦使用了h5,为了在h5中尽可能的得到native的体验,我们native层需要暴露一些方法给js调用,比如,弹Toast提醒,弹Dialog,分享等等,有时候甚至把h5的网络请求放到native去完成。JS
转载 2024-04-23 21:38:24
166阅读
(一)jsh5的关系H5指的的是WEB开发所有技术(html、css、js、nodejs、vue、react)。 JS注重的是浏览器、客户端(二)JS的组成ECMAScript(语法) DOM(document object modle文档对象模型) BOM(browser object modle); JS的本质:可以通过JS代码操作文档、浏览器(三)JS的输入输出语句console.log
转载 2023-07-12 11:10:10
89阅读
一、引入vue.js建议把js 下载下来存放在本地。<script src="https://unpkg.com/vue/dist/vue.js"></script>二、引入axios 建议把js下载下来存在本地<script src="https://unpkg.com/axios/dist/axios.min.js"></script...
原创 2020-03-12 14:53:05
2104阅读
  • 1
  • 2
  • 3
  • 4
  • 5