一、创建项目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教程分类什么是Axios是一个基于promise（承诺）的HTTP网络请求库可以用于浏览器和node.js项目vue官方推荐的请求库，从以前的vue-resource到axios通俗点说就是对JavaScript的http请求的二次封装，就类似jQuery的ajax中文文档立即查看原则上学习这一节需要mock数据相关的知识，但是鉴于大家都是初学者，所以不使用
转载
2023-09-15 21:35:53
228阅读
一：普通浏览器唤醒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
156阅读
环境搭建引入库 我这里已经安装好了nodejs，并且已经配置好了淘宝镜像npm config set registry https://registry.npm.taobao.orgvscode不能直接在工具里创建项目，要先创建一个空文件夹，然后通过vscode打开文件夹。 在E:\vueProject文件夹下创建VueForBlog文件夹，使用vscode打开（vscode默认只能打开一个项目，
转载
2023-11-01 23:00:52
96阅读
一、准备工作①安装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阅读
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阅读
由于我们之前的springboot+template html版本在H5方向开发成本和入手成本比较高，以企业微信为入口的H5不断有新需求涌入，原来的粗犷式java web实在是效率低，效果也不好。我这个javaer决定研究下当下流行的前端解决方案。在一番搜索之后，发下当前前端的解决方案（非APP方向）基本以PC(VUE+ElementUI)和H5（Vue+）为主。PC部分暂时由于内网PC使用，升级
转载
2024-03-03 19:56:03
24阅读
Vue 项目使用 webpack 来构建。首先确保本地已经安装了 NodeJS，然后在 CMD 中执行如下命令，可以创建并启动一个名为 vuehr 的前端项目：npm install -g vue-clivue init webpack vuehrcd vuehrnpm run dev 在执行“vue init webpack vuehr“命令时，会要求依次输入项目的基本信息，如图所示...
原创
2022-01-13 17:22:24
484阅读
本人从事前端开发工作已有四年，这期间做的大部分都是移动端 H5 项目，这几年来大大小小的 H5 项目也做了有十几个了。对于移动端 H5 项目来说，有些功能和配置其实是通用的，基本上每个项目都会用到，比如说：微信授权及分享、UI 组件库、各种小组件等。基于我平时比较喜欢总结以及为了以后开发 H5 项目省事的目的，就有了这个项目（主要就是为了偷懒，，，）这个项目是啥Vue 移动端新项目模板，封装了 H
转载
2024-08-17 15:42:55
429阅读
序在上篇博文我们简单介绍了视频中间件产品，今天让大家进一步了解我们的视频中间件产品具体有哪些API接口能力，话不多说，直接上视频中间件H5接口整体流程调用流程图：视频中间件产品接口调用流程是从平台登录验证接口为调用入口，获得登录令牌 Token，再调用设备树列表接口， 获得摄像机ID。通过Token 及摄像机ID（cid）两个参数，即可完成后续各项功能接口调用操作。接口可适配各类跨系统、跨终端、跨
转载
2024-08-27 20:19:54
44阅读
样式如下需要注意的点实现题目内容的最外层即循环题目数据的位置谨慎使用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阅读
Vue入门1.Vue.js定义：Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用（即：可以在原项目基础上逐渐累加功能，需要什么功能便添加什么功能）。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。且不仅能够构建较大项目，也能够为较小的网页提供驱动。2.安装2.1直接用<script>引入（适用于单页面开发
转载
2023-08-08 15:50:04
122阅读
1. 项目 年终h5项目简介: 略2. 项目主线前期确定主题思想 (产品)然后确定内容 (产品)确定展现形式 (UI 灵感实现效果 (前端)测试部署上线主要参与是展现形式和实现展现效果上, 内容的确定和思考,以及产品设计参与较少(欠缺).整个流程下来,问题还是比较少, 整体效果没有什么大的需要优化, 内容和一些展示效果需要优化3. 项目经验总结前期前期给了时间准备, 但是内容未敲定的情况下, 可以
转载
2024-05-20 09:18:21
104阅读
一、搭建项目结构###安装好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
