前端 终端 实战vue
记一次爬虫实战
记一次爬虫实战 记一次爬虫实战,以爬取我最近在看的小说《不可名状的日记簿》为例。 先找到一个合适的网站https://www.qbtxt.co/93_93964/。 用的是https协议,socket什么的太麻烦了,直接用python的requests库。 写一个封装好的python程序,作用是爬取 ......
前端知识 汇总
CORS CORS是一个W3C标准,全称是"跨域资源共享"(Cross-origin resource sharing)跨域资源共享 CORS 详解。看名字就知道这是处理跨域问题的标准做法。 CORS背后的思想,就是使用自定义的HTTP头部让浏览器与服务器进行沟通,从而决定请求或响应是应该成功,还是 ......
vue 实现文件切片上传
在实际开发项目过程中有时候需要上传比较大的文件,然后呢,上传的时候相对来说就会慢一些,so,后台可能会要求前端进行文件切片上传,很简单哈,就是把比如说1个G的文件流切割成若干个小的文件流,然后分别请求接口传递这个小的文件流。 流程简说实现文件切片导入,首先我们使用 elementUI 也好,原生的 ......
飞码LowCode前端技术系列:如何便捷快速验证实现投产及飞码探索
本篇文章从数据中心,事件中心如何协议工作、不依赖环境对vue2.x、vue3.x都可以支持、投产页面问题定位三个方面进行分析。 ......
vue2项目打包后index空白路径报错
我目前是vue2版本5.0.8,记录自己遇到打包后的路径问题 使用的环境是nodejs,vue2@cli脚手架 因为打包默认配置是/绝对路径,这时候需要修改配置为./相对路径 在项目根路径打开vue.config.js 原先可能内容是 const { defineConfig } = require ......
vue3 父组件传值给子组件 子组件修改后回传给父组件
父组件 <jdy-goods-attr v-model:goods_sn="goods.goods_sn"></jdy-goods-attr> //尤总 在vue3的时候给我们提供了一个新的思路:v-model来实现父传子,并且子也可以修改父组件传递过来的数据。 子组件 const props = ......
第二十二篇 - Vue3中el-table篇
今天主要是来介绍vue3中的el-table控件使用。 一、检测开发环境是否OK 1. 在cmd窗口创建一个vue3项目【vue create demo1】 2. cmd窗口运行项目【npm run serve】 3. 浏览器访问项目【http://localhost:8080/】 4. 访问成功界 ......
vue3 子组件修改父组件的两种方法
<jdy-goods-attr :goods_sn="goods.goods_sn" @goods_sn="(msg) => goods.goods_sn = msg" v-model:goods_num="goods.goods_num" ></jdy-goods-attr> const emit ......
vue-大文件分片及断点上传
最近开发过程中,有一个大文件分片上传的功能,借鉴于网上的思路,结合自己后端的逻辑,完成了这个功能,在此记录如下: 界面展示: 一、将大文件分片上传写为一个组件,可以全局注册该组件,也可以在使用的页面注册该组件,使用vuex通讯进行组件间传值 由于我有好几个页面需要使用大文件上传,所以我是在App.v ......
vue+element项目部署到线上,所有icon图标不显示,解决方案
build里边utils.js加publicPath if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath:'../../' } ......
前端实现流式显示文本
<template> <div> <h1>{{ typedText }}</h1> </div> </template> <script setup> import { ref, onMounted } from 'vue'; const text = 'Hello, World!'; const ......
9.4 tar命令实战案例
【例9-1】 MySQL物理备份及恢复。首先安装mariadb-server,然后启动该服务,创建备份目录。 接着将/var/lib/mysql中的文件打包压缩至/backup目录下,删除/var/lib/mysql/目录下文件。 最后,将mysql.tar.xz解压至根目录下。 【例9-2】 主机 ......
Django实战项目-学习任务系统-文章汇总
学习任务系统1.0版本已经基本完成了。现在按整理下文章汇总,按照开发时间顺序列举,方便想要完整学习的人。 1,Django实战项目-学习任务系统-需求说明 https://mp.weixin.qq.com/s?__biz=Mzg2NDk2MTY3OA==&mid=2247484111&idx=1&s ......
Java Mysql 类型为Long 转 前端String
一、背景 Java Mysql 类型为Long 转 前端 会丢失精度,在原先基础上补0000; 二、实现 1.// @JsonSerialize(using = ToStringSerializer.class) 但是对我这里是不生效的 @JSONField(serializeUsing = com ......
前端小程序接口报错error:60001
昨天发版过程中发现,测试环境好好的接口到生产就报错了,后台直接接收不到,我们请求的接口根本没有进行后台,查看报错原因如下: 通过排除原因: 1.其它接口有没问题 2.请求域名是否一致 3.请求方式是否一致 4.是否有做token限制 最后查到原因:其余接口没有问题,域名接口路径全部相同,只有报错的这 ......
Vue轻量级富文本编辑器-Vue-Quill-Editor
先看效果图:女神镇楼 1.下载Vue-Quill-Editor npm install vue-quill-editor --save 2.下载quill(Vue-Quill-Editor需要依赖) npm install quill --save 3.代码 <template> <div clas ......
Vue 2.x脱坑记-查漏补缺
Q: 组件的通讯有哪几种啊! 基本最常用的是这三种; 父传子: props 子传父: emit 兄弟通讯: event bus: 就是找一个中间组件来作为信息传递中介 vuex: 信息树 传送门: 基本通讯 Vuex Q: 为什么我的 npm 或者 yarn 安装依赖会生成 lock文件,有什么用! ......
[Vue warn]: <transition-group> children must be keyed: <ElTag>
记录今天遇到的bug 解决方法,一个网友说的是 我试了,不行,然后在他的评论里面看到一个人回复的 这个是可以的,我用了很多v-if和v-else,所以加了key就解决了问题,下面是我加的 ......
五分钟k8s实战-Istio 网关
在上一期 k8s-服务网格实战-配置 Mesh 中讲解了如何配置集群内的 Mesh 请求,Istio 同样也可以处理集群外部流量,也就是我们常见的网关。 其实和之前讲到的k8s入门到实战-使用Ingress Ingress 作用类似,都是将内部服务暴露出去的方法。 只是使用 Istio-gatewa ......
vue实现文件的分片上传
const CHUNK_SIZE = 100 * 1024; // 100KBfunction sliceFile(file) { const totalChunks = Math.ceil(file.size / CHUNK_SIZE); const chunks = []; for (let i ......
Vue实验记录
webpack安装 首先下载node.js https://nodejs.org/en 下载完成后进行安装,直接下一步就可以 安装完成后,在cmd中查看是否安装成功 然后安装webpack 安装脚手架 创建项目 选择第二个 创建完成后的效果 进入项目并运行 在学习通中下载源码,把源码按照项目格式放到 ......
脚踏esbuild祥云,胸怀tsx利刃,身披scss羽衣,追寻前端的本质
本文所有内容,纯属个人观点,无意与任何人争论 前端技术的现状 我觉得前端技术发展到现在有两个最主要的特征 前端工具链为前端工程化提供了强有力的支持 这方面主要是webpack、rollup、esbuild等工具产生的价值,当然还有背后的Node.js。 这些工具让前端开发者可以更从容的开发大型前端项 ......
vue中文件上传方法
1.单文件上传 <template> <div> <label for="fileInput"> <i aria-hidden="true" class="cursor">上传文件</i> </label> <input v-show="false" type="file" id="fileInpu ......
js分片上传大文件,前端代码
首先导入jQuery.form.js文件,下面src是相对于改js文件位置, <script type="text/JavaScript" src="jquery/jquery-form.js"></script> <script type="text/javascript">var BYTES_P ......
Vue-cli 用自定义的组件有遇到过哪些问题?
在 components 目录新建你的组件文件(indexPage.vue), script 一定要 export default {} 在需要用的页面(组件)中导入:import indexPage from '@/components/indexPage.vue' 注入到 vue 的子组件的co ......
DoraOS云终端moonlight串流体验
前言 大家如果手里有这种需求,主机在书房,想在客厅或者卧室使用主机的强大性能,搬动主机又很麻烦。这时,串流就可以完美的解决这个问题,随便一个老旧pc或者瘦客户机,安装DoraOS软件,即可实现低延时,高画质的串流,在客厅看电影,插上手柄玩主机游戏。 串流是一种数字传输方式,它可以将大文件通过互联网传 ......
Vue3+Element plus 实现表格可编辑
<template> <div> <el-button type="primary" @click="handleAdd"> 新增 </el-button> </div> <div> <el-table :data="tableData" style="width: 100%" border @ce ......
前端学习-JavaScrip学习-js基础04
学习教程:黑马程序员视频链接 函数 练习-函数参数、返回值 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia ......
CRUSH映射图及自定义规则实战篇
目录一.PG与OSD映射调整1.ceph集群运行图类型及算法2.PG与OSD映射调整概述3.查看osd使用状态4.修改WEIGHT并验证5.修改REWEIGHT并验证二.CRUSH运行图修改案例1.管理CRUSH运行图思路2.导出crush运行图3.将运行图转换为文本4.编辑文本5.将文本转换为cr ......
vue3 与 vue2 的区别
布尔型 Attribute 布尔型 attribute 依据 true / false 值来决定 attribute 是否应该存在于该元素上。disabled 就是最常见的例子之一。 v-bind 在这种场景下的行为略有不同: <button :disabled="isButtonDisabled ......