由于我们之前的springboot+template html版本在H5方向开发成本和入手成本比较高,以企业微信为入口的H5不断有新需求涌入,原来的粗犷式java web实在是效率低,效果也不好。我这个javaer决定研究下当下流行的前端解决方案。在一番搜索之后,发下当前前端的解决方案(非APP方向)基本以PC(VUE+ElementUI)和H5Vue+)为主。PC部分暂时由于内网PC使用,升级
转载 2024-03-03 19:56:03
24阅读
一、准备工作①安装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阅读
一、创建项目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阅读
目录手把手教你构建vue项目(微信h5以及hybrid混合开发)(一)——项目目录结构手把手教你构建vue项目(微信h5以及hybrid混合开发)(二)——安装移动端常用ui和全局公共样式以及适配的设置手把手教你构建vue项目(微信h5以及hybrid混合开发)(三)——vue.config.js的配置和开发、生产、测试环境的全局变量配置以及使用手把手教你构建vue项目(微信h5以及hybrid混
转载 2023-11-23 22:52:07
116阅读
APP开发-Vue.js学习教程(一) 一、Vue.js是什么Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与[现代化的工具链以及各种[支持类库]结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。二、上手
转载 2023-05-23 10:29:28
212阅读
Android 应用中嵌入使用 Vue.js 开发H5 内容,近年来逐渐成为开发者们的热点话题。随着移动应用需求的日益增长,能在 Android 环境中顺利运行的 H5 服务成为提升用户体验的重要手段。本文将逐步解析“android 嵌入 vue开发h5”涉及的各项技术细节,涵盖版本对比、迁移指南、兼容性处理、实战案例、性能优化及生态扩展等方面。 ## 版本对比与兼容性分析 在进行 And
原创 7月前
102阅读
 一:普通浏览器唤醒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写了一个H5项目,来看下我踩坑记录吧。1、按需引入在开发过程中,会遇到很多五花八门的库。其实这些库中有很多功能/模块是用不到的,所以,这里推荐按需引入:import { Slider } from 'element-ui'; Vue.use(Slider);像这样,如果只用到滑条,只需引入Slider,并挂载到Vue实例。2、全局样式抽离Css样式在前端开发中是绕不开的话题,以V
转载 2024-03-25 16:23:11
193阅读
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阅读
最近忙里偷闲学了一下vue.js,同时也复习了一下boostrap,发现这两种东西如果同时运用到一起,可以发挥很强大的作用,boostrap优雅的样式和丰富的组件使得页面开发变得更美观和更容易,同时vue.js又是可以绑定model和view(这个相当于MVC中的,M和V之间的关系),使得对数据变换的操作变得更加的简易,简化了很多的逻辑代码。二、学习这篇文章需要具备的知识1、需要有vue.js的知
最近,一个项目上使用到一些数据,这些数据必须要从本地导入,因此提供了相关的服务端上传接口,然鹅我是一个纯纯的后端,前端的各种框架都不太会使,并且我认为这样的小项目使用一个前端框架反而不好,比如LayUi,虽然很简单就可以引入,但是有时候我需要做些特殊操作,修改人家源码的底层方法还是不太方便,因一顿google后实现了纯H5+JS实现的方法,连ajax都使用的原生;记录一下:一、单文件上传<!
转载 2023-12-27 14:18:45
156阅读
​​全部章节 >>>>​​文章目录​​一、Vue概述​​​​1、Web前端框架介绍​​​​2、MVC和MVVM​​​​3、Vue介绍​​​​4、安装Vue​​​​二、Vue使用​​​​1、第一个Vue应用​​​​2、Vue的双向绑定​​​​3、实践练习​​​​三、Vue生命周期​​​​1、Vue的实例和数据​​​​2、Vue生命周期钩子函数​​​​3、实践练习​​​​四、过
原创 2021-06-27 17:24:22
415阅读
全部章节 >>>>文章目录一、Vue概述1、Web前端框架介绍2、MVC和MVVM3、Vue介绍4、安装Vue二、Vue使用1、第一个Vue应用2、Vue的双向绑定3、实践练习三、Vue生命周期1、Vue的实例和数据2、Vue生命周期钩子函数3、实践练习四、过滤器1、过滤器使用2、实践练习总结: 一、Vue概述 1、Web前端框架介绍近几年,互联网前端行业发展得依旧迅猛,涌
原创 2022-01-24 16:03:11
303阅读
Vue入门1.Vue.js定义:Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用(即:可以在原项目基础上逐渐累加功能,需要什么功能便添加什么功能)。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。且不仅能够构建较大项目,也能够为较小的网页提供驱动。2.安装2.1直接用<script>引入(适用于单页面开发
转载 2023-08-08 15:50:04
122阅读
Vue.js起步Vue.js介绍Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。起步导入<!-- 开发环境版本,包含了
转载 2023-08-07 22:08:39
83阅读
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阅读
一、引入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阅读
(一)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阅读
这几天,看了一下ECharts官网的API和Demo发现很有意思,于是就利用模型预测产生的数据做一个伪实时的动态数据显示 。首先,创建一个index.html的文件,我用的vscode打开的,进行编写。1.插入一个标签<div id="main" style="width:600px;height:400px;"></div>设置他的一些style(可自行美化,我很懒!!!
转载 2023-07-12 13:52:25
119阅读
开发移动端的时候需要适配各种机型,有大的,有小的,我们需要一套代码,在不同的分辨率适应各种机型。因此我们需要
原创 2024-03-15 15:40:19
257阅读
  • 1
  • 2
  • 3
  • 4
  • 5