文章参考:高德地图:概述-地图 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阅读
百度上传插件WEB UPLOADER,使用WEBUPLOADER组件实现大文件分片上传,断点续传,百度WEBUPLOADER开源上传控件,百度W
原创 2024-07-08 14:38:28
0阅读
一、chunk-vendors.js 简介顾名思义,chunk-vendors.js 是捆绑所有不是自己的模块,而是来自其他方的模块的捆绑包,它们称为第三方模块或供应商模块。通常,它意味着(仅和)来自项目 /node_modules 目录的所有模块,会将所有 /node_modules 中的第三方包打包到 chunk-vendors.js 中。将所有的第三方包集中到一个文件,自然也会出现文件过大的
在使用 Vue.js 开发前端项目时,很多情况下我们可能需要引入 jQuery 作为第三方库来处理某些 DOM 操作或者调用一些不支持 Vue.js 的第三方插件。然而,当我们将 Vue 项目打包,可能会遇到 jQuery 相关的问题,比如 jQuery 的冲突、无法正确加载等。接下来,我们将详细探讨如何解决这些问题,并包括一些实用的技巧和优化方案。 ## 环境配置 在解决 Vue 打包
原创 6月前
17阅读
总结一下大文件分片上传和断点续传的问题。因为文件过大(比如1G以上),必须要考虑上传过程网络中断的情况。http的网络请求中本身就已经具备了分片上传功能,当传输的文件比较大时,http协议自动会将文件切片(分块),但这不是我们现在说的重点,我们要做的事是保证在网络中断后1G的文件已上传的那部分在下次
在做项目开发的时候,上传东西无论文件也好,还是文件夹都需要用到 <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表格数据、上传影音文件等。如果文件体积比较大,或者网络条件不好时,上传的时间会比较长(要传输更多的报文
网上搜了一圈,基本上都是用的HTML5实现的,也就是chrome提供的API,小文件还好,比如几十MB,500MB左右的话
parcel 是一个零配置的前端构建工具,相比webpack 更快,同时使用简单以下是 一个简单的使用typescript 开发vue 应用,同时使用parcel 构建,同时集成了docker 构建,代码很简单,同时会有一些碰到问题的解决 项目 说明parcel 是零配置的,我们基本不需要配置多少,
原创 2021-07-19 10:41:58
173阅读
1.keep-alive是什么   keep-alive是Vue提供的一个(抽象)组件2. keep-alive 在vue中起到什么作用先来看看官网对keep-alive的一些功能说明:组件之间切换的时候,你有时会想保持这些组件的状态,以避免反复重渲染导致的性能问题。就可以使用到keep-alive,它可以用来进行动态组件的缓存组件复用,提高性能 缓存不太使用的组件,而不是直接
打包之前需要修改一个地方,那就是config->index.js文件,修改assetsPublicPath: '/'为assetsPublicPath: './',截图如下上面文件改好,开始打包,执行如下命令: npm run build 生成 dist 文件夹1.使用 cordova 打包 (较为复杂,安全,需要配置环境) 第一步:安装cordova如果已经安装则直接跳过
转载 2024-04-15 14:53:29
0阅读
为何会写这篇文章呢?因为打包部署太麻烦   大家都知道,vue-cli项目配置后台服务地址的位置在config目录下的文件中配置,初学时觉得很方便。 真正应用到项目之后,会发现我们不只有开发环境,还有测试环境、生成环境等等,如果打包部署的话,我们需要分别为每个环境打一次包,很繁琐! 项目前期还可以接受这种方式,因为主要是本地开发,到了项目后期进行bug修复和优化阶段,打包部署变得比较频繁
转载 2024-05-28 09:57:20
159阅读
# 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
原创 2024-10-28 09:26:33
0阅读
操作的流程大概是:首先,在本地编辑器中创建一个可运行可打包的完整的项目,然后将其放到代码托管的远程仓库中。其次,在nginx的配置文件中更改相关的配置信息(项目的端口信息,以及项目入口文件的地址等)。最后,在jenkins里安装git插件,并且通过webHooks与远程仓库建立连接,最终在代码提交时触发自动构建项目,并且在项目的nginx部署地址可以访问到。一、开发工具和版本管理工具这里介绍vue
一、前期准备1.首先,需要安装nodejs,版本需要与其它同事的保持一致,否则可能出现打包报错的情况; 安装msi格式的nodejs,就可以不用手动配置环境变量。2.如果有必要,修改npm下载源为公司内网源(如果允许访问外网,可以找cnpm使用淘宝源的方法)npm config set registry http://www.xxx.com/group npm config get regist
问题描述:300kb的文件加载速度用了5s1.首先肯定要去掉.map文件在 config/index.js 文件中将productionSourceMap 的值设置为false. 再次打包就可以看到项目文件中已经没有map文件 productionSourceMap: false, // https://webpack.js.org/configuration/devtool/#prod
转载 2023-10-11 09:01:11
215阅读
vue 项目每一次打包上线,都会有浏览器缓存问题,需要用户手动清除缓存,十分麻烦。
原创 2022-09-04 00:18:10
1721阅读
  • 1
  • 2
  • 3
  • 4
  • 5