前端 终端 实战vue

“阿里爸爸”上新!《2023阿里Java性能调优手册(实战参考)》

为什么要学Java性能调优? 现在去学性能调优还有用么? 现在行业变化太快,裁员缩招屡见不鲜,而应对的方法即是--核心竞争力。打磨自己的专业技能,成为本职行业的前百分之二十,行业再怎么变动,你总能安身立命。 在任何一个细分领域内,成为前1%,拼的是天赋,是智力决定的。但若仅仅想要成为20%,成为被二 ......
实战 爸爸 性能 手册 2023

vuE初探[230704]

## vue语法初探 ### 课前须知 > 知识储备:html、JavaScript、css(node、npm、webpack) ##### 课程介绍 ###### 进阶式: 1. 基础:生命周期函数 条件循环渲染指令、页面样式修饰语法··· 2. 组件:全局&局部、数据传递、插槽基础··· 3. ......
230704 vuE

SpringBoot3.0从入门到项目实战:解决Web应用痛点的最新解决方案

SpringBoot3.0从入门到项目实战:解决Web应用痛点的最新解决方案 SpringBoot是当前Java领域中应用最广的框架之一,而随着SpringBoot 3.0的发布,它迎来了更加全面和强大的一次升级。本文将深入浅出地介绍SpringBoot 3.0的新特性,同时结合实际项目经验,分享W ......

综合案例-查询所有-后台-前端

package com.itheima.mapper; import com.itheima.pojo.Brand; import org.apache.ibatis.annotations.ResultMap; import org.apache.ibatis.annotations.Select ......
前端 后台 案例

JavaCV的摄像头实战之十四:口罩检测

### 欢迎访问我的GitHub > 这里分类和汇总了欣宸的全部原创(含配套源码):[https://github.com/zq2599/blog_demos](https://github.com/zq2599/blog_demos) ### 本篇概览 - 本文是《JavaCV的摄像头实战》系列的 ......
口罩 实战 摄像头 JavaCV

012双写一致性之定时更新,异步发送短信,异步秒杀逻辑前后端,课程页面前端,课程相关表分析,基于对象跨表查询和双下划綫连表查询,课程表数据录入,课程主页接口

# 0 双写一致性之定时更新 ```python # 一旦加入缓存,就会出现数据不一致的请请求 # 双写一致性问题 -1 改数据,删缓存 -2 改数据,改缓存 -3 定时更新 # 首页轮播图存在双写一致性问题这个问题 -以现在的技术水平(信号),做不到 :改数据删缓存 -能选择的就是定时更新 -轮播 ......

Vue02

## 1.Vue计算属性和watch监听 ### 1.1.计算属性 ```HTML Title 您的生日是:{{birth}} ``` ### 1.2.watch - watch可以让我们监控一个值的变化。从而做出相应的反应。 ```HTML Title ``` ## 2.组件化 ### 2.1.什 ......
Vue 02

vue项目中锚点定位bug无效和替代方式

在vue项目中,使用锚点定位会和router的规则冲突,在项目中的表现就是第一次点击url改变了,但是没有跳转到锚点位置,再次点击才会跳转。所以在vue项目中定义一个方法不适用锚点定位: scrollToSection(id) { let section = document.getElementB ......
方式 项目 vue bug

解决vue 不是内部或外部命令

##### 1.输入命令找到npm 的配置路径npm config list ![在这里插入图片描述](https://img2023.cnblogs.com/blog/3010252/202307/3010252-20230704195630377-2092913454.png) ##### 2. ......
命令 vue

Node.js下载安装及环境配置+vue配置

[TOC] #### 一、官网下载 https://nodejs.org/zh-cn/download/ 选择对应你系统的Node.js版本,这里我选择的是Windows系统、64位 ![](https://img2023.cnblogs.com/blog/3010252/202307/301025 ......
环境 Node vue js

常用的前端JavaScript方法封装

1、输入一个值,返回其数据类型** function type(para) { return Object.prototype.toString.call(para) } 2、数组去重 function unique1(arr) { return [...new Set(arr)] } functi ......
前端 JavaScript 常用 方法

【10.0】前端基础之JavaScript进阶

# 【10.0】前端基础之JavaScript进阶 # 【一】自定义对象 - 可以看成Python中的字典,但是在JS中的自定义对象要比Python里面的字典操作起来更方便 ## 【1】创建自定义对象方式一 ```js var d = {"键":"值",}; ``` - 操作方法 ```js var ......
前端 JavaScript 基础 10.0 10

【7.0】前端基础之CSS案例

# 【7.0】前端基础之CSS案例 > 在设计页面的时候先用div划分页面,再去填充数据,再去填充样式 ![](https://img2023.cnblogs.com/blog/2322215/202307/2322215-20230704174524763-1410167759.png) ## h ......
前端 案例 基础 7.0 CSS

【8.0】前端基础之JavaScript引入

# 【8.0】前端基础之JavaScript引入 # 【一】什么是JavaScript - js也是一门编程语言,他可以写后端代码 - JavaScript想一统天下,前后端都写 - 于是node.js 支持JS代码跑在后端服务器上 - 但是并不能完美的实现 - JavaScript和Java一毛钱 ......
前端 JavaScript 基础 8.0

【9.0】前端基础之JavaScript初识

# 【9.0】前端基础之JavaScript初识 > js也是一门面向对象的编程语言,一切皆对象 # 【一】变量命名规范 - 变量名只能是 数字/字母/下划线/$ - 变量名命名规范(js中推荐驼峰式命名法) - 变量民不能用关键字作为变量名 # 【二】JS代码的书写位置 - 可以单独开设JS文件书 ......
前端 JavaScript 基础 9.0

tmux终端多路复用器

tmux 是一个终端多路复用程序,可以让用户在一个终端窗口中同时运行多个终端会话,并可以在这些终端会话之间快速切换。通过 tmux 用户可以在同一个终端窗口中同时运行多个命令行应用程序或终端会话,从而避免使用多个终端会话窗口的繁琐操作。以下是 tmux 常用的指令: 安装tmux 使用您的发行版的软 ......
复用器 终端 tmux

【5.0】前端基础之CSS进阶

# 【5.0】前端基础之CSS进阶 # 【一】分组与嵌套 ### 【1】分组 ```html Title 这是div标签 这是p标签 这是span标签 ``` > 上述方法,重复代码造成了代码的冗余 ```html Title 这是div标签 这是p标签 这是span标签 ``` ### 【2】嵌套 ......
前端 基础 5.0 CSS

【6.0】前端基础之CSS终章

# 【6.0】前端基础之CSS终章 # 【一】浮动带来的影响及解决办法 ## 【1】父标签塌陷 - 造成父标签塌陷的问题 ```html Title ``` - 内部元素因为浮动导致了外边框无法框柱内部元素 ## 【2】解决办法一 ```html Title ``` - 内部再创建一个子标签,给一个 ......
前端 基础 6.0 CSS

Vue内置缓存组件keep-alive

<el-tab-pane label="周边配套" :disabled=!gardenId name="five"> <keep-alive> <Surrour :gardenId="gardenId" v-if="activeName 'five'"/> </keep-alive> </el-ta ......
缓存 keep-alive 组件 alive keep

rabbitmq在springboot中实战技巧

# 一.简介 rabbitmq是基于AMQP(Advanced Message Queuing Protocol:高级消息队列协议),采用Erlang语言编写的消息队列。 # 二、mq能用来做什么 - **异步处理**:将非核心业务(比如日志、邮件、监控等)从主流程剥离,提升主流程的响应时效。 - ......
springboot 实战 rabbitmq 技巧

java、vue基于hutool的aes指定秘钥加密(前后端aes加解密)

后端代码 //加密 data 对称AES Key byte[] key = getBytes("._^BV67nW6ck8fwg", 16);//秘钥长度最好是16位 SymmetricCrypto aes = new SymmetricCrypto(SymmetricAlgorithm.AES, ......
aes hutool java vue

vue-cropper cdn vue3 打包后提示找不到

vue-cropper cdn vue3 打包后bug vue3 项目 ts cdn 引入 vue-cropper 官网推荐引入方式 dev环境报错运行不了 后面发现打包后找不到 VueCropper,原来是名称问题, 修改如下: main.ts 直接引入 再添加脚本到html 文件 window. ......
vue-cropper vue cropper vue3 cdn

vue 基于 CountUp.js,可用于创建显示数字数据的动画。

地址:https://github.com/xlsdg/vue-countup-v2 Installation $ npm install --save countup.js vue-countup-v2 Usage <template> <div class="iCountUp"> <ICount ......
CountUp 数字 动画 数据 vue

终端设备自动更新

一、做设备当多台的时候最好做自动更新的控件,每一次通过服务器上传和下载,下面提供一下自动更新思路。 1、提供一个检测是否需要自动更新的接口,传入版本和设备类型,检测是否需要更新。 2、提供一个下载安装包的接口,传入要下载的版本号和设备类型,post下载。下载完成后安装启动即可。 /// 【流程】 / ......
终端设备 终端 设备

Vue@2.7.x,使用组合式API(CompositionAPI)时,如何获取全局注册的属性或方法

## Vue@2.7.x,使用组合式API(CompositionAPI)时,如何获取全局注册的属性或方法 - ### 前提 ```js // 你已经在main.js中定义了全局属性,像vue2中定义的方式那样,全局可以通过this.$foo使用它 import Vue from 'vue' Vue ......
CompositionAPI 全局 属性 方法 Vue

07: vue3 侦听器

1 <template> 2 <p>{{ message }}</p> 3 <button @click="updateHandle()">修改数据</button> 4 </template> 5 6 <script> 7 export default{ 8 data(){ 9 return{ 1 ......
侦听器 vue3 vue

04: vue3 列表渲染

1、简单绑定 2、复杂数据模拟json 3、遍历对象 5、位置索引 6、通过 key 管理状态 最理想情况key值还是通过后台接口获取的唯一主键id ......
vue3 vue

05:vue3 事件处理

......
事件 vue3 vue

06:vue3 数组变化侦测

......
数组 vue3 vue

07:vue3 侦听器

1 <template> 2 <p>{{ message }}</p> 3 <button @click="updateHandle()">修改数据</button> 4 </template> 5 6 <script> 7 export default{ 8 data(){ 9 return{ 1 ......
侦听器 vue3 vue