在高速发展的前端领域中，各式各样有趣的、能够帮助开发者更加迅速地开发出非常精良的前端页面的组件层出不穷。因此，前端资源文件也越来越大。如何缩小前端资源文件，是提升用户浏览器加载资源文件性能至关重要的方法。本文使用的样例是一个基于Vue的前端项目，webpack版本为3.6.0。其中生产环境下的还需保留的依赖如下所示： package.json文件"dependencies": {
"axios
1、vue支持所有兼容ES5的浏览器，IE8及以下的浏览器不支持IE5特性，所以IE8及以下的浏览器都不支持vue。2、Babel插件：IE浏览器不支持ES6语法，Babel插件的作用就是把ES6语法转为ES5语法3、babel-polyfill插件：Babel插件可以把ES6语法转为ES5语法，但是不能转换ES6新出来的API：Set，Map，Promise等等，babel-polyfill插件
转载
2023-06-16 15:37:55
456阅读
其实只用装VUE3 Vue-Devtools 正确安装，vue2和vue3都亲测有效写在前面正确的安装方式下载源码编译安装写在前面最近在学习Vue3。学习Vue自然离不开debug。Vue官方发布了调试工具Vue-Devtools。官方网址：Vue-Devtools。对于Vue3，很多人去装了vue2的vue-devtool 打开着vue3的项目 因为大家都没注意到这点，所以我发这篇博
项目背景我非常非常讨厌Webpack，这个东西结构复杂，概念繁多，难以理解，主体与插
原创
2022-11-23 00:26:48
1849阅读
文件夹数据库处理逻辑 public class DbFolder { JSONObject root; public DbFolder() { this.root = new JSONObject(); this.root.put("f_id", ""); this.root.put("f_name
原创
2021-07-08 14:10:12
121阅读
需求：项目要支持大文件上传功能，经过讨论，初步将文件上传大小控制在500M内，因此自己需要在项目中进行文件上传部分的调整和配置，自己将大小都以501M来进行限制。 第一步： 前端修改 由于项目使用的是BJUI前端框架，并没有使用框架本身的文件上传控件，而使用的基于jQuery的Uploadify文件
原创
2021-07-08 16:33:45
141阅读
docgithub: https://github.com/FranckFreiburger/http-vue-loaderindex.html<!doctype html><html lang="en"><head> <script
原创
2021-09-23 11:32:43
10000+阅读
docgithub: https://github.com/FranckFreiburger/http-vue-loader
index.html<!doctype html><html lang="en"><head> <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.14/vue.min.j
原创
2022-02-08 18:12:30
1174阅读
点赞
1评论
vue-devtools (firefox浏览器，火狐浏览器) vuedevtools vue-devtools (firefox浏览器) 打开firefox浏览器，使用快捷键【Ctrl+Shift+A】打开组件管
一、this.$router.go(-1)：原页面中的内容会丢失
this.$router.go() 刷新
this.$router.(-1) 后退+刷新
this.$router(1) 前进
二、this.$router.back()：原页面中的内容会保留
this.$router.back() 后退
this.$router.back(0) 刷新
this
转载
2023-05-18 14:20:40
186阅读
注意：vue 只兼容ie8以上版本；IE 不兼容 axios的promiss对象;IE 不兼容es6语法；ES6转ES5一、关于babel-polyfill1、说明：This will emulate a full ES2015+ environment and is intended to be used in an application rather than a library/tool.
# 如何实现“vue ios移动端打开浏览器下载文件”
## 一、整体流程
为了帮助你理解如何在vue项目中实现在iOS移动端打开浏览器下载文件的功能，我将整个过程分为几个步骤，并且使用表格的形式展示出来，帮助你更清晰地了解每个步骤的操作流程。
| 步骤 | 操作 |
| ---- | ---- |
| 1 | 用户在移动端点击下载按钮 |
| 2 | 文件下载请求发送至后端API |
|
最近开发手机移动端拍照、多图上传，OCR识别、连拍等功能都需要用到手机的物理硬件（定位、相机、相册、麦克风），调试就需要在真机环境中实现。真机环境调试起来就非常的不方便，例如：1、无法看到日志信息2、无法实时调试（每次都要打包到线上才可测试）下面教程提供一下移动端的调试方法，仅供学习交流。一、vConsole工具一个轻量、可拓展、针对手机网页的前端开发者调试面板。 vConsole 是框架无关的，
$refs的基本用法1：ref属性 加在普通元素上，用 this.refs.(ref值) 获取到的是dom元素2：ref属性加在子组件上，用 this.refs.(ref值) 获取到的是组件实例在使用方法的时候直接 this.refs.(ref值) 获取到的是组件实例，可以使用组件的所有方法。在使用方法的时候直接 this.refs.(ref值)
如何快速搭建vue项目，并自动在浏览器中打开预览一、安装node环境 vue-cli是基于node.js，需要用到node的npm或者cnpm包管理器进行项目依赖、插件的安装、卸载及项目打包，所以安装vue-cli脚手架之前需要先下载安装node.js。1、node下载地址：https://nodejs.org/en/如图所示：推荐选择大部分用户使用的版本 2、下载成功后，找到下载的node所在的
Vue 浏览器本地存储
原创
2022-06-06 12:46:17
298阅读
解决方案 mounted() { history.pushState(null, null, document.URL) window.addEventListener('popstate', () => { history.pushState(null, null, document.URL) } ...
转载
2021-07-15 17:44:00
1757阅读
2评论
https://www.jianshu.com/p/ed6010ab868e 用vue做的项目，有个需求就是关闭浏览器的时候，需要往后台提交有个接口，来这个账号有没有下线。 网上找了很多种方法，一直没有实现。 主要困惑点： 1、浏览器关闭是事件，是什么 onbeforeunload、onunlo
转载
2020-04-28 09:16:00
2238阅读
1.说明近期遇到一个浏览用户文件的需求，类似于访问百度网盘那样的列表，包含文件和文件夹，这个功能实现起来很简单，从服务器获取到的文件列表至少要有文件id、父级文件id、是否文件夹这三个字段2.html设计前端排版看你实际情况设计，我这里只简单展示文件夹和文件夹以及对应的图表就行，文件时间等其他信息也可以自行展示。我这里使用table标签展示文件列表，每一个文件都是一个tr，效果如下<!DOC
vuejs 自定义了一种.vue文件，可以把html, css, js 写到一个文件中，从而实现了对一个组件的封装， 一个.vue 文件就是一个单独的组件。由于.vue文件是自定义的，浏览器不认识，所以需要对该文件进行解析。 在webpack构建中，需要安装vue-loader 对.vue文件进行解析。在sumlime 编辑器中，我们 书写.vue 文件，可以安装vue syntax highli
