一、引入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阅读
样式如下需要注意的点实现题目内容的最外层即循环题目数据的位置谨慎使用div标签包裹，否则v-if控制的样式可能有问题。使用div标签包裹并且在最外层设置题目样式的
页面：<div class="topicContent" v-for="item in subjectType" :key="item.type"></div>.topicContent{
height:
转载
2024-03-27 08:25:03
42阅读
一、创建项目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
2669阅读
行到水穷处，坐看云起时一、概述1、背景鉴于H5的优势，客户端的很多业务都由H5来实现，Webview成了App中H5业务的唯一载体。WebView组件是iOS组件体系中非常重要的一个，之前的UIWebView 存在严重的性能和内存消耗问题，iOS 8之后推出WKWebView，旨在代替UIWebView；WKWebView在性能、稳定性、内存占用上有很大的提升，支持更多的HTML5特性，高达60f
转载
2023-10-22 17:56:51
611阅读
在正式使用Vue进行移动端页面开发前,需要做一些前置工作,以此保证用户在访问页面时看到的东西不会因设备的差异而出现各种不同的效果,比如一个页面在iphone7 plus上显示的很正常,然后切换到了Iphone5上因为屏幕太小部分页面内容被遮挡了,影响用户正常使用和体验,当然还有一些细节需要优化,比如移动端的1像素边框问题,移动端的300毫秒点击延迟等,这些都可以进行一些优化,从而把用户体验做到更好
现在好多的app应用都有对应的h5页面，那么h5和app直接是如何交互的呢？ 这里使用的是Scheme协议。什么是URL Scheme？ android中的scheme是一种页面内跳转协议，是一种非常好的实现机制，通过定义自己的scheme协议，可以非常方便跳转app中的各个页面。Scheme链接格式样式？ 样式：[scheme]：//[host]/[path]?[query]URL Scheme
转载
2023-12-02 22:16:02
97阅读
做题目页面H5页面（Vue开发）最近公司需要，要写一个可以做题目的H5小页面，需求是挺简单的（目前来说），就是可以上一题下一题的，另外不存在什么输入，全是选择题;我仔细想想觉得也不复杂，就打算用前些时候学的Vue来写（之前万年的Jquery的...），这个简单的小功能，我周末写了一天多,,,汗颜，还是太菜了..现在总结一下吧1：题目展示和选项展示首先这个功能不复杂，页面没有什么逻辑，我刚接到这个任
转载
2023-12-17 08:20:08
195阅读
序随着互联网的深入发展，移动营销已逐渐成为主题，相比电视、杂志、户外广告等传统媒体呈逐年下降的趋势，品牌营销在数字和移动方面的投入在逐年上升。而且，在所有渠道预算中移动技术的投入增长最快，远远高于其他渠道的增长，可见移动营销已是大势所趋。当前web时代，H5页面通过微信和朋友圈快速传播，以无需下载、即点即用的属性迅速上位，一跃变成炙手可热的小鲜肉。H5页面什么是H5页面？H5，是HTML5的简称，
转载
2024-01-16 15:58:10
44阅读
# 使用Vue.js实现登录页面
## 1. 概述
在本文中，我将向你介绍如何使用Vue.js实现一个简单的登录页面。Vue.js是一种流行的JavaScript框架，用于构建用户界面。它具有轻量级、灵活和易于学习的特点，非常适合用于构建交互性强的页面。
## 2. 实现流程
首先，我们来看一下整个实现登录页面的流程。下面是一个流程图，描述了实现登录页面的主要步骤。
```mermaid
原创
2023-08-24 07:58:00
572阅读
# Vue.js渲染页面
Vue.js是一个用于构建用户界面的渐进式JavaScript框架。它提供了一个专注于视图层的解决方案，让开发者可以更轻松地构建交互式的Web应用程序。在本文中，我们将详细介绍Vue.js的渲染页面过程，并提供相应的代码示例。
## 渲染页面的基本流程
Vue.js的渲染页面过程可以分为以下几个步骤：
1. 创建Vue实例：首先，我们需要创建一个Vue实例，以便于
原创
2023-08-10 04:12:00
294阅读
1、返回按钮 都请求接口 created() { window.addEventListener('pageshow', () => { //外链回退到vue应用要执行的代码 //this.pageshowGetData(); }) }, 2、引入相关js即可开发vue h5 3、helang-fl ...
转载
2021-08-23 10:40:00
494阅读
2评论
初次使用webview，有很多地方不懂的，在此做下记录，留待以后学习！ 以前没有接触过APP开发，对webview一直懵懵懂懂，也不敢使用。这次逼不得已必须要去使用就认真的学习了下，发现也并不是很难理解。 在Html5plus的官方文档中关于webview的方法并不多，共有如下几个 all 获取所有webview窗口 close 关闭webview窗口 create
手机HTML5开发，大部分都使用现有的框架，这里简单比较几个流行的UI 框架。比较一下几款流行的HTML5框架，个人意见，仅供参考。(1)MUI网址： http://dev.dcloud.net.cn/mui/优点：MUI是数字dclound推出的一款流行框架，个人感觉,这是目前最好的一个H5 UI框架，使用简单，操作方便。缺点：MUI为了达到原生效果，重新定义了Form表单里input，sele
转载
2024-01-15 13:49:56
563阅读
一：普通浏览器唤醒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阅读
外部h5网页无法直接跳转到小程序，因此需要把h5内嵌到小程序的web-view中。只有内嵌的H5才能跳回小程序官方文档：https://developers.weixin.qq.com/miniprogram/dev/component/web-view.htmlweb-view承载网页的容器。会自动铺满整个小程序页面，个人类型的小程序暂不支持使用。一、小程序跳转h5<!-- wxml --
转载
2023-07-08 07:37:46
518阅读
最近，一个项目上使用到一些数据，这些数据必须要从本地导入，因此提供了相关的服务端上传接口，然鹅我是一个纯纯的后端，前端的各种框架都不太会使，并且我认为这样的小项目使用一个前端框架反而不好，比如LayUi，虽然很简单就可以引入，但是有时候我需要做些特殊操作，修改人家源码的底层方法还是不太方便，因一顿google后实现了纯H5+JS实现的方法，连ajax都使用的原生；记录一下：一、单文件上传<!
转载
2023-12-27 14:18:45
154阅读
随着业务的增加，可能存在这么一种需求，就是需要从h5中直接跳转到app。如果没有安装app的话，则提示到应用市场或者app store下载安装。不过问题就在这个地方，单纯的用h5是没有方法判断是否安装过app的，不过这些是难不倒程序员的，他们通常会用这种代码来解决1 window.location.href = 'app的协议'；
2
3 s
转载
2023-07-12 13:51:43
948阅读
一、准备工作①安装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阅读
