前端 终端 实战vue
Redis实战
1.短信登录 ①发送短信验证码:返回结果Result为自定义结果对象。 校验手机号 要求:检验手机号是否符合规范,一般用正则表达式做,这里由相应工具包完成。 生成验证码由hutool工具类中的RandomUtil.ranmdomNumbers完成。 保存只需要调用session的setAttribu ......
Vue.js 具名插槽
视频 #components ##Categray.vue <template> <div class="category"> <h3>{{title}}分类</h3> <!-- 定义一个插槽(挖个坑,等着组件的使用者进行填充) --> <slot name="center">我是一些默认值,当使用 ......
Openwrt 使用终端挂载共享硬盘
Openwrt 使用终端挂载共享硬盘 我这里使用的是R2S软路由挂载的SATA硬盘,通过usb2.0接口外接硬盘,速度只有30M左右,后续升级。 使用的R2S里面没有网络共享的页面,只能使用终端进行配置。 查看挂载信息 root@ImmortalWrt:/etc/samba# df -h Files ......
Vue.js 默认插槽
默认插槽视频 #components ##Categray.vue <template> <div class="category"> <h3>{{title}}分类</h3> <!-- 定义一个插槽(挖个坑,等着组件的使用者进行填充) --> <slot>我是一些默认值,当使用者没有传递具体结构时 ......
vue2之对象属性的监听
vue2之对象属性的监听的一些总结 对象属性监听的两种方法: 1.普通的watch data() { return { frontPoints: 0 } }, watch: { frontPoints(newValue, oldValue) { console.log(newValue) } } 2 ......
前端面试题(new)未完待续
1,vue计算属性computed和watch的区别有哪些? 区别:1、计算属性在调用时需要在模板中渲染,修改计算所依赖元数据;watch在调用时只需修改元数据。2、计算属性默认深度依赖,watch默认浅度观测。3、计算属性适合做筛选,不可异步;watch适合做执行异步或开销较大的操作 如果一个数据 ......
前端设计模式——模板方法模式
前端设计模式——模板方法模式 模板方法模式(Template Method Pattern):定义一个行为的骨架,而将一些步骤延迟到子类中。模板方法使得子类可以不改变一个行为的结构即可重定义该行为的某些特定步骤。 这些步骤被称为“具体操作”(Concrete Operations),而整个行为的结构 ......
vue3+vite+ts:使用@符号,找不到模块
报错问题 情况说明:在.vue后缀的文件中 导入.vue组件 import Drawers from '@/components/Drawer/index.vue' 找不到模块“../../../../components/Drawer/index”或其相应的类型声明 解决办法 第一步 配置vite ......
Vue3 点击复制功能,利用vue-clipboard3
首先安装插件 vue-clipboard3 npm install vue-clipboard3 --save 然后在页面里面引入 <button class="btn" @click="copy()">点击复制</button> 建议用buttn标签,因为别的标签可能会失效 <script set ......
使用鼠标在图片上拖拽矩形框vue
<template> <div> <img class="no-drag" src="https://dashanbook.oss-cn-shenzhen.aliyuncs.com/11.png" @mousedown="startSelection" @mousemove="updateSelec ......
通过鼠标拖拉获取图片原像素的两个点坐标vue
<template> <div> <img class="no-drag" ref="image" src="https://dashanbook.oss-cn-shenzhen.aliyuncs.com/11.png" @mousedown="startSelection" @mousemove= ......
记录--我在前端干工地(three.js)
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前段时间接触了Three.js后,试着用他加载了一些模型three.js初体验简陋的了解了一下three.js的相关使用,并且写下了第一篇文章。但是过后还是对很多一知半解,作为不会建模且目前没有接触到相关业务需求的开发,难道没有模型就什么 ......
vue-devtools的安装与使用
vue-devtools的安装与使用 https://blog.csdn.net/weixin_43843572/article/details/124980771 ......
Vue : html table固定表头、表格内容无缝滚动的一种匪夷所思的解决方案
背景 需求是一个能适配主流分辨率的表格,表头固定,表格内容上下滚动 首先尝试的这个原生的标签,但是有个问题啊,就是在循环滚动中,每次滚动之间会出现大片空白。 大概是这样:第一行--滚动--最后一行--滚动--大片空白--滚动--第一行 所以放弃了marquee标签,选择使用js和原生的html ta ......
HCIP-ICT实战进阶09-RSTP&MSTP原理与配置
HCIP-ICT实战进阶09-RSTP&MSTP原理与配置 最近在跟国科的系统集成, 发现前几章都是大三上Linux课程教过的东西, 于是想起来抽时间把之前HCIP的博客补一补, 包括这篇还剩三篇, 你完全可以相信我的毅力( 0 回顾生成树协议 生成树工作过程 选举根桥(root bridge) 生 ......
运行vs开发的vue.js项目
开发好的vue.js项目,如何运行?参考如下步骤: #1 npm install -g 项目缺失的组件包全部补全。 #2 npm run serve vuejs-app1@0.1.0 serve SET NODE_OPTIONS openssl-legacy-provider && vue-cli- ......
uniapp vue 多个picker 用同一个数组和@change事件的bindPickerChange方法,设置不同值和获取不同值的实现方法
uni-app picker通用方法、uniapp vue 多个picker 用同一个数组和@change事件的bindPickerChange方法,设置不同值和获取不同值的实现方法 页面: <view class="demo-uni-col light" v-for="cardIndex in u ......
前端面试题整理(都是我自己面试被问到过的)
面试了好多次,整理下面试题吧 HTML 语义化:增加代码可读性,有利于搜索引擎识别,爬虫获取更多信息;更好的展示代码结构 script标签中defer和async的区别: 相同点:async和defer都是异步加载js 不同点:async是立刻执行, defer在元素加载完之后执行 因此, js脚本 ......
vue3+ts ckplayer播放监控视频
1、第一步下载ckplayer,然后把ckplayer复制到项目中public文件夹下 2、index.html引用ckplayer.js <script type="text/javascript" src="/ckplayer/ckplayer.min.js" charset="UTF-8" d ......
Vue3学习笔记 —— 状态管理、Vuex、Pinia (未完结)
优秀文章分享:vue中使用vuex(超详细) - 掘金 (juejin.cn) 一、状态管理 1.1、什么是状态管理? 理论上来说,每一个 Vue 组件实例都已经在“管理”它自己的响应式状态了。我们以一个简单的计数器组件为例: <!-- 视图 --> <template>{{ count }}</t ......
在vscode中添加conda终端
正常安装了miniconda和vscode后,在vscode中没有conda的terminal配置和终端选项。 从开始菜单找到conda powershell的快捷方式文件,打开其属性,复制目标一栏的内容,分成两段,一段是powershell可执行文件的路径,一段是运行conda配置的参数。填写到v ......
K8S 快速入门(九)实战篇:指令部署、yaml方式部署
K8S 快速入门(九)实战篇:指令部署、yaml方式部署 一、k8s资源指令 1. 常用命令 # 查看k8s帮助文档 查询所有的指令 kubectl --help # 查询节点信息(状态) kubectl get node #查询集群节点的信息 kubectl get node -o wide #查 ......
云计算时代,Linux架构师必须掌握的K8S企业实战!
喜欢Linux就点关注吧! Kubernetes入门及概念介绍 Kubernetes(k8s)是自动化容器操作的开源平台,这些操作包括部署,调度和节点集群间扩展。如果你曾经用过Docker容器技术部署容器,可以将Docker看成Kubernetes内部使用的低级别组件。 Kubernetes不仅支持 ......
K8S实战集训第一课 Ansible自动化部署k8s、弹性伸缩、Helm包管理、k8s网络模型介绍
K8S实战集训第一课 Ansible自动化部署k8s、弹性伸缩、Helm包管理、k8s网络模型介绍 Ansible自动化部署K8S集群 一、Ansible自动化部署K8S集群 1.1 Ansible介绍 Ansible是一种IT自动化工具。它可以配置系统,部署软件以及协调更高级的IT任务,例如持续部 ......
【云原生实战】DevOps基础与实战项目
【云原生实战】DevOps基础与实战项目 DevOps简介 DevOps 是一系列做法和工具,可以使 IT 和软件开发团队之间的流程实现自动化。其中,随着敏 捷软件开发日趋流行,持续集成 (CI) 和持续交付 (CD) 已经成为该领域一个理想的解决方案。在 CI/CD 工作流中,每次集成都通过自动化 ......
DevOps实战笔记-DevOps平台设计和开发
DevOps实战笔记-DevOps平台设计和开发 1 简介 1.1 DevOps概述 最初是瀑布模型,后来是敏捷开发,现在是DevOps,这是现代开发人员构建出色的产品的技术路线。 DevOps早在 2009 年就已经被提出来了。 单纯从字面上来理解,DevOps 是Dev(开发人员)+Ops(运维 ......
火遍大厂的Service Mesh服务实战课程 从组件到架构全方位解读微服务之Service Mesh
云原生时代微服务的挑战 随着近年来云计算技术的快速发展,软件开发也从传统的单体应用到 SOA 以及时下流行的微服务,均随着技术的演变发生巨大的变化,无论是对开发人员还是运维人员的技术理念和思维都要求极大的转变。尤其是在云原生时代,微服务已经成为业界开发应用的主要方式,而一些云计算技术的出现如 Doc ......
Kubernetes集群Kubernetes实战与源码剖析体系进阶
Kubernetes集群Kubernetes实战与源码剖析体系进阶 学习路线指南 欢迎大家来到jiangxl~的《Kubernetes集群方方面面进阶之路》专栏,本文给大家详细列出Kubernetes集群方方面面每一章节文章指南,大家可以根据自己的需求阅读想要学习的文章。 本专栏涵盖Kubernet ......
(2023版)一套教程搞定k8s安装到实战 | Kubernetes学习路线
视频来源:B站《(2022版)最新、最全、最详细的Kubernetes(K8s)教程,从K8s安装到实战一套搞定》 一边学习一边整理老师的课程内容及试验笔记,并与大家分享,侵权即删,谢谢支持! K8s全栈架构师学习路线 安装篇 Kubeadm k8s高可用架构解析 Kubeadm高可用安装基本说明 ......