前端 接口 文件vue2
webUploader实现大文件分片，断点续传
问题： 公司现在的业务需求是要上传一个大文件，上一次写了一篇博客，做了一个简单的文件上传，支持单文件，大型文件上传 现在对之前的上传进行优化，支持断点续传，秒传功能 分析： 环境需要： 1.本地测试的话需要配置好Redis，用来保存文件的MD5校验值，和秒传功能的实现 2.jquery，bootst ......
实现多个大文件拖拽上传+大文件分片上传+断点续传+文件预览
技术关键词 前端：@vue/cli-service+element-ui+axios 后端：node.js+koa 思路分析 拖拽上传 拖拽上传是利用 HTML5 新特性实现拖拽上传，详细用法可阅读 MDN-drag 利用 dragover 事件（当某物被拖动的对象在另一对象容器范围内拖动时触发此事 ......
大文件断点续传
spark-md5 spark-md5.js号称是最适合前端最快的算法，能快速计算文件的 md5。 spark-md5 提供了两个计算 md5 的方法。一种是用SparkMD5.hashBinary() 直接将整个文件的二进制码传入，直接返回文件的 md5。这种方法对于小文件会比较有优势——简单而且 ......
Vue2 keep-alive实现原理
Vue.js 内部将 DOM 节点抽象成了一个个的 VNode 节点，keep-alive 组件的缓存也是基于 VNode 节点的而不是直接存储 DOM 结构。它将满足条件（pruneCache 与 pruneCache）的组件在 cache 对象中缓存起来，在需要重新渲染的时候再将 vnode 节 ......
前端应该如何封装高扩展的axios请求库
我看了很多 axios 的封装，但是我感觉他们的封装。也不够自由，主要是写完之后，如果以后有东西需要修改的时候，还要回去拦截器进行修改。但是有一些东西拦截器可能是你以后的业务需求才需要添加的。 我就在想我能不能拦截器做成插件式的模式进行动态配置呢？例如下面的效果，点击添加一个请求缓存器，请求的时候就 ......
vue2为什么只重写了7个数组方法
首先看源码 //即将要被劫持的数组 let arr = [1, 2, 3]; //先把要劫持的方法列出来 let methods = ["push", "pop", "shift", "unshift", "reverse", "sort", "splice"]; //既然要劫持原型，就要先把原型拿 ......
vue2.0源码简读（5. 扩展）
5.1 event 平时开发工作中，处理组件间的通讯，原生的交互，都离不开事件。对于一个组件元素，不仅仅可以绑定原生的 DOM 事件，还可以绑定自定义事件，非常灵活和方便。那么接下来从源码角度来看看它的实现原理。 为了更加直观，通过一个例子来分析它的实现： let Child = { templat ......
vue2.0源码简读（7. Vuex）
7.1 Vuex 初始化 这一节主要来分析 Vuex 的初始化过程，它包括安装、Store 实例化过程 2 个方面。 安装 当在代码中通过 import Vuex from 'vuex' 的时候，实际上引用的是一个对象，它的定义在 src/index.js 中： export default { S ......
vue2.0源码简读（4. 深入响应式原理）
4.1 响应式对象 Object.defineProperty Object.defineProperty 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性， 并返回这个对象，先来看一下它的语法： Object.defineProperty(obj, prop, descriptor ......
vue2.0源码简读（6. Vue Router）
6.1 路由注册 Vue 从它的设计上就是一个渐进式 JavaScript 框架，它本身的核心是解决视图渲染的问题，其它的能力就通过插件的方式来解决。Vue-Router 就是官方维护的路由插件，在介绍它的注册实现之前，先来分析一下 Vue 通用的插件注册原理。 Vue.use Vue 提供了 Vu ......
vue2.0源码简读（3. 组件化）
3.1 createComponent 在分析 createElement 的实现的时候，它最终会调用 _createElement 方法，其中有一段逻辑是对参数 tag 的判断，如果是一个普通的 html 标签，上一章的例子那样是一个普通的 div，则会实例化一个普通 VNode 节点，否则通过 ......
vue2.0源码简读（1. 准备工作）
1.1 认识 Flow Flow 是 facebook 出品的 JavaScript 静态类型检查工具。Vue.js 的源码利用了 Flow 做了静态类型检查，所以了解 Flow 有助于阅读源码。 为什么用 Flow JavaScript 是动态类型语言，它的灵活性有目共睹，但是过于灵活的副作用是很 ......
vue2.0源码简读（2. 数据驱动）
2.1 new Vue 发生了什么 从入口代码开始分析，先来分析 new Vue 背后发生了哪些事情。new 关键字在 Javascript 语言中代表实例化是一个对象，而 Vue 实际上是一个类，类在 Javascript 中是用 Function 来实现的，来看一下源码，在 src/core/i ......
linux 批量更改指定后辍文件的可执行权限
要在Linux上批量更改指定后缀文件的可执行权限，您可以使用find命令来查找这些文件，然后使用chmod命令来更改它们的权限。以下是一些步骤： 1. 打开终端。 2. 使用 find 命令查找要更改权限的文件，例如，如果您想要更改所有 .sh 文件的可执行权限，可以运行以下命令： find /pa ......
JAVA解析Excel文件 + 多线程 + 事务回滚
1. 项目背景： 客户插入Excel文件，Ececel文件中包含大量的数据行和数据列，单线程按行读取，耗时大约半小时，体验感不好。 思路：先将excel文件按行读取，存入List，然后按照100均分，n=list.szie()/100 + 1; n就是要开启的线程总数。（实际使用的时候，数据库连接池 ......
使用Linux命令sort及uniq对文件或屏幕输出进行分组统计
sort demo.txt | uniq -c | sort -rn | head -3 在日常Linux操作常常需要对一些文件或屏幕数次中重复的字段进行分组统计。 实现的方法非常简单，核心命令为：sort | uniq --c | sort -rn 。 sort：对指定列进行排序，使该列相同的字段 ......
单文件WebUploader做大文件的分块和断点续传
前言： WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势，同时又不摒弃主流IE浏览器，沿用原来的FLASH运行时，兼容IE6+，iOS 6+, android 4+。两套运行 ......
在线CAD SDK前端库绘制规则多边形图形
前言 在 CAD（计算机辅助设计）领域，绘制多边形是常见的任务之一。MxCAD 是一款专注在线CAD的前端库，提供了丰富的绘图和设计功能，使得绘制多边形变得轻松而灵活。本文将带领您通过使用 MxCAD 实现绘制多边形的过程，深入了解其基本概念和功能。 mxcad 是一个基于 TypeScript 的 ......
安装 IIS 访问临时文件夹 C:\WINDOWS\TEMP\3C 读取/写入权限 错误: 0x80070005
在windows中使用命令行方式安装IIS（Web服务器） Windows Server 2022 安装IIS 报错 访问临时文件夹 C:\WINDOWS\TEMP\3C 读取/写入权限 错误: 0x80070005，可以使用命令行方式来安装和配置 Web 服务（IIS）。 以下是使用 Deploy ......
基于SpringBoot和WebUploader实现大文件分块上传.断点续传.秒传
大文件面临的问题 上传速度慢 -- 应对: 分块上传 上传文件到一半中断后，继续上传却只能重头开始上传 -- 应对: 断点续传 相同文件未修改再次上传, 却只能重头开始上传 -- 应对: 秒传 分片上传 1、什么分片上传 分片上传，就是将所要上传的文件，按照一定的大小，将整个文件分隔成多个数据块（我 ......
Git与Gitee的交互及配置忽略文件
将本地项目提交到Gitee 1、创建一个新的仓库：首先，在Gitee上创建一个新的仓库。 2、初始化本地项目为Git仓库：这将在项目目录中创建一个名为".git"的隐藏文件夹，用于存储Git的相关配置和版本信息。 git init 3、将项目文件添加到暂存区：执行以下命令将项目文件添加到Git的暂存 ......
webuploader实现大文件断点续传
前端代码(基于Yii框架，逻辑可供参考) <script> var fileMd5; //文件MD5 var fileObj; //文件对象 var state = 'pending'; //状态 WebUploader.Uploader.register({ "before-send": "bef ......
linux系统开机自启配置文件
在Linux系统中，如果你希望在系统重启后自动执行某个脚本，可以将该脚本放置在以下目录之一： /etc/init.d/：这是一个常用的目录，用于存放系统初始化脚本。你可以将脚本放置在此目录下，并使用适当的权限和文件名后缀（通常是以.sh结尾）。 /etc/rc.d/：这个目录也经常用于存放初始化脚本 ......
Mac postman调分页接口，导出csv
准备后端接口 package com.ybchen.controller; import com.ybchen.utils.JsonData; import lombok.Data; import org.springframework.web.bind.annotation.GetMapping; ......
（一）接口请求+加密基础
一、requests 库示例 安装 requests 库：pip install requests import requests """python 1、接口的组成 - 请求方法：post、get、put、delete等 - url：ip+port+path - 参数：body - 请求头：hea ......
使用robocopy复制传递文件
robocopy语法： robocopy <source> <destination> [<file>[ ...]] [<options>] Option Description /s Copies subdirectories. This option automatically excludes ......
VS Code中C开发多源文件的编译设置
1. 引言 C开发中，通常需要编译多个文件，本文将简要介绍在VS Code中进行C开发时如何编译多个文件。实例工程结构如图所示： 其中，main.c文件内容如下： #include "stdio.h" /* Includings */ #include "umath.h" #include "ucm ......