一、创建项目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阅读
一：普通浏览器唤醒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阅读
最近，一个项目上使用到一些数据，这些数据必须要从本地导入，因此提供了相关的服务端上传接口，然鹅我是一个纯纯的后端，前端的各种框架都不太会使，并且我认为这样的小项目使用一个前端框架反而不好，比如LayUi，虽然很简单就可以引入，但是有时候我需要做些特殊操作，修改人家源码的底层方法还是不太方便，因一顿google后实现了纯H5+JS实现的方法，连ajax都使用的原生；记录一下：一、单文件上传<!
转载
2023-12-27 14:18:45
154阅读
一、准备工作①安装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阅读
一、引入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阅读
（一）js与h5的关系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阅读
由于我们之前的springboot+template html版本在H5方向开发成本和入手成本比较高，以企业微信为入口的H5不断有新需求涌入，原来的粗犷式java web实在是效率低，效果也不好。我这个javaer决定研究下当下流行的前端解决方案。在一番搜索之后，发下当前前端的解决方案（非APP方向）基本以PC(VUE+ElementUI)和H5（Vue+）为主。PC部分暂时由于内网PC使用，升级
转载
2024-03-03 19:56:03
24阅读
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阅读
本人从事前端开发工作已有四年，这期间做的大部分都是移动端 H5 项目，这几年来大大小小的 H5 项目也做了有十几个了。对于移动端 H5 项目来说，有些功能和配置其实是通用的，基本上每个项目都会用到，比如说：微信授权及分享、UI 组件库、各种小组件等。基于我平时比较喜欢总结以及为了以后开发 H5 项目省事的目的，就有了这个项目（主要就是为了偷懒，，，）这个项目是啥Vue 移动端新项目模板，封装了 H
转载
2024-08-17 15:42:55
419阅读
序在上篇博文我们简单介绍了视频中间件产品，今天让大家进一步了解我们的视频中间件产品具体有哪些API接口能力，话不多说，直接上视频中间件H5接口整体流程调用流程图：视频中间件产品接口调用流程是从平台登录验证接口为调用入口，获得登录令牌 Token，再调用设备树列表接口， 获得摄像机ID。通过Token 及摄像机ID（cid）两个参数，即可完成后续各项功能接口调用操作。接口可适配各类跨系统、跨终端、跨
转载
2024-08-27 20:19:54
40阅读
样式如下需要注意的点实现题目内容的最外层即循环题目数据的位置谨慎使用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阅读
一、搭建项目结构###安装好node和npm环境之后，安装webpack: npm install webpack -g;安装vue-cli构建工具: npm install vue-cli -g;创建vue项目: vue init webpack one; //这里 one 是项目名进入文件目录：cd one;安装依赖项: npm install;启动项目: npm run dev;新建ser
一、vue深入响应式原理首先,接受一个概念:数据模型-----vm中的data选项1.状态管理:什么是状态管理?我们使用一个数据去管理视图中的一个部分， 那么这条数据就叫做状态， 这种管理模式就叫做状态管理2.什么是深入响应式原理(重点)a.当视图模型（VM）中的数据模型（M）发生改变时， 视图（V）就会进行更新b.Vue通过watcher将data中的...
转载
2022-05-10 15:15:29
106阅读
一、Vue.js是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。二、如
行到水穷处，坐看云起时一、概述1、背景鉴于H5的优势，客户端的很多业务都由H5来实现，Webview成了App中H5业务的唯一载体。WebView组件是iOS组件体系中非常重要的一个，之前的UIWebView 存在严重的性能和内存消耗问题，iOS 8之后推出WKWebView，旨在代替UIWebView；WKWebView在性能、稳定性、内存占用上有很大的提升，支持更多的HTML5特性，高达60f
转载
2023-10-22 17:56:51
609阅读
Android WebView和H5交互总结前言1. WebView初始化和加载网页2. H5调原生3. 原生调H54. 关于项目实际5. demo全代码 前言本文附带了一点H5和JS的内容，所以需要有基本的JS知识。学习JS基本知识可以看菜鸟教程。 我自己也看过总结了一下知识点我会写一个简单的demo，且demo不需要联网全程本地操作，在文章末尾贴上所有代码。1. WebView初始化和加载网
转载
2023-08-16 15:06:38
294阅读
本文从提升用户行为分析效率角度出发，详细介绍了H5埋点方案规划，埋点数据采集流程，提供可借鉴的用户行为数据采集方案；且完整呈现了针对页面分析，留存分析的数仓模型规划方案，在数仓模型设计过程中遇见的痛点难点问题也相应的给出了解决思路及案例代码；在数据展示模块，提供了分析指标数据展示的逻辑流程及UI案例，旨在帮助有需要的同学全方位的了解用户行为数据全链路分析流程。一、背景针对用户行为数据进行采集有个专
转载
2023-08-30 16:21:33
143阅读
