前端 终端 实战vue

vue3引入bootstrap5的折叠菜单无效问题解决

问题:通过npm后者yarn安装bootstrap5后,在入口文件全局引入bootstrap5的js、scc,在vue组件引入折叠功能,点击可以正常展开,在点击无法收回 解决办法:可参考网上博主的建议,大概意思就是之前引入的js文件不对,导致收回方法没有执行 ![image](https://img ......
bootstrap5 bootstrap 菜单 问题 vue3

前端字符编码

在计算机内部,所有的信息最终都表示为一个二进制的字符串。每一个二进制位(bit)有0和1两种状态,因此八个二进制位就可以组合出256种状态(-128~127),这被称为一个字节(byte)。 也就是说,一个字节一共可以用来表示256种不同的状态,每一个状态对应一个符号,就是256个符号,从00000 ......
前端 字符 编码

Ruby web开发实战(4)-JQuery(1)

[TOC] # 下载并安装 - jQuery是一个快速、小型且功能丰富的JavaScript库。它通过一个跨多个浏览器工作的易于使用的API,使HTML文档遍历和操作、事件处理、动画和Ajax等事情变得更加简单。jQuery结合了多功能性和可扩展性,改变了数百万人编写JavaScript的方式。 h ......
实战 JQuery Ruby web

前端Vue自定义加载中loading加载结束end组件 可用于分页展示 页面加载请求

#### 前端Vue自定义加载中loading加载结束end组件 可用于分页展示 页面加载请求, 请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13219 #### 效果图如下: ![](https://p3-juejin.byteimg. ......
前端 组件 loading 页面 Vue

前端Vue自定义验证码密码登录切换tabs选项卡标签栏标题栏 验证码登录模版 密码登录模版

#### 前端Vue自定义验证码密码登录切换tabs选项卡标签栏标题栏 验证码登录模版 密码登录模版, 请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13221 #### 效果图如下: #### ![](https://p3-juejin. ......
模版 密码 前端 标签 标题

前端Vue自定义发送短信验证码弹框popup 实现剩余秒数计数 重发短信验证码

前端Vue自定义发送短信验证码弹框popup 实现剩余秒数计数 重发短信验证码, 请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13207 效果图如下: ![](https://p3-juejin.byteimg.com/tos-cn-i- ......
短信 前端 popup Vue

《MySQL 实战 45 讲》学习笔记一

一条SQL查询语句是如何执行的? MySQL 的基本架构示意图(语句执行流程) ......
实战 笔记 MySQL 45

【Vue3】Vue3中常用的组件传参方式

# props/$emit 父传子 (自定义属性 props) ```html // 父组件代码 // 子组件代码 {{ name }} props: { name: { type: String, default: "default", }, } ``` 子传父(自定义this.$emit) `` ......
Vue3 组件 Vue 常用 方式

微前端中的CSS

我被问得最多的问题之一是如何在微前端中处理 CSS。毕竟,样式始终是任何UI 片段所需要的东西,然而,它也是全局共享的东西,因此是潜在的冲突来源。 在这篇文章中,我想回顾一下现有的不同策略来驯服 CSS 并使其扩展以开发微前端。如果这里的任何内容对您来说听起来合理,那么也可以考虑研究“微前端的艺术” ......
前端 CSS

uniapp-chatgpt跨端仿ChatGPT实例|uniapp+vue3+pinia多端聊天模板

基于uniapp+vite4+pinia跨多端实现chatgpt会话模板Uniapp-ChatGPT。 uni-chatgpt 使用uni-app+vite4+vue3+pinia+uview-plus等技术构建多端仿制ChatGPT手机端APP会话应用模板。支持编译到h5+小程序+APP端,支持渲 ......
uniapp uniapp-chatgpt 实例 模板 chatgpt

vue的两种风格--选项式API

<script>export default { data() { return { count: 0 } }, methods: { increment() { this.count++ } }, mounted() { console.log(`The initial count is ${th ......
风格 vue API

TensorFlow11.5 循环神经网络RNN-LSTM、LSTM实战

# LSTM的产生 我们之前在求RNN的loss的时候很容易出现梯度弥散或者梯度爆炸。这个LSTM的出现很大程度上减少了梯度弥散的情况。 ![image](https://img2023.cnblogs.com/blog/1914163/202306/1914163-2023062520565564 ......
神经网络 LSTM TensorFlow 实战 RNN-LSTM

Redis实战(黑马点评--短信登录)

系统介绍 短信登录 这部分会使用Redis共享session来实现 用Redis替换session来存储邮箱验证码 商户查询缓存 这部分要理解缓存击穿,缓存穿透,缓存雪崩等问题,对于这些概念的理解不仅仅是停留在概念上,更是能在代码中看到对应的内容 优惠券秒杀 这部分可以学会Redis的计数器功能,结 ......
黑马 实战 短信 Redis

Vue2.x 基本认识四:路由

路由认识 概念 路由(route)就是一组(key -value)对应关系。多个路由由一个路由器(router)管理。 key 为路径,value 可能是 function 或 component 。 function 是后端路由,用于请求服务器获取数据。 component 是前端路由,用于展示页 ......
路由 Vue2 Vue

猿大师办公助手VUE网页在线打开编辑保存微软Office、金山WPS文档,并强制修改留痕。

很多OA的在线办公系统中,都需要多个人修改编辑Office文档,这样很容易版本混乱并且极易出错,如果这时候启用强制留痕并且启用留痕,就可以记录每个人的操作记录,方便文档管理,降低操作风险。 实现方法: 第一步:安装猿大师办公助手,下载地址:http://www.yuanofficer.com/xia ......
留痕 助手 大师 文档 网页

Ruby web开发实战(3)-Ruby疑难点(2)

[TOC] # 方法 ```ruby irb(main):118:1* def numSum(nums) irb(main):119:1* result=0 irb(main):120:2* nums.length.times{|n| irb(main):121:2* result+=nums[n] ......
Ruby 疑难 实战 web

08异步短信发送,注册功能,补充【1.为什么要写media才能访问,2.debug作用,3.ALLOWED_HOSTS 的作用】前端登录和注册页面与功能

# 1 异步发送短信 ```python # 原来的发送短信,是同步 -前端输入手机号 》点击发送短信 》前端发送ajax请求 》到咱们后端接口 》取出手机号 》调用 腾讯发送短信 》腾讯去发短信 》发完后 》回复给我们后端发送成功 》我们后端收到发送成功 》给我们前端返回发送成功 # 把腾讯发送短 ......

【Vue】Vue3+Vite 实现 SVG 组件自动加载 icons 目录下所有文件

## 1. 安装依赖插件 vite-plugin-svg-icons > vite-plugin-svg-icons 用于生成 svg 雪碧图。 > 特点: 1.预加载 在项目运行时就生成所有图标,只需操作一次 dom 2.高性能 内置缓存,仅当文件被修改时才会重新生成 [vite-plugin-s ......
组件 Vue 文件 目录 icons

Vue(九):计算属性

现在有一个需求,输入姓和名将其拼接为全名,全名要求根据姓名实时变化。 下面是三种实现: 1.插值语法实现 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>姓名案例-插值语法实现</title> <script type="tex ......
属性 Vue

vue3.0之axios使用

```js // 导入包 import axios from "axios"; // 使用示例 axios.post('发送请求地址', { 携带变量key1: 变量value1, 携带变量key2: 变量value2, }).then(response => { // 后端返回给前端的数据都在re ......
axios vue3 vue

vue3.0之emit的使用

主要用于跨组件传输数据,emit可以调用父组件中的自定义函数。 # 使用方法 ```js let emit = defineEmits(['父组件自定义函数1', '父组件自定义函数2', '...']) // 调用父组件自定义函数的执行 emit('父组件自定义函数') ``` # 主要逻辑 1. ......
vue3 emit vue

vue3.0之cookies的操作

# 安装 ```js npm install vue-cookies ``` ```js import VueCookies from 'vue-cookies' const cookies = VueCookies cookies.set('key值', '字符串或变量', '7d') // 7d ......
cookies vue3 vue

vue编程-创建首页

1.将elementUI组件与sass组件依赖加入到对应json中 ```json { "name": "default", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "bu ......
vue

项目集成redis实战

项目集成redis实战 1.进入到项目的tomcat配置文件中,修改redis服务器和密码 cd /usr/src/tomcat-pinter/webapps/WEB-INF/classes/ vi application.properties. 2.杀死tomcat进程,重启服务 3.重启服务 c ......
实战 项目 redis

vue 电池样式组件 css样式

效果如图:(背景图片自行替换) 这是用纯css写的电池样式,获取数据后,找出最大值,并计算长条的宽度,从而完成样式。 话不多说上代码: <!-- * @Description:电池样式组件 * @Author: 如意酱 * @Date: 2022-01-08 13:31:37 * @LastEdit ......
样式 组件 电池 vue css

vue12进阶

状态管理 一、什么是状态管理 理论上来说,每一个 Vue 组件实例都已经在“管理”它自己的响应式状态了。我们以一个简单的计数器组件为例: <script>export default { //状态 data() { return { count: 0 } }, //动作 methods: { inc ......
vue 12

vue06_前端工程化

今日目标 1.能够了解模块化的相关规范 2.了解webpack 3.了解使用Vue单文件组件 4.能够搭建Vue脚手架 5.掌握Element-UI的使用 1.模块化的分类 A.浏览器端的模块化 1).AMD(Asynchronous Module Definition,异步模块定义) ​ 代表产品 ......
前端 工程 vue 06

vue01

day01 Vue 是什么? Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架 vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合 指令 本质就是自定义属性 Vue中指定都是以 v- 开头 v-cloak 防止页面加载时出现闪烁问题 <st ......
vue 01

vue02

day02 Vue常用特性 表单基本操作 获取单选框中的值 通过v-model <!-- 1、 两个单选框需要同时通过v-model 双向绑定 一个值 2、 每一个单选框必须要有value属性 且value 值不能一样 3、 当某一个单选框选中的时候 v-model 会将当前的 value值 改变 ......
vue 02

vue03

day03 组件 组件 (Component) 是 Vue.js 最强大的功能之一 组件可以扩展 HTML 元素,封装可重用的代 组件注册 全局注册 Vue.component('组件名称', { }) 第1个参数是标签名称,第2个参数是一个选项对象 全局组件注册后,任何vue实例都可以用 组件基础 ......
vue 03