前端 终端 实战vue
vue项目中在外部js文件中直接调用vue实例的方法比如说this
一般我们都是在main.js中引入vue，然后在vue文件中直接使用this（this指向的是vue实例），但是在实际开发中，我们往往会引入外部的js文件使用this，这个this就会指向window，并不是我们期待的vue实例，那么就需要重新引入vue文件（import Vue from 'vue ......
区块链安全技术全方位掌握：从基础知识到公链开发和智能合约实战
区块链安全技术全方位掌握：从基础知识到公链开发和智能合约实战 0x00 前言 区块链的安全需求越来越多，下面就将这些需求一一拆分，看看区块链安全需求到底是个什么样子。 0x01 拆分 目前针对安全服务行业的区块链安全需求，更多的是基于其上层应用（红色箭头指向）比如数字货币交易平台、移动数字货币钱包、 ......
人人都该懂密码学通用密码学原理与应用实战，学会自主设计安全技术方案
人人都该懂密码学通用密码学原理与应用实战，学会自主设计安全技术方案 密码与我们的生活息息相关，远到国家机密，近到个人账户，我们每天都在跟密码打交道： 那么，密码从何而来？生活中常见的加密是怎么实现的？怎么保证个人信息安全？本文将从这几方面进行浅谈，如有纰漏，敬请各位大佬指正。 代码部分从第二章节—— ......
Web3.0热门领域NFT项目实战-深度掌握Solidity合约开发，助力Web3.0工程师
Web3.0热门领域NFT项目实战-深度掌握Solidity合约开发，助力Web3.0工程师 免费自动批量生成NFT图片和批量部署NFT 一、环境准备 1.注意：需合理上网 2.准备素材：准备一套多个属性元素的不一样的图层素材，比如10张背景图、10张face图、10张眼睛图层、10张头发图层等，每 ......
springboot+vue学习（2）
1、ref ：为子组件指定一个索引 ID，给元素或者组件注册引用信息。refs是一个对象，包含所有的ref组件。 <div id="parent"> <user-profile ref="profile"></user-profile>（子组件）</div> var parent = new Vue ......
springboot+vue学习
最近遇到一个问题，在一个页面需要动态渲染页面内的表单，其中包括 checkbox 表单类型，并且使用 Element 组件 UI 时，此时 v-model 绑定的数据也是动态生成的 例如：定义的 data 的 form 里面是空对象，需要动态生成里面的 key export default { da ......
npm安装datav-vue3(一个大屏边框和装饰组件)后报错Failed to resolve entry for package "@dataview/datav-vue3". The package may have incorrect main/module/exports specified in its package.json.
原因:个人认为应该是npm上的版本比较低,因为弄好后装饰只能用到第8个,后面的都没有,查看package.json里它的版本为^0.0.0-test.1672506674342,也就是说还没有正式版,在官方的说明里也有体现 [目前还处于 Alpha 阶段，所有的 API 及 Props 都可能在后续 ......
前端框架 Astro
Astro 是一款集多功能于一体的 Web 框架，主要用于构建快速、以内容为中心的网站。它不仅支持使用 React 框架，而且支持 Vue、Solid 等在内的各种前端框架，灵活性更高。根据其在 GitHub 上的评级，Astro 已经获得了 35k+的 star，可以算得上是一个热门的框架。 一个 ......
[Vue]事件修饰符
Vue中的事件修饰符：1. prevent：阻止默认事件（常用）；2. stop：阻止事件冒泡（常用)；3. once：事件只触发一次（常用）；4. capture：使用事件的捕获模式；5. self：只有event.target是当前操作的元素是才触发事件；6. passive：事件的默认行为立即 ......
使用 Ant Design Vue 你可能会遇到的14个问题
公司有一个新需求，在原来项目基础上开发，项目中使用 Ant Design Vue，版本是 1.X ,在此记录下遇到的问题；对于没有使用过或者使用程度不深的同学来说，希望可以帮助你在开发中遇到问题时有个参考。对于已经熟练使用的同学，可能这些问题都遇到过，欢迎大家在评论区补充。 1、实现对下拉框显示的所 ......
Vue.js框架：vue3版本引入使用element-ui
一、引入element-plus element-ui只支持vue2，vue3需要引入element-plus进行使用，两个分别对应vue2和3两个版本，各自独立，无法跨级兼容。 地址：https://element-plus.gitee.io/ 在vue3项目终端里使用以下命令引入该依赖： npm ......
实战攻防演练-利用Everything搜索软件进行内网后渗透利用
前言 Everything是一款很出名的文件搜索工具，基于文件、文件夹名称的快速搜索的轻量级的软件，而早在几年前就有很多apt组织利用everything来进行文件查找等，前几年在T00ls上也有人发过相关的文章，渗透测试技巧|Everything的利用，事实上在实战中用到的地方还是很多，而且他还是 ......
Vue验证码模块
一个普通图形验证码的模块，使用方式如下: 导入模块 import random from '@/util/VerificationCode' 使用方式 this.randomObj = random({ id: 'random', api: { url: '/api/getCode', header ......
手撕Vue-实现事件相关指令
经过上一篇文章的学习，实现了界面驱动数据更新，接下来实现一下其它相关的指令，比如事件相关的指令，v-on 这个指令的使用频率还是很高的，所以我们先来实现这个指令。 v-on 的作用是什么，是不是可以给某一个元素绑定一个事件。 紧接着了解了 v-on 的作用之后，我在 example.html 的结构 ......
vue实现点击复制功能(无需安装库)
1.标签 <button v-copy="text">复制文本</button> text是要复制的内容，在data函数中 2.在main.js中注册copy指令 Vue.directive('copy', { bind: function(el, binding) { el.$copy = fun ......
MySQL多主模型实战
MySQL AB解决了数据备份的问题，但是当A由于某些原因宕机后，WEB服务器就没有办法在往数据库写或者读写了。线上业务中断了，完了，出事故了。这该怎么办呢？ 本节课主要给大家讲解如果处理因为MySQL主服务器宕机造成的业务中断问题，保障MySQL业务高可用。 一、实验拓扑图 二、架构原理 1、My ......
Linux终端的使用
一、终端的作用 要了解终端，就要了解一下计算机方面的历史，早期的计算机都属于大中型计算机，是个庞然大物，占用很大的空间，属于公用产品。不像现在的电脑，可以人手一部，直接操作。那如何对这些计算机进行控制与操作呢。那就搞个终端设备来操作。因此一台计算机上有很多种不同的终端设备也和正常。也就是说终端就是为 ......
逻辑卷实战案例-逻辑卷应用
案例需求： 创建一个2.5G大小的逻辑卷 案例思路： 物理的设备 将物理设备做成物理卷 创建卷组并将物理卷加入其中 创建逻辑卷 格式化逻辑卷 挂载使用 案例实现 步骤： 1. 物理设备 [root@zutuanxue ~]# lsblk /dev/sdb NAME MAJ:MIN RM SIZE R ......
html 不使用脚手架 如何使用vue组件 1
html 不使用脚手架 要使用vue组件的话有两种方法 1 使用 vue3-sfc-loader git地址: https://github.com/FranckFreiburger/vue3-sfc-loader cdn地址: https://cdn.jsdelivr.net/npm/vue3-s ......
[Vue]键盘事件
1. Vue中常用的按键别名: 回车=>enter 删除=>delete(捕获“删除”和“退格”键) 退出=>esc 空格=>space 换行=>tab(特殊，必须配合keydown使用) 上=>up 下 =>down 左=>left 右=>right 2. Vue未提供别名的按键，可以使用按键原始 ......
web前端
<meta chatset=＂ ＂> 需要添加字符 如“UTF–8” <html lang=＂ ＂> 如“en,zh-CN,ja-jp ” <h1></h1> <h2></h2>……<h6></h6> <br/>换行 <p>段落文本内容</p> 标识一个段。 <hr/> 空标记 水平线 加粗有两个标 ......
详解vue大文件视频切片上传的处理方法
前端上传大文件、视频的时候会出现超时、过大、很慢等情况,为了解决这一问题,跟后端配合做了一个切片的功能,接下来就详细的给大家介绍一下vue大文件视频切片上传的处理方法,需要的朋友可以参考下 前端上传大文件、视频的时候会出现超时、过大、很慢等情况，为了解决这一问题，跟后端配合做了一个切片的功能。 我这 ......
Web3.0-DApp开发热门技术项目实战课程+智能合约编写+交易所的实战项目
web1.0~3.0，很多年前，互联网没有那么发达，刚出来的时候，仅仅只能在网上浏览观看信息，这就是1.0，后来出现了很多的软件，人们不仅可以浏览还可以发表自己的看法，手机app百花齐放，每个应用都有自己的数据库，存储数据，这就是2.0，现如今出现了3.0，去中心化的思想摆脱了数据库，即可实现不用数 ......
基于以太坊Ethereum & IPFS的去中心化Ebay区块链项目实战
基于以太坊Ethereum & IPFS的去中心化Ebay区块链项目实战 1. 介绍 1.1 eBay简介 eBay，（EBAY，中文电子湾、亿贝、易贝）是一个管理可让全球民众上网买卖物品的线上拍卖及购物网站。ebay于1995年9月4日由Pierre Omidyar以Auctionweb的名称创立 ......
接入层高可用架构设计：EdgeOne实战
1. 背景 接触多家客户后，发现大家的接入层架构大都如下图所示，WAF/DDoS组件客户要么选其中之一，要么都不选或自荐。CLB后面挂CVM，CVM上面部署Nginx或者Kong等组件。从这个架构图可以看出，客户有考虑高可用，但仅关注自己的组件层面，没有关注外部基础设施(如DNS)、政策法规的影响、 ......
手撕Vue-界面驱动数据更新
经过上一篇文章，已经将数据驱动界面改变的过程实现了，本章节将实现界面驱动数据更新的过程。 界面驱动数据更新的过程，主要是通过 v-model 指令实现的, 只有 v-model 指令才能实现界面驱动数据更新的过程。 好了，那么说了是通过 v-model 那么直接处理下 CompilerUtil 中的 ......
03前端开发【css结束】
伪元素选择器 '''通过css操作文本内容''' 1.修改首个字体样式 p:first-letter{ color: red; font-size:48px； } 2.在文本开头添加内容 p:before{ content: '哈哈'； color：bule； } 3.在文本结尾添加内容 p:aft ......
celery包结构、celery延迟任务和定时任务、django中使用celery、接口缓存、双写一致性、异步秒杀逻辑、课程列表页前端、课程相关表、课程表数据录入、课程列表页接口
celery包结构 project ├── celery_task # celery包 │ ├── __init__.py # 包文件 │ ├── celery.py # celery连接和配置相关文件，且名字必须叫celery.py │ └── tasks.py # 所有任务函数 ├── add_ ......
前端大量复杂数据存储探索
引入 最近有需求做一个在B端的长期数据储存方案，主要是需要将大量数据结构化储存，避免每一次启动都去服务端重复拉取数据 第一个想到的前端持久化数据存储方案理所当然想到localstorage，但是它有一个最大5M的空间限制，这大小远远不够，因此我们将视线转移到前端数据库，半年前我接的有看到过sqlit ......