前端 终端 实战vue
vue兄弟组件传参
实现兄弟组件之间的参数传递可以通过以下方法： 使用共同的父组件来传递参数。 在父组件中定义一个数据属性，用于保存需要传递给兄弟组件的参数。 Copy export default { data() { return { message: 'Hello', }; }, }; 在父组件的模板中引用两个兄 ......
vue~对象的浅拷贝
浅拷贝 上面对浅拷贝的解释是否有问题？具我所知，浅拷贝只是复制了对象的属性，而复制出来的对象的引用与原始对象是不同的，这就是说，在修改新对象时，它不会影响到原始对象。 javascript中的实现 JavaScript 中可以使用不同方法实现对象的浅拷贝。浅拷贝只复制对象的第一层属性，不会复制嵌套对 ......
Vue3中的几个坑，你都见过吗？
Vue3 目前已经趋于稳定，不少代码库都已经开始使用它，很多项目未来也必然要迁移至Vue3。本文记录我在使用Vue3时遇到的一些问题，希望能为其他开发者提供帮助。 1. 使用reactive封装基础数据类型 传统开发模式中，数据声明很简单。但是在Vue中有多个响应式变量声明方式，整体的使用规则如下： ......
vue2打包组件发布到npm
1.使用 vue create projectName 新建一个项目 2.将src的文件夹名称改为example，便于我们调试代码 3.增加packages文件夹，其下面的index.js代码如下 import panel from './panel/index.vue' const compone ......
redis-实战篇-商户查询缓存
基本思路 添加缓存的原则：动态数据不要加缓存 缓存cache：数据交换的缓冲区。一般读写性能较高。比如浏览器缓存，浏览器会将一些经常使用的数据缓存到本机，这样在多次加载时就不需要访问服务器，而浏览器未命中的缓存则会去tomcat获取。 缓存的作用：降低后端负载、提高读写效率、降低响应时间 缓存的成本 ......
vue3下载文件
const dow= async (url: string,fileName:string) => { mulSelUrls.value=[] mulSelUrls.value.push(url as never) const requests = mulSelUrls.value.map(url ......
redis-实战篇-短信登录
黑马点评，前后端分离的架构模式。前端分布在nginx上，后端分布在tomcat。 短信登陆 导入黑马点评项目： 打开项目，重新设置maven仓库位置。更新src/main/resources下的application.yaml中的数据库配置和redis配置。 后端部署： 点击services添加sp ......
Vue vs React：你需要知道的一切
Vue 和 React 是创建 JavaScript 网络应用程序最常用的两种工具。但我们该如何在两者之间做出选择呢？在本篇 Vue 与 React 的对比中，我们将尝试找出答案。我们将回顾每种工具的优缺点，提供选择使用哪种工具的技巧，并帮助你开始使用。 总览 什么是Vue？ Vue趣事 什么是Re ......
前端到底是什么？
前端到底是什么？ 一、前端是什么？ 前端又称web前端，用官方定义来说，前端就是网站前台部分，运行在PC端、移动端等浏览器上展献给用户浏览的网页，所以大部分人的理解，前端就是开放网页的。 但其实并不是，前端开发是创建Web页面或APP等前端界面呈现给用户的过程，通过HTML,CSS,及JavaScr ......
vue项目成功引入element组件的具体步骤
1、首先要确保vue项目能够成功在浏览器访问 2、一般使用的是vue3 那么，需要注意的是，element组件在vue3里面，需要使用的是element-plus 命令： npm install element-plus --save --legacy-peer-deps 下载完成之后，需要在mai ......
运行vue项目一直报错的问题的解决
问题描述 （上图为网图，自己的没来得及截图） 问题解决 第一个原因：vue版本过低； 使用下面的语句进行版本升级： npm i vue@3.2.3 但是我试了没啥用； 第二个原因：node版本过低； 使用下面的语句进行版本升级： --若是已经有更高级的版本，可以直接更换： nvm list nvm ......
UniApp是一款基于Vue.js开发框架的多端应用开发工具
UniApp是一款基于Vue.js开发框架的多端应用开发工具，它的目标是使开发者能在一次编写的代码基础上同时在多个平台上运行，包括iOS、Android、H5、小程序等。UniApp的出现极大地提升了开发效率和用户体验，下面通过一个具体的案例来介绍UniApp的强大功能。 以某家锁具品牌“”为例，月 ......
纯前端也可以访问文件系统！
前言 周末逛github的时候，发现我们只需要在github域名上加上1s他就能够打开一个vscode窗口来阅读代码，比起在github仓库中查看更加方便 然后我就想网页端vscode能不能打开我本地的项目呢，带着这个疑惑我打开了网页版vscode，它居然真的可以打开我本地的项目代码! 难道又出了新 ......
ElasticSearch+Kibana on K8s 讲解与实战操作（版本7.17.3）
目录一、概述二、ElasticSearch 节点类型与作用三、K8s 集群部署四、ElasticSearch on K8s 开始部署1）下载安装包2）构建镜像3）修改yaml编排4）开始部署5）测试6）elasticsearch-head5）卸载五、Kibana 编排部署1）下载安装包2）构建镜像3 ......
鉴于vue2使用element组件不太方便，换成vue3的具体步骤
1、卸载原有的vue2 npm uninstall vue-cli -g 卸载完成！ 2、按照最新的下载vue3命令下载vue3 npm install -g @vue-cli 下载完成！（等了大概快10分钟） ......
Vue学习一：vue2的基本指令
Vue是一个构建用户界面的渐进式框架。官网：https://cn.vuejs.org/。 Vue可以用网上的CDN，也可以下载到本地（下载的话就是进入官网打开学习文档，点击基础里面的安装，点击里面的开发版本这几个字，建议下载开发版本，里面包含完整的警告和调试模式） 1、创建Vue2实例 首先将下载的 ......
Vue.js 官方脚手架 create-vue 是怎么实现的？
Vue.js 官方脚手架 create-vue 是怎么实现的？ 摘要 本文共分为四个部分，系统解析了vue.js 官方脚手架 create-vue 的实现细节。 第一部分主要是一些准备工作，如源码下载、项目组织结构分析、依赖分析、功能点分析等； 第二部分分析了 create-vue 脚手架是如何执行 ......
vue3探索——5分钟快速上手大菠萝pinia
温馨提示：本文以vue3+vite+ts举例，vite配置和ts语法侧重较少，比较适合有vuex或者vue基础的小伙伴们儿查阅。 安装pinia yarn yarn add pinia npm npm install pinia pnpm pnpm add pinia 1-开始 方式一：在main. ......
Nginx实战教程
B站最易懂的Nginx实战教程，全程干货无废话！只需90分钟就能学会！ https://www.bilibili.com/video/BV19V4y1i7ar?p=1&vd_source=f94762f40dbb72123cdfef2c22447c7a ......
Java Web开发实战—文件上传和下载
首先讲解了文件上传的基本原理，然后介绍了文件上传的相关知识，包括Commons FileUpload组件的核心API、Commons FileUpload组件的下载、使用Commons FileUpload组件实现文件上传等，接着讲解了文件下载的具体步骤，最后介绍了文件下载的代码实现。通过对本章知识 ......
Android前端音视频数据接入GB28181平台意义
技术背景 在我们研发Android平台GB28181前端音视频接入模块之前，业内听到最多的是，如何用Android端在没有国标摄像头设备的前提下，模拟GB28181的信令和媒体流交互流程，实现GB28181整体方案的测试。 Android端真的没有必要做个支持GB28181的接入模块？ 如果说做一个 ......
如何让Android平台像网络摄像机一样实现GB28181前端设备接入?
技术背景 好多开发者在做国标对接的时候，首先想到的是IPC（网络摄像头），通过参数化配置，接入到国标平台，实现媒体数据的按需查看等操作。 像执法记录仪等智能终端，跑在Android平台，对接GB28181平台的需求也非常大，网上相关demo也不少，但真正设计符合相关协议规范、功能完善、长时间稳定运行 ......
Go运算操作符全解与实战：编写更高效的代码！
本文全面探讨了Go语言中的各类运算操作符，从基础的数学和位运算到逻辑和特殊运算符。文章旨在深入解析每一种运算操作符的工作原理、应用场景和注意事项，以帮助开发者编写更高效、健壮和可读的Go代码。 简介 Go语言，作为一种现代的编程语言，不仅因为其简单易读的语法而受到欢迎，还因为它的性能和高度并发能力在 ......
django-前端时间组件
1、插件的下载Bootstrap Datepicker是一款基 于Bootstrap框架的日期选择控件，可以方便地在Web应用中添加可交互的日期选择功能。Bootstrap Datepicker拥有丰富的选项和API,支持多种日期格式，可以自定义样式并支持各种语言。Bootstrap Datepic ......
开课吧前端1期.阶段2：ES6详解-4 Promise generator-认识生成器函数 generator-yield
10、Promise Promise -- 承诺 异步: 操作之间没啥关系，同时进行多个操作 同步: 同时只能做一件事 优缺点 异步：代码更复杂 同步：代码简单 //比如我要请求4个数据，真正生产还要判断，没法看了，缩进 //异步：特别麻烦 ajax('/banners',function(bann ......
RocketMQ 入门实战(3)--Admin Tool 介绍
本文主要介绍 RocketMQ 管理工具(mqadmin)的使用，文中所使用到的软件版本：RocketMQ 5.1.3、CentOS 7.9.2009。 1、mqadmin 说明 A、执行命令方法：./mqadmin {command} {args}B、几乎所有命令都需要配置 -n 表示 NameS ......
Python多进程模块实战: 下载某小说网小说内容
练习一下Python的multiprocessing模块，成品代码如下： #!/usr/bin/python3 # 书站爬虫 by 如雨yu # 仅限学习多进程机制使用 使用后果全部由使用者自行承担. import requests import parsel from tqdm import tq ......
前端踩坑
当项目开发完毕，构建打包文件只需要一个命令 umi build，构建打包成功之后，会在根目录生成 dist 文件夹，里面就是构建打包好的文件，通常是 *.js、*.css、index.html 等静态文件。 如果需要自定义构建，比如指定 dist 目录等，可以通过 config/config.ts ......
vue3 如何获取格式为 proxy 值的原始值
vue3中变量多使用 ref, reactive 来声明。如下： const firstName = ref('Tom') const lastName = ref('Jerry') const form = reactive({ name: '', sex: '', age: '', area: ......
理解vue中的 slot-scope=scope
slot是插槽，slot-scope=“scope“语义更加明确，相当于一行的数据，在实际开发中会碰到如下的场景， 页面上的头衔列是变化的，而我们就可以通过后端返回的具体值来判断这里应该显示什么样的内容，具体代码如下 <template> <div class="login-container"> ......