由于我们之前的springboot+template html版本在H5方向开发成本和入手成本比较高，以企业微信为入口的H5不断有新需求涌入，原来的粗犷式java web实在是效率低，效果也不好。我这个javaer决定研究下当下流行的前端解决方案。在一番搜索之后，发下当前前端的解决方案（非APP方向）基本以PC(VUE+ElementUI)和H5（Vue+）为主。PC部分暂时由于内网PC使用，升级
转载
2024-03-03 19:56:03
24阅读
HBulider是一款基于Eclipse的IDE，兼容Eclipse插件，拥有完整的语法提示和代码输入法、代码块等，对于Web应用开发十分方便，同时HBulider内置了HTML5模板和MUI框架，可以十分快捷的创建H5移动应用。 本文使用HBulider创建一个H5移动应用，包含摄像头调用、二维码扫描、文件上传、本地文件系统、本地存储等功能，并在HBulider进行真机调试，最后生成离线资源并
转载
2023-12-17 10:53:55
385阅读
一、准备工作①安装vue与vue-cli 全局安装vue与vue-cli，但需要注意vue与vue-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阅读
# HBuilder打包H5 Docker部署流程
## 概述
在本文中，我将介绍如何使用HBuilder打包H5应用，并使用Docker进行部署。我会逐步指导你完成整个流程，并提供相应的代码和注释来帮助你理解每一步的操作。
## 流程图
```mermaid
erDiagram
开发者 --> HBuilder: 编写H5应用
HBuilder --> Docker: 打包为
原创
2024-01-08 06:15:24
661阅读
目录手把手教你构建vue项目（微信h5以及hybrid混合开发）（一）——项目目录结构手把手教你构建vue项目（微信h5以及hybrid混合开发）（二）——安装移动端常用ui和全局公共样式以及适配的设置手把手教你构建vue项目（微信h5以及hybrid混合开发）（三）——vue.config.js的配置和开发、生产、测试环境的全局变量配置以及使用手把手教你构建vue项目（微信h5以及hybrid混
转载
2023-11-23 22:52:07
116阅读
Android 应用中嵌入使用 Vue.js 开发的 H5 内容，近年来逐渐成为开发者们的热点话题。随着移动应用需求的日益增长，能在 Android 环境中顺利运行的 H5 服务成为提升用户体验的重要手段。本文将逐步解析“android 嵌入 vue开发h5”涉及的各项技术细节，涵盖版本对比、迁移指南、兼容性处理、实战案例、性能优化及生态扩展等方面。
## 版本对比与兼容性分析
在进行 And
没错，我用Vue写了一个H5项目，来看下我踩坑记录吧。1、按需引入在开发过程中，会遇到很多五花八门的库。其实这些库中有很多功能/模块是用不到的，所以，这里推荐按需引入：import { Slider } from 'element-ui';
Vue.use(Slider);像这样，如果只用到滑条，只需引入Slider，并挂载到Vue实例。2、全局样式抽离Css样式在前端开发中是绕不开的话题，以V
转载
2024-03-25 16:23:11
193阅读
一：普通浏览器唤醒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.js，同时也复习了一下boostrap，发现这两种东西如果同时运用到一起，可以发挥很强大的作用，boostrap优雅的样式和丰富的组件使得页面开发变得更美观和更容易，同时vue.js又是可以绑定model和view(这个相当于MVC中的，M和V之间的关系)，使得对数据变换的操作变得更加的简易，简化了很多的逻辑代码。二、学习这篇文章需要具备的知识1、需要有vue.js的知
转载
2023-12-10 19:06:48
9阅读
1.npm安装vue-cli 3.02.npm安装相关的ui框架，以mint-ui举例 mint-ui在vue3.0直接引入会有问题，需先执行以下几步： 1) npm install babel-plugin-component -D 2) 在babel.config.js中输入以下代码： module.exports = {
...
转载
2023-11-08 22:01:05
44阅读
一、html5+ 通过 HTML5 开发移动 App 时，会发现 HTML5 很多能力不具备。为弥补 HTML5 能力 的不足，在 W3C 中国的指导下成立了 www.HTML5Plus.org组织，推出 HTML5+规范。 HTML5+扩展了 JavaScript 对象 plus，使得 js 可以调用各种浏览器无法实现或实现不佳的系统能力，设备能力如摄像头、陀螺仪、文件系统等，业务能力
转载
2024-03-21 22:50:17
300阅读
在开发移动端的时候需要适配各种机型，有大的，有小的，我们需要一套代码，在不同的分辨率适应各种机型。因此我们需要
原创
2024-03-15 15:40:19
257阅读
一、Html5手机站开发概述 Html5app开发就是HTML5开发语言制作的移动手机网站。移动站点顾名思义，就是指一切用移动终端访问的网络站点（通常指网站），像通常用的手机、PAD（平板电脑）等都属于移动终端。传统常会称呼移动站点为wap网站即手机网页站。 HTML5是一门网页前端开发技术，经历过
转载
2018-02-23 09:25:00
496阅读
2评论
在开发移动端的时候需要适配各种机型，有大的，有小的，我们需要一套代码，在不同的分辨率适应各种机型。 因此我们需要设置meta标
原创
精选
2023-11-10 15:43:26
604阅读
文章目录前言一、移动端屏幕相关概念1. 屏幕尺寸2. 屏幕分辨率3. 屏幕像素密度（ppi = pixels per inch）二、像素1. 物理像素2. CSS像素3. 设备独立像素4. 位图像素5. 像素比 （dpr）三、视口1. 布局视口2. 视觉视口3. 理想视口三、缩放行为1. 用户缩放2. 系统总结 前言随着移动端H5需求场景越来越多，例如微信公众号中H5页面的开发，APP中内嵌H5
转载
2024-01-23 23:04:20
127阅读
1、返回按钮 都请求接口 created() { window.addEventListener('pageshow', () => { //外链回退到vue应用要执行的代码 //this.pageshowGetData(); }) }, 2、引入相关js即可开发vue h5 3、helang-fl ...
转载
2021-08-23 10:40:00
494阅读
2评论
文章目录使用UnityGUI调试游戏对象的创建基本函数获取游戏对象方法一方法二添加组件与修改组件发送广播与消息克隆移动、旋转、缩放游戏对象移动游戏对象缩放游戏对象旋转游戏对象工具类四元数输入控制 使用UnityGUI首先先创建一个空的GameObject,编写脚本using System.Collections.Generic;
using UnityEngine;
public class
转载
2024-05-08 22:59:45
585阅读
使用H5搭建webapp主页面前言：在一个h5和微信小程序火热的时代，作为安卓程序员也得涉略一下h5了，不然就要落后了，据说在简历上可以加分哦，如果没有html和css和js基础的朋友，可以自行先学习一下，很简单的。推荐0基础能力一般的，我建议可以看传智播客的韩顺平老师的视频或者毕向东老师的视频，能力强的同学可以在w3c文档自学。主页面搭建 思路分析： Meta标签中的ViewPort属性：Vie
转载
2023-07-06 21:36:35
157阅读
H5教程一、H5 的含义二、原生应用2.1 概念2.2 优点2.3 缺点三、Web 应用3.1 概念3.2 优点和缺点3.3 PWA四、混合应用4.1 概念4.2 API Bridge4.3 优点4.4 缺点4.5 小程序五. 手机App的技术栈5.1 原生 App 技术栈5.2 混合 App 技术栈5.3 跨平台 App 技术栈六. WebView 控件七. 原生技术栈7.1 Xcode7.2
转载
2023-06-28 15:29:32
728阅读
Vue 搭建移动端 h5 项目步骤简介最近团队里的其他前端小伙伴需要自己搭建移动端 h5 项目，没有整体的思路，于是我就写了这个步骤。提示：(2022-10-28更新)vue-cli 和vuex官方已经不再更新。vue-cli建议用 create-vue 即 npm init vue 替代，或者直接使用vite 创建项目。vuex建议用pinia替代。create-vue链接pinia链接vite
转载
2023-10-24 21:57:38
88阅读
