Data对象：vue中的data方法中返回的对象；Dep对象：每一个Data属性都会创建一个Dep，用来搜集所有使用到这个Data的Watcher对象；Watcher对象：主要用于渲染DOM Vue异步更新DOM的原理 Vue中的数据更新是异步的，意味着我们在修改完Data之后并不能立刻获取修改后的DOM元素。1 什么时候能获取到真正的DOM元素？ 在Vue的n
转载
2024-05-18 07:07:06
36阅读
文章参考：高德地图：概述-地图 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阅读
总结一下大文件分片上传和断点续传的问题。因为文件过大（比如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
623阅读
网上搜了一圈，基本上都是用的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
173阅读
提到热更新，首先我们要有一个概念：Vue有热更新模块，而webpack也有它的HRM模块（HotModuleReplacement）。Vue热更新是基于webpack的热更新之下的粒度更小的更新，它是依托于webpack-dev-middleware对文件的监听的，是整个webpack热更新的一部分。所以想要理解Vue的热更新，必须先要了解webpack HMR的一个流程。 webpac
转载
2023-09-08 06:38:18
221阅读
我们都知道，对于node来说，前端vue代码的迭代节奏是很快的，可能一周要迭代几次，但是node的迭代却没那么平凡，可能一周更新一次甚至更久，那么为了node服务的稳定，减少node服务的发布次数，是非常有用的。 配置中心是肯定需要的，因为需要通过配置不同的资源版本号，来通知node服务更新服务上的版本号 那么 我们的vue代码 要如何改造才能实现热更新呢？ 我们就以vue官方给的例子来看以下代码
转载
2024-04-24 14:29:48
102阅读
# 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阅读
写了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阅读
一直想做网站的微信登录，虽然自己做用户系统也可以，但是我感觉每次创建账
原创
2022-07-23 01:03:32
1162阅读
相信很多人会好奇Vue内部的更新机制，或者平时工作中遇到的一些奇怪的问题需要使用$nextTick来解决，今天我们就来聊一聊Vue中的异步更新机制以及$nextTick原理Vue的异步更新可能你还没有注意到，Vue异步执行DOM更新。只要观察到数据变化，Vue将开启一个队列，并缓冲在同一事件循环中发生的所有数据改变。如果同一个watcher被多次触发，只会被推入到队列中一次。这种在缓冲时去除重复数
转载
2023-07-04 20:37:49
238阅读
最近面试总是会被问到这么一个问题：在使用vue的时候，将for循环中声明的变量i从1增加到100，然后将i展示到页面上，页面上的i是从1跳到100，还是会怎样？答案当然是只会显示100，并不会有跳转的过程。怎么可以让页面上有从1到100显示的过程呢，就是用setTimeout或者Promise.then等方法去模拟。讲道理，如果不在vue里，单独运行这段程序的话，输出一定是从1到100，但是为什么
转载
2021-01-17 19:39:38
321阅读
最近面试总是会被问到这么一个问题：在使用vue的时候，将for循环中声明的变量i从1增加到100，然后将i展示到页面上，页面上的i是从1跳到100，还是会怎样？答案当然是只会显示100，并不会有跳转的过程。怎么可以让页面上有从1到100显示的过程呢，就是用setTimeout或者Promise.then等方法去模拟。讲道理，如果不在vue里，单独运行这段程序的话，输出一定是从1到100，但是为什么
转载
2020-12-21 15:52:00
518阅读
2评论
