事项vue cli 01
Vue实现大文件分片上传、断点续传
前言实现大文件分片上传的断点续传以及上传进度条是一个在前端开发中常见且具有挑战性的问题。本篇博客将介绍如何使用Vue框架来实现这个功能，并给出代码示例。 概述大文件分片上传指的是将一个大文件切割成多个小文件（或称为分片），然后依次上传这些小文件，最后在服务器端将这些小文件合并为原始的大文件。断点续传 ......
vue 图片转base64格式方法+将base64流数据转成pdf文件可打印的方法✔️✔️✔️
1. 图片转base64格式方法 （主要的代码）（其实用的还是FileReader） handleRemove(file, fileList) { console.log(file); var reader = new FileReader(); reader.readAsDataURL(file. ......
Vue2 基础入门
1 Vue 1.2 第一个Vue实例（Hello Vue） 1.3 插值表达式 { 作用： 利用表达式进行插值，渲染到页面中 表达式：是可以被求值的代码，JS引擎会讲其计算出一个结果 以下的情况都是表达式： money + 100 money - 100 money * 10 money / 10 ......
Vue大文件切片上传 断点续传
一、中等文件上传解决方案-nginx放行在我们工作中，上传功能最常见的就是excel的上传功能，一般来说，一个excel的大小在10MB以内吧，如果有好几十MB的excel，就勉强算是中等文件吧，此时，我们需要设置nginx的client_max_body_size值，将其放开，只不过一次上传一个几 ......
01_jQuery 核心函数和选择器
目录一、jQuery概述1.1、什么是框架?1.2、主流的前端框架（UI/JS）框架1.2.1、JS框架库1.2.2、UI框架1.2.3、框架和类库的区别1.3、什么是jQuery1.4、jQuery的特点1.5、jQuery的优缺点1.6、为什么要使用jQuery二、jQuery入门2.1、jQu ......
Mac 中安装 vue 脚手架后报错 vue: command not found
解决方案 安装 node、npm 查看 npm 全局安装位置 npm root -g 正确位置 /usr/local/lib/node_modules 修改位置 npm config set prefix /usr/local 重新安装脚手架 sudo npm install -g @vue/cli ......
day01
5.今日内容概要 1.typora软件 下载与安装 文件路径 主要功能 2.markdown语法 3.网络博文编写教程 4.计算机本质 5.计算机五大组成部分 6.计算机三大核心硬件 6.typora软件简介 typora软件 是一款文本编辑器 是目前非常火爆的文本编辑器 默认情况下该软件是收费的! ......
大连旅游注意事项 —— 大连千万级博主总结的大连旅游注意事项，看这一个就足够足够了
在大连生活多年，发现这个视频说的还挺好，很有用： https://haokan.baidu.com/v?vid=12187364321776210763&collection_id= ......
倾斜摄影三维模型的根节点合并注意事项浅析
三维工厂K3DMaker是一款三维模型浏览、分析、轻量化、顶层合并构建、几何校正、格式转换、调色裁切等功能专业处理软件。可以进行三维模型的网格简化、纹理压缩、层级优化等操作，从而实现三维模型轻量化。轻量化压缩比大，模型轻量化效率高，自动化处理能力高；采用多种算法对三维模型进行几何精纠正处理，精度高，... ......
[Vue]React、Vue中的key有什么作用? (key的内部原理)
1. 虚拟DOM中key的作用: key是虚拟DOM对象的标识，当状态中的数据发生变化时，Vue会根据[新数据]生成[新的虚拟DOM] 随后Vue进行[新虚拟DOM]与[旧虚拟DOM]的差异比较，比较规则如下: 2. 对比规则: (1).旧虚拟DOM中找到了与新虚拟DOM相同的key: ①.若虚拟D ......
vue打包体积优化
一、webpack-bundle-analyzer工具 1、安装 终端运行命令，根据包管理器自行选择命令 #NPM npm install --save-dev webpack-bundle-analyzer #YARN yard add -D webpack-bundle-analyzer 2、代 ......
一个类似于Gridster的栅格布局系统Vue组件
哈喽,我是老鱼，一名致力于在技术道路上的终身学习者、实践者、分享者！ Vue Grid Layout是一个类似于Gridster的栅格布局系统, 适用于Vue.js，灵感来源于React Grid Layout。 特性 可拖拽 可调整大小 静态部件（不可拖拽、调整大小） 拖拽和调整大小时进行边界检查 ......
mysql使用注意事项
当接触到大量数据时候需要注意访问数据库的一些问题 navicat连接mysql数据库时候 有时候为了方便直接双击打开表，默认会打开1000条数据，如果表很大则不建议这么操作，因为你这么做了之后，往往会去筛选一些条件去查询数据，如果字段没有索引 会影响线上业务 这里限制每页访问条数 查询sql，尽量使 ......
基于Vue.js和Vanta.js的动态天空颜色效果实现
背景 最近在写一个Vue项目，想要在登录界面加一个动态背景效果，搜索之后发现了 Vanta.js（https://www.vantajs.com/ ）这个库。Vanta 可以借助 three.js (WebGL) 或 p5.js 渲染动态的3D背景效果，提供了多种预设。 几种效果都挺不错的，最终我决 ......
vue 将html保存成pdf文件
结合 html2canvas 和 jspdf 插件处理 /* eslint-disable */ //不使用JQuery版的 import html2canvas from 'html2canvas' import JsPDF from 'jspdf' /** * @param ele 要生成 pd ......
34-Vue脚手架-组件的自定义事件（使用自定义事件优化Todo-List案例）
组件的自定义事件 1.一种组件间通信的方式，适用于 子组件 > 父组件（这里也可以使用 props 传递数据进行实现） 2.使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件（事件的回调在A中） 3.绑定自定义事件： 1）第一种方式，在父组件中 <!--通过父组件给子 ......
vue关于render函数如何渲染v-html
render函数如何渲染v-html，两种方式（适用于搜索关键字高亮） 例子：“互联网数据” 搜索关键字"网" ==>row.htmlStr：互联<span class="search-text">网</span>数据 render: (h, { row }) => { // 模板组件方式 retu ......
面向对象（OOP）01~17
面向对象（OOP）01~17 1.什么是面向对象 1.1 物以类聚 属性和方法就是类 （分类思想） 1.2 面向对象可以处理复杂为题 1.3 本质：以类的方式组织代码，以对象的组织（封装）数据，类是对象的模板。 1.4 三大特性：封装、继承、多态 2.回顾方法的定义、调用 2.1 ......
论文复现01. RestainNet
论文名称：RestainNet: a self-supervised digital re-stainer for stain normalization arxiv: https://arxiv.org/pdf/2202.13804.pdf 论文的核心内容：自监督网络，把 ”灰度图“ 重新上色成H ......
vue中attrs的使用
vue中attrs的使用 1.attrs的作用 用来进行子孙组件之间的数据传递 接收父组件传过来，但是又没有在props中定义的数据。（class及style除外） 2.父子组件之间数据传递的用法 爷爷组件-grandpa： <template> <div> <span>爷爷</span> <Son ......
vue3 + vite 的Excel表格的导入导出
一、安装XLSX插件 yarn add xlsx 或者 npm i xlsx 二、引入插件 在你需要的页面或者在main.js中引入 import * as XLSX from 'xlsx' 三、导出Excel 3.1 核心api ① xlsx.utils.book_new() 新建工作簿 ② xl ......
Vue2 实现印章徽章组件
Vue2 实现印章徽章组件 需要实现的组件效果： 该组件有设置颜色、大小、旋转度数和文本内容功能。 一、组件实现代码 <template> <div class="first-ring" v-bind="getBindValue" :class="getStampBadgeClass" :style ......
[WEB安全] XSS攻击防御 Vue
一、概念 XSS攻击通常指的是通过利用网页开发时留下的漏洞，通过巧妙的方法注入恶意指令代码到网页，使用户加载并执行攻击者恶意制造的网页程序。 这些恶意网页程序通常是JavaScript，但实际上也可以包括Java、 VBScript、ActiveX、 Flash 或者甚至是普通的HTML。 攻击成功 ......
[Vue]列表渲染v-for
1. 用于展示列表数据 2. 语法：v-for="(item, index) in xxx" :key="yyy" 3. 可遍历：数组、对象、字符串（不常用）、指定次数（不常用） <body> <div id="root"> <!-- 遍历数组 --> <h2>人员列表</h2> <ul> <li ......
01集合结构体系
：集合体系结构 集合分两大类： Collection:单列集合，一次放入一个数据 Map：双列集合，一次放入一对数据 一、集合分两大类 Collection：单列集合，每次添加一个数据。 Map：双列集合，每次添加一对数据。 二、单列集合 集合体系结构图： List系列集合：添加的元素是：有序、可重 ......
33-Vue脚手架-浏览器本地存储（使用本地存储优化Todo-List案例）
什么是网络存储 在HTML5之前，开发人员一般是通过使用Cookie在客户端保存一些简单的信息的。 在HTML5发布后，提供了一种新的客户端本地保存数据的方法，那就是Web Storage，存储内容大小一般支持5MB左右（不同浏览器可能还不一样），它允许 Web 应用程序在用户浏览器中实现本地存储机 ......
01背包问题
#include<iostream>#include<cmath>using namespace std;#define NUM 4#define RONG 5//物品数量//物品价值 int v[NUM] = {2,4,5,6};//背包容量 int w[NUM] = {1,2,3,4};//二维 ......
laravel:多图片上传(10.27.0/前端vue)
一，相关文档 https://learnku.com/docs/laravel/10.x/filesystem/14865#481e03 二，前端vue代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 ......