前端 终端 实战vue
vue 大文件分片上传(断点续传、并发上传、秒传)
对于大文件的处理，无论是用户端还是服务端，如果一次性进行读取发送、接收都是不可取，很容易导致内存问题。所以对于大文件上传，采用切块分段上传，从上传的效率来看，利用多线程并发上传能够达到最大效率。 本文是基于 springboot + vue 实现的文件上传，本文主要介绍vue实现文件上传的步骤及代码 ......
vue
1、声明私有过滤器和全局过滤器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <p>message的值是：{{mess ......
Django实战项目-学习任务系统-发送短信通知
接着上期代码内容，继续完善优化系统功能。 本次增加发送短信通知功能，学习任务系统发布的任务，为了更加及时通知到学生用户，再原有发送邮件通知基础上，再加上手机短信通知功能。 第一步：开通短信通知服务 目前短信通知都是要收费的，本人还没发现免费的短信通知服务，如有网友知道免费资源请分享下。 本人选用的是 ......
基础课-前端CSS
CSS基础语法 CSS的作用：让前端界面美化 CSS代码的编写位置：1.嵌入编写：CSS代码可以嵌入中HTML一个特殊标记style里，style标记必须是head的子标记 2.外部编写：CSS代码单独编写在后缀是.css文件中，如果某个HTML需要使用CSS代码文件中的样式，就需要使用link标记 ......
vue3 devtool
打开控制台，输入下面代码：var vue = app.__vue_app__ const hook = window['__VUE_DEVTOOLS_GLOBAL_HOOK__'] hook.emit('app:init',vue,vue.version,{ Fragment: 'Fragment' ......
前端处理大文件/视频分片上传，断点续传
1、html部分，项目使用的是ant-design-vue组件库；spark-md5进行加密上传 2、使用变量：（通过上传成功的分片数与总分片数对比判断上传是否完成） 3、主要方法： 1、 查询当前文件是否上传 2、获取文件的MD5编码 // 获取文件的MD5编码 computedSliceMd5 ......
vscode快捷输入vue2，vue3，模板
{ // Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is u ......
数据可视化 - 使用swiper制作滚动表格[vue3]
html部分 1 <div class="scroll-table"> 2 <div class="scroll-table-header"> 3 <table class="scroll-table-header__table"> 4 <colgroup> 5 <col style="width: ......
vue-router中重写push方法
文章目的： 看到一段代码不理解什么意思，查了一下是为了解决，重复跳转相同的路由，控制台报错。 重写了方法后，能catch异常，不会在控制台报错了。 代码： Router.prototype.push = function push(location) { console.log(location, ......
Asp.Net Core实战(干货)
序言 使用.NET Core，团队可以更容易专注的在.net core上工作。比如核心类库（如System.Collections）的更改仍然需要与.NET Framework相同的活力，但是ASP.NET Core或Entity Framework Core可以更轻松地进行实质性更改，而不受向后兼 ......
【Linux】Linux终端常用快捷键
1、移动光标 Ctrl + b：同键盘左键，向左移动光标。 Ctrl + f：同键盘右键，向右移动光标。 Alt + b：向前移动一个词的距离。如果shell终端配置启用了可以通过快捷键打开菜单，会发生冲突，解决办法是禁用这个功能或者和Shift键一起使用。 Alt + f：向后移动一个词的距离。如 ......
vue3+vite 代码混淆插件
安装插件 yarn add --dev rollup-plugin-javascript-obfuscator 创建obfuscator.js文件，把下面相应代码放入js文件中 import obfuscatorPlugin from 'rollup-plugin-javascript-obfusc ......
wsl wangEdit 的使用与注意事项（ vue2 版本）
注： vue2 版本的 nodeJs 版本有限制，要是16或者17； 1.安装wangEditor yarn add @wangeditor/editor @wangeditor/editor-for-vue 2.使用示例 <template> <div style="border: 1px sol ......
助教工作10月总结（前端开发技术）
一、助教工作的具体职责和任务作为前端这门课程的助教主要的职责是辅助老师完成在课外的一些教学任务例如 1、课下的疑难解答 ：课下辅导中，我通过QQ私聊等方式与学生进行沟通，并帮助他们解决在学习过程中遇到的困惑和问题。我会提供适当的指导和建议，引导学生找到解决问题的方法和思路。 2、课外资源的推荐 ：由 ......
vue修改http请求头_vue-resouce设置请求头的三种方法
vue修改http请求头_vue-resouce设置请求头的三种方法 本文主要介绍了vue-resouce设置请求头的三种方法，分享给大家，具体如下： 第一种：在Vue实例中设置 var vm = new Vue({ el:'#rrapp', data:{ showList: true, title ......
如何在Vue.js中添加headers（标头） 使用 axios，单独请求，所有请求 添加请求头
如何在Vue.js中添加headers（标头）使用 axios，单独请求，所有请求 添加请求头 Vue.js 是一个流行的前端框架，它以其简单易用的 API 和高度可组合的架构而闻名。当你构建一个 Web 应用时，你通常会使用一个 HTTP 客户端来与 API 交互。该客户端可以是一个浏览器内部的 ......
vue 2 升级vue3 前端老白
vue 2 升级vue3 前端老白 原文链接：Vue 3已经发布，而Vue 2到Vue 3的升级需要一些注意点。本文将介绍Vue 2升级到Vue 3的具体步骤，让您在升级中无后顾之忧。首先，我们需要升级Vue CLI到4.x。在升级前，我们需要备份项目代码，以防出现意外情况。接着，我们需要在命令行中 ......
记录--Vue3基于Grid布局简单实现一个瀑布流组件
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 在学习Grid布局之时，我发现其是CSS中的一种强大的布局方案，它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局，在刷某书和某宝首页时，我们发现其展示方式就是一种瀑布流，是一种流行的网站页面布局，视觉表现为参差不 ......
若依前端项目理解&官方文档学习
若依前端项目理解&官方文档学习：https://blog.csdn.net/u010657801/article/details/129441209?ops_request_misc=&request_id=&biz_id=102&utm_term=%E8%AF%BA%E4%BE%9D%20%20f ......
vue的token登录检验和路由守卫的配置
1.登陆操作时，保存token localStorage.setItem("token",res.data.token) 2.钩子函数 // 钩子函数，访问路由前调用 router.beforeEach((to, from, next) => { // 路由需要认证 if (to.meta.notR ......
两种vue选项式api data中的特殊的定义变量方式
export default { data() { let aa = []; return { bb: aa } } - - let aa = []; export default { data() { return { bb: aa } } ......
微前端无界机制浅析
随着项目的发展，前端SPA应用的规模不断加大、业务代码耦合、编译慢，导致日常的维护难度日益增加。同时前端技术的发展迅猛，导致功能扩展吃力，重构成本高，稳定性低。为了能够将前端模块解耦，通过相关技术调研，最终选择了无界微前端框架作为物流客服系统解耦支持。为了更好的使用无界微前端框架，我们对其运行机制进... ......
基于vue3-pdf-app@1.0.3的Vue3 PDF在线预览
目录认识vue3-pdf-app安装vue3-pdf-app代码子组件封装: PdfView.vue父组件调用: index.vue中文配置文件viewer.properties 本文参考来自于 CSDN作者theMuseCatcher《Vue3PDF预览（vue3-pdf-app）》 认识vue3 ......
vue3.0 + ts 实现上传工厂（oss与cos）
概述 将上传基类命名为MOS（Mine Object Storage） mos.ts代码 import {MosType} from './mosConfig' import {Loading} from '../loading' import {type BinaryFile, type MosF ......
Tmux终端复用器（terminal multiplexer）使用教程
Tmux基础用法 会话与进程¶ 命令行的典型用法是打开终端（terminal）后，在里面输入指令。用户的这种与计算机交互的手段，称为会话（session）。 在会话中，通过命令行启动的所有进程均与会话进程绑定。当会话进程终止时，该会话启动的所有进程也会随之强行结束。 一点最常见的例子就是通过SSH连 ......
基础课-前端
前端技术的实际意义 前端就是软件中的图形界面页面 软件通过前端界面：1.获得用户的输入数据 2.展示数据给用户 前端开发需要掌握的三项技术（语言）： 1.HTML 超文本标记语言 2.CSS 层叠样式表语言 3.Java Script（JS） 动态脚本语言 HTML基本语法 HTML代码需要编写在后 ......
html 使用vue展示动画
一、简介 二、代码内容 三、问题 一、简介 因为帮人做一个静态页面，使用了vue来处理。 二、代码内容 1. 初始化页面内容。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>认识</title> <script src="./ ......
Vue3 - 常用的Composition API
一、常用 Composition API 1、拉开序幕的 setup 1. 理解： Vue3.0 中一个新的配置项，值为一个函数。 2. setup 是所有 Composition API （组合 API）“表演的舞台”。 3. 组件中所用到的：数据、方法等，均要配置在 setup 中。 4. se ......
vue视频直接播放rtsp流；vue视频延迟问题解决；webRTC占cpu太大卡死问题解决；解决webRTC播放卡花屏问题:
vue视频直接播放rtsp流；vue视频延迟问题解决；webRTC占cpu太大卡死问题解决；解决webRTC播放卡花屏问题:：https://blog.csdn.net/killerdoubie/article/details/133884070 ......
Vue.js 获取当前日期前几个月的日期
1、获取当前日期并想获取6个月前的日期 getDate() { var now = new Date(); var year = now.getFullYear(); //得到年份 var month = now.getMonth() + 1; //得到月份 var date = now.getDa ......