文章参考：高德地图：概述-地图 JS API v2.0 | 高德地图API (amap.com)一.引入高德地图注册高德地图并申请key。public文件夹下index.html中//public文件夹下index.html中
<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key="您申
原创
2023-10-08 17:01:16
539阅读
# 用Vue.js和Django Rest Framework实现全栈开发
## 摘要
在现代Web开发中，使用Vue.js作为前端框架和Django Rest Framework作为后端框架是一个非常流行的选择。Vue.js是一个现代化的JavaScript框架，能够帮助我们构建交互式的页面，而Django Rest Framework是一个用于构建RESTful Web服务的强大框架。本文将
原创
2024-05-24 10:52:31
86阅读
前言最近这两天在和运维GG搞部署项目的事儿。碰到一个问题就是，咱们的dev，uat，product环境的问题。因为是前后端分离，所以在开发和部署的过程中会有对后端接口的域名的切换问题。折腾了一下午，查询了各种资料这才把这Node环境变量process.env给弄明白。下面这就做个问题解决的记录。希望能对这个不明白的人有所帮助。话不多说了，来一起看看详细的介绍吧。Node环境变量首先，咱们在做rea
百度上传插件WEB UPLOADER，使用WEBUPLOADER组件实现大文件分片上传，断点续传，百度WEBUPLOADER开源上传控件，百度W
原创
2024-07-08 14:38:28
0阅读
总结一下大文件分片上传和断点续传的问题。因为文件过大（比如1G以上），必须要考虑上传过程网络中断的情况。http的网络请求中本身就已经具备了分片上传功能，当传输的文件比较大时，http协议自动会将文件切片（分块），但这不是我们现在说的重点，我们要做的事是保证在网络中断后1G的文件已上传的那部分在下次
原创
2021-07-08 16:36:03
216阅读
在做项目开发的时候，上传东西无论文件也好，还是文件夹都需要用到 <input type="file" id="filepicker" name="fileList" multiple /> 这次公司要做文件及文件夹上传的需求，文件上传之前使用的是ElementUi封装好的组件一步到位如果感兴趣可以去
转载
2021-07-07 13:07:29
1251阅读
<div id="app">
<input type="text" v-model="assAge" placeholder="请输入...."/>
</div>
<script type="text/javascript" src="../util/js/vue.js">
</script>
<script ty
原创
2023-04-27 08:43:22
170阅读
最近遇见一个需要上传百兆大文件的需求，调研了七牛和腾讯云的切片分段上传功能，因此在此整理前端大文件上传相关功能的实现。 在某些业务中，大文件上传是一个比较重要的交互场景，如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大，或者网络条件不好时，上传的时间会比较长（要传输更多的报文
原创
2021-07-08 16:35:58
618阅读
网上搜了一圈，基本上都是用的HTML5实现的，也就是chrome提供的API，小文件还好，比如几十MB，500MB左右的话
原创
2024-05-22 00:13:29
60阅读
parcel 是一个零配置的前端构建工具,相比webpack 更快，同时使用简单以下是 一个简单的使用typescript 开发vue 应用，同时使用parcel 构建，同时集成了docker 构建，代码很简单，同时会有一些碰到问题的解决 项目 说明parcel 是零配置的，我们基本不需要配置多少，
原创
2021-07-19 10:41:58
170阅读
无论是手写虚拟 DOM（渲染函数）还是使用模板，都属于声明式地描述 UI，并且 Vue.js 同时支持这两种描述 UI 的方式。我们已经知道虚拟 DOM 是如何渲染成真实 DOM 的，那么模板是如何工作的呢？这就要提到 Vue.js 框架中的另外一个重要组成部分：编译器。编译器和渲染器一样，只是一段程序而已，不过它们的工作内容不同。 编译器的作用其实就是将模板编译为渲染函数，例如给出如下模板：&l
# HTML5 页面 Vue + Vant
## 简介
HTML5 是一种用于构建和展示网页的标准，它提供了丰富的功能和特性。Vue 是一种用于构建用户界面的 JavaScript 框架，它通过数据驱动视图的方式，使开发者能够更轻松地构建交互式的 Web 应用程序。Vant 是一个基于 Vue 的移动端组件库，它提供了丰富的 UI 组件，可用于快速构建漂亮的移动应用。
本篇文章将介绍如何在
原创
2023-07-20 17:04:07
833阅读
前端：vue2,vue3,vue-cli,html5,webuploader后端：asp.net,jsp,springboot,php,数据库：MySQL,Oracle,SQL Serve
在Vue项目中，我们通常会使用process.env来获取环境变量，比如我们在开发环境和生产环境中需要使用不同的API地址。然而，有时候我们会遇到vue process.env获取不到的问题，这可能是因为我们没有正确配置环境变量或者webpack配置有问题。下面我将详细介绍如何解决这个问题。
整个解决问题的流程如下：
| 步骤 | 操作 |
| ------ | --------- |
| 1
原创
2024-04-30 12:18:34
3875阅读
1. 说一下 Vue 的双向绑定数据的原理vue 实现数据双向绑定主要是：采用数据劫持结合“发布者 - 订阅者”模式的方式，通过 Object.defineProperty() 来劫持各个属性的 setter、 getter，在数据变动时发布消息给订阅者，触发相应监听回调。 2. 解释单向数据流和双向数据绑定单向数据流：顾名思义，数据流是单向的。数据流动方向可以跟踪，流动单一，追查
分析问题、解决问题根据vue中的钩子函数来说，mounted是渲染完成之后再执行的，这时候dom元素是加载完成了的。根据$refs去获得绑定的元素，如果元素已经是加载完成的话，那绝对是能够获取到的。所以出现这种情况，只有一种可能：你的$refs所在的标签并未被渲染。这时候就需要检查你的渲染条件是使用了v-if还是v-show，v-if只有当条件成立才去渲染dom元素，所以在条件不成立时，该元素并未
1、使用Vue完成项目，从后台获取数据绑定到页面时，无法确保页面能在组件渲染前获取到所需的数据； 在下面两种情况中遇到过这个问题： 1）、子组件页面需要绑定后台数据到视图层： 解决方法：在父页面提前进行数据获取，用Vuex保存，然后子页面compute
写了vue项目和小程序，发现二者有许多相同之处，在此想总结一下二者的共同点和区别。一、生命周期看图说明：vue生命周期小程序生命周期相比之下，小程序的钩子函数要简单得多。vue的钩子函数在跳转新页面时，钩子函数都会触发，但是小程序的钩子函数，页面不同的跳转方式，触发的钩子并不一样。
onLoad: 页面加载 一个页面只会调用一次，可以在 onLoad 中获取打开当前页面所调用的
转载
2023-12-20 10:07:26
75阅读
项目用的vue-cli2 +element UI搭建目前布局的目录src： assets //放置一些静态资源 components： home //布局 login //登录 view //组件页面 router //路由配置目前效果：router.js文件import Vue from 'vue'import...
原创
2023-01-03 14:59:16
547阅读
1，什么是process.envprocess.env 是 Node.js 中的一个环境对象。其中保存着系统的环境的变量信息。可使用 Node.js 命令行工具直接进行查看。如下： 而 NODE_ENV 就是其中的一个环境变量。这个变量主要用于标识当前的环境（生产环境，开发环境）。默认是没有这个环境变量的，需要自己手动配置。2，vue中的NODE_ENV在 Vue 项目中， Vue 提供了自己的配
转载
2024-07-01 07:00:23
1950阅读
