前端 终端 实战vue
Vue 3 中用组合式函数和 Shared Worker 实现后台分片上传（带哈希计算）
01. 背景 最近项目需求里有个文件上传功能，而客户需求里的文件基本上是比较大的，基本上得有 1 GiB 以上的大小，而上传大文件尤其是读大文件，可能会造成卡 UI 或者说点不动的问题。而用后台的 Worker 去实现是一个比较不错的解决办法。 02. 原理讲解 02.01. Shared Work ......
ruby实战手册(13）-vue 3（4）
目录全局构建 全局构建 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>learn js</title> <base href="/"> <link href="styles/style.css" rel=" ......
05前端开发js
运算符 # 1.算术运算符 var x=10; var res1=x++; '先赋值后自增1' x先赋值给res1，让res变成10，x变成12 var res2=++x; '先自增1后赋值' x还是10，x加了2次后赋值给res2，res2变成12 # 2.比较运算符 弱等于:自动转换类型 '5' ......
前端多线程处理 —— Promise对象
在前端编程中，处理一些简短、快速的操作，在主线程中就可以完成。 但是，在处理一些耗时比较长以至于比较明显的事情，比如读取一个大文件或者发出一个网络请求，就需要子线程来完成，以避免只用单线程时造成页面一时无法响应的事情。 以发送网络请求为例，在以往的JavaScript中，使用多个回调函数来处理请求返 ......
OpenTiny Vue 3.11.0 发布：增加富文本、ColorPicker等4个新组件，迎来了贡献者大爆发！
本次 3.11.0 版本主要增加以下新组件：
- RichTextEditor 富文本编辑器组件 - by [Caesar-ch](https://github.com/Caesar-ch)
- ColorPicker 颜色选择器组件 - by [GaoNeng-wWw](https://gith... ......
vue打印浏览器页面功能的两种实现方法
目录 方法一：通过npm 安装插件 方法二：手动下载插件到本地 总结 推荐使用方法二 方法一：通过npm 安装插件 1，安装 npm install vue-print-nb --save 2，引入 安装好以后在main.js文件中引入 1 import Print from 'vue-print- ......
终端工具WinTerm设置
终端工具WinTerm设置 会话->首选项 外观 主题：dige-black 安全： 锁屏超时：302400分钟 终端 右键单击：粘贴文本 command histor: history size:10000 鼠标追踪：中击点击事件 文本 自动复制选定内容 ......
vue3中关于pinia及其持久化插件的使用
pinia是一个vue中的插件，功能是一个仓库，用来存放数据。当我们的数据在多个组件中都需要用到的时候，如果一个个向后端获取就会很麻烦。数据获取一次存放在pinia仓库中，用起来就会非常方便还减轻服务器压力。pinia官网：https://pinia.vuejs.org/zh/ ，也可以在vue的生 ......
SecureCRT 终端工具配置
SecureCRT 终端工具配置 使用SecureCRT_8.7.2.2214汉化64位 版本； 全局选项 终端 鼠标:复制选中内存；粘贴用中间键； -->>外观 显示水平、垂直滚动条； >>> 高级：配色方案：Idletoes -->>高级:命令窗口历史：20000 会话选项 终端 -->>仿真 ......
记录--记录用前端代替后端生成zip的过程，速度快了 57 倍！！！
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 业务场景： 产品有个功能是设置主题。类似手机自动切换壁纸，以及其他功能颜色，icon，字体等。 管理员需要在后端管理系统多次下载不同主题，（至于要干啥就不说了...），主题中可能有 30 ~ 100个高清壁纸, icon 等。现在每次下载 ......
vue处理文件流实现上传下载
1.文件流转base64 axios({ method: "post", url: "************", responseType: "blob", //必须将返回数据格式更改为 blob 格式 }).then(res => { // 处理返回的文件流数据转为blob对象 let blob ......
问题：vue3 使用 vite 构建的项目打包后无法打开index.html文件，或者显示一片空白
一、问题描述 项目build之后，点击dist文件中的index.html文件，打开是空白，提示以下信息。 二、产生原因及解决方法 1.文件路径不对 vite默认根目录"/"，file://…访问需要基于index.html的路径，需要再vit.config.js中进行以下配置 2.跨域问题 vit ......
区块链开发实战特训营：深入掌握HyperLedger（超级账本）Fabric的开发技术
区块链开发实战特训营：深入掌握HyperLedger（超级账本）Fabric的开发技术 hyperledger fabric是区块链中联盟链的优秀实现，主要代码由IBM、Intel、各大银行等贡献，目前v1.1版的kafka共识方式可达到1000/s次的吞吐量。 架构说明 Hyperledger F ......
前后端系统部署——前端篇
在华为云耀云服务器L实例上部署前端需要经过以下几个步骤： 首先登录华为云耀云界面： https://www.huaweicloud.com/product/hecs-light.html 创建华为云耀云服务器L实例账号，购买服务器并登录控制台。 创建华为云耀云服务器L实例。在控制台界面上，选择ECS ......
学习Hyperledger Fabric 实战联盟链-深入掌握区块链联盟币技术
学习Hyperledger Fabric 实战联盟链-深入掌握区块链联盟币技术 区块链开源实现HYPERLEDGER FABRIC架构详解 区块链开源实现HYPERLEDGER FABRIC架构详解 hyperledger fabric是区块链中联盟链的优秀实现，主要代码由IBM、Intel、各大银 ......
记录一次时序数据库的实战测试
在某次Edusrc挖掘过程中，我发现了一个404状态码的ip站。我的直觉告诉我，这个站不太简单。于是我信息搜集了一下端口为8086的常见服务，当我看到这个InfluxDB的时候，我灵感突然来了。 ......
vue3实现前端导出Excel，默认与自定义表头中文名
参考：https://blog.csdn.net/weixin_46112225/article/details/125302036 一、依赖安装 package.json文件中（版本号其实应该可以不限制，用最新的是OK的） "dependencies": { ... "xlsx": "^0.16. ......
飞码LowCode前端技术系列（二）：如何便捷配置出页面 | 京东云技术团队
一、配置解法 飞码LowCode前端技术（一）中飞码提出了至少需要满足2个大能力点以及对应16个细化点。在业务复杂的场景下数据具有流转性质，事件的触发会改变数据、同时也会触发其他事件等情况。飞码使用数据驱动+事件驱动的模式解决数据流转性与事件不确定性问题。数据驱动+事件驱动的模式决定了需要飞码的编辑 ......
Vue3 模版常用语法
一、背景 二、实现 仅支持表达式 {{ ok ? 'YES' : 'NO' }} {{ message.split('').reverse().join('') }} {{ author.books.length > 0 ? 'Yes' : 'No' }} <div :id="`list-${id} ......
Vue3 computed 计算属性函数使用
Vue3 computed 计算属性函数使用 computed函数在vue2中我们都了解过，当我们需要一个值，这个值随着其他值变化而变化，我们就将其放进computed中，computed是用来定义计算属性的。 1. 基本使用：只读 <template> <div> <div>计算属性</div> ......
vue中实现上传 ，下载功能
上传功能（包括上传图片，上传文件）使用 element 组件库 https://element.eleme.cn/#/zh-CN/component/upload <el-upload class="avatar-uploader" :disabled="isUpload" action="" :s ......
Vue3 子组件修改父组件传过来的值
Vue3 子组件修改父组件传过来的值 1、在父组件中，找到引用的子组件，在引用中加入v-model 例如：子组件是demo,需要穿的值为num 这个有个温馨提示，（v-model +冒号+需要穿的值）这个v-model可以写多个 <demo v-model:num="num"></demo> //例 ......
Vue localStorage 将数据存为数组
Vue localStorage 将数据存为数组 要把表单数据存成数组形式，在另一个页面通过v-for渲染展示，因为拥有同一个key值，在每次更新表单数据时都会发生数据覆盖现象。 var templist = JSON.parse(localStorage.getItem("msgBody") || ......
Unity Addressable资源管理方案实战详解
Unity 推出了全新的Addressable的资源管理方案, 全网一夜间觉得不用Addressable感觉自己的资源管理方案会低一个档次，本节我们将详细的分析Addressable资源管理系统。本节主要从以下3个点来进行分析: (1) Addressable的本质是什么？AssetsBundle是 ......
vue学习笔记之执行顺序
vue文件加载顺序：index.html>app.vue>main.js 加载顺序详情： 执行index.html（index.html中id为app的div标签是一个挂载点，之后我们的Vue根实例就会挂载到该挂载点上） 执行main.js main.js找到实例挂载app.vue文件，将index ......
vue + tornado 个人博客项目简介
vue + tornado 个人博客项目简介 项目链接：https://www.freepd.top 项目链接：https://admin.freepd.top 项目简介 首页预览 本站接入了百度api 每小时更新访问量 域名在阿里云购买，解析到腾讯云服务器 ssl证书为阿里云每年免费申请20个 技 ......
Vue2 element-table 动态添加一行
Vue2 element-table 动态添加一行 <template> <div class="app-container"> <!-- 表格 --> <el-table :data="tableData" :height="fullHeight" border> <el-table-column ......
vue实现文件上传与下载
一、文件上传（多个文件上传） 1、文件上传弹窗代码： <! 上传文件弹窗 > <el-dialog :title="addFileTitleName" :visible.sync="dialogAddFile" width="500px" style="padding:0;" @close="res ......
vue3项目创建
1. 确保npm指令能够运行 - 官网下载nodejs Download | Node.js (nodejs.org) 安装完成后重启intellij 2. 终端输入 npm install -g create-vue 3. 终端输入 create-vue 新建vue项目 根据需要设置功能, 例： ......
vue打包部署遇到的问题
网站上线中遇到的问题（跨域，404，空白页解决方案） 因为本人是后端开发工程师，对前端开发不了解，踩了很多坑，所以将踩过的坑分享出来，以供参考 网站地址：这里 这段时间将项目部署到服务器中引发了几个问题 第一个问题：跨域 一般跨域是由后端来解决的，但是由于项目中加入了追踪请求的日志，频繁option ......