文章参考:高德地图:概述-地图 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阅读
1.在plugins/elements.js中引入组件import Vue from 'vue'import { Menu, Submenu, MenuItem} from 'element-ui'Vue.use(Menu)Vue.use(Submenu)Vue.use(MenuItem)2.在组件中<template> <div> <el-menu class="el-menu-demo" mode="horizonta
vue
原创 2020-12-25 23:27:31
525阅读
<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.在plugins/elements.js中引入组件import Vue from 'vue'import { Menu, Submenu, MenuItem} from 'element-ui'Vue.use(Menu)Vue.use(Submenu)Vue.use(MenuItem)2.在组件中<template> <div> <el-menu class="el-menu-demo" mode="horizonta
原创 2022-01-19 10:41:28
491阅读
总结一下大文件分片上传和断点续传的问题。因为文件过大(比如1G以上),必须要考虑上传过程网络中断的情况。http的网络请求中本身就已经具备了分片上传功能,当传输的文件比较大时,http协议自动会将文件切片(分块),但这不是我们现在说的重点,我们要做的事是保证在网络中断后1G的文件已上传的那部分在下次
在做项目开发的时候,上传东西无论文件也好,还是文件夹都需要用到 <input type="file" id="filepicker" name="fileList" multiple /> 这次公司要做文件及文件夹上传的需求,文件上传之前使用的是ElementUi封装好的组件一步到位如果感兴趣可以去
转载 2021-07-07 13:07:29
1251阅读
# HTML5 页面 Vue + Vant ## 简介 HTML5 是一种用于构建和展示网页的标准,它提供了丰富的功能和特性。Vue 是一种用于构建用户界面的 JavaScript 框架,它通过数据驱动视图的方式,使开发者能够更轻松地构建交互式的 Web 应用程序。Vant 是一个基于 Vue 的移动端组件库,它提供了丰富的 UI 组件,可用于快速构建漂亮的移动应用。 本篇文章将介绍如何在
原创 2023-07-20 17:04:07
835阅读
前端:vue2,vue3,vue-cli,html5,webuploader后端:asp.net,jsp,springboot,php,数据库:MySQL,Oracle,SQL Serve
原创 2024-10-28 09:26:33
0阅读
下载安装echarts包:npm install echarts -D 一、全局引入 main.js中配置 缺点:如果是完整的引入Echarts,会额外的引入其他无用的配置文件,造成应用文件体积过大,资源加载耗时过长,影响用户体验 二、按需引入 如果是在许多页面中都有用到,就写在main.js中 在
转载 2018-07-12 22:23:00
503阅读
2评论
写了vue项目和小程序,发现二者有许多相同之处,在此想总结一下二者的共同点和区别。一、生命周期看图说明:vue生命周期小程序生命周期相比之下,小程序的钩子函数要简单得多。vue的钩子函数在跳转新页面时,钩子函数都会触发,但是小程序的钩子函数,页面不同的跳转方式,触发的钩子并不一样。 onLoad: 页面加载 一个页面只会调用一次,可以在 onLoad 中获取打开当前页面所调用的
项目用的vue-cli2 +element UI搭建目前布局的目录src: assets //放置一些静态资源 components: home //布局 login //登录 view //组件页面 router //路由配置目前效果:router.js文件import Vue from 'vue'import...
原创 2023-01-03 14:59:16
549阅读
https://element.eleme.cn/#/zh-CN/component/quickstartyarn add babel-plugin-componentbabel.con
原创 2022-07-01 06:26:00
1587阅读
Tip: 为了避免浪费您的时间,本文符合满足以下条件的同学借鉴参考1.本文模版不适用于小型项目,两三个页面的也没必要用vue2.对typescript、vue全家桶能够掌握和运用此次项目模版主要涉及的技术框架:vue2.5vuex3.0vue-router3.0axiostypescript3.2Tip: 由于vue-cli3.0帮我们简化了webpack的配置,我们只需要在根目录下的vue.co
前言:在我们的项目中如果一个页面有很多的图片,而且后端接口一次都给我们返回出来了,我们要是直接一次渲染上去会增加页面的请求负担,对页面的加载造成很大的一个负载。什么叫懒加载?原理是什么?懒加载也叫按需加载因为图片的加载都是由src引起的,当你对img标签的src进行赋值时浏览器会去请求图片资源,基于这个,可以利用html5的属性data-xxx来保存图片路径,当我们需要加载图片时才将data-xx
https://www.youbaobao.xyz/admin-docs/guide/base/element.html 安装 babel-plugin-component npm install babel-plugin-component -D 修改 babel.config.js: { "pr
原创 2022-05-19 11:30:57
154阅读
  • 1
  • 2
  • 3
  • 4
  • 5