前端 终端 实战vue
vue3引入bootstrap5的折叠菜单无效问题解决
问题:通过npm后者yarn安装bootstrap5后,在入口文件全局引入bootstrap5的js、scc,在vue组件引入折叠功能,点击可以正常展开,在点击无法收回 解决办法:可参考网上博主的建议,大概意思就是之前引入的js文件不对,导致收回方法没有执行 ![image](https://img ......
前端字符编码
在计算机内部,所有的信息最终都表示为一个二进制的字符串。每一个二进制位(bit)有0和1两种状态,因此八个二进制位就可以组合出256种状态(-128~127),这被称为一个字节(byte)。 也就是说,一个字节一共可以用来表示256种不同的状态,每一个状态对应一个符号,就是256个符号,从00000 ......
Ruby web开发实战(4)-JQuery(1)
[TOC] # 下载并安装 - jQuery是一个快速、小型且功能丰富的JavaScript库。它通过一个跨多个浏览器工作的易于使用的API,使HTML文档遍历和操作、事件处理、动画和Ajax等事情变得更加简单。jQuery结合了多功能性和可扩展性,改变了数百万人编写JavaScript的方式。 h ......
前端Vue自定义加载中loading加载结束end组件 可用于分页展示 页面加载请求
#### 前端Vue自定义加载中loading加载结束end组件 可用于分页展示 页面加载请求, 请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13219 #### 效果图如下: ![](https://p3-juejin.byteimg. ......
前端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- ......
【Vue3】Vue3中常用的组件传参方式
# props/$emit 父传子 (自定义属性 props) ```html // 父组件代码 // 子组件代码 {{ name }} props: { name: { type: String, default: "default", }, } ``` 子传父(自定义this.$emit) `` ......
微前端中的CSS
我被问得最多的问题之一是如何在微前端中处理 CSS。毕竟,样式始终是任何UI 片段所需要的东西,然而,它也是全局共享的东西,因此是潜在的冲突来源。 在这篇文章中,我想回顾一下现有的不同策略来驯服 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端,支持渲 ......
vue的两种风格--选项式API
<script>export default { data() { return { count: 0 } }, methods: { increment() { this.count++ } }, mounted() { console.log(`The initial count is ${th ......
TensorFlow11.5 循环神经网络RNN-LSTM、LSTM实战
# LSTM的产生 我们之前在求RNN的loss的时候很容易出现梯度弥散或者梯度爆炸。这个LSTM的出现很大程度上减少了梯度弥散的情况。 ![image](https://img2023.cnblogs.com/blog/1914163/202306/1914163-2023062520565564 ......
Redis实战(黑马点评--短信登录)
系统介绍 短信登录 这部分会使用Redis共享session来实现 用Redis替换session来存储邮箱验证码 商户查询缓存 这部分要理解缓存击穿,缓存穿透,缓存雪崩等问题,对于这些概念的理解不仅仅是停留在概念上,更是能在代码中看到对应的内容 优惠券秒杀 这部分可以学会Redis的计数器功能,结 ......
Vue2.x 基本认识四:路由
路由认识 概念 路由(route)就是一组(key -value)对应关系。多个路由由一个路由器(router)管理。 key 为路径,value 可能是 function 或 component 。 function 是后端路由,用于请求服务器获取数据。 component 是前端路由,用于展示页 ......
猿大师办公助手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] ......
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(九):计算属性
现在有一个需求,输入姓和名将其拼接为全名,全名要求根据姓名实时变化。 下面是三种实现: 1.插值语法实现 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>姓名案例-插值语法实现</title> <script type="tex ......
vue3.0之axios使用
```js // 导入包 import axios from "axios"; // 使用示例 axios.post('发送请求地址', { 携带变量key1: 变量value1, 携带变量key2: 变量value2, }).then(response => { // 后端返回给前端的数据都在re ......
vue3.0之emit的使用
主要用于跨组件传输数据,emit可以调用父组件中的自定义函数。 # 使用方法 ```js let emit = defineEmits(['父组件自定义函数1', '父组件自定义函数2', '...']) // 调用父组件自定义函数的执行 emit('父组件自定义函数') ``` # 主要逻辑 1. ......
vue3.0之cookies的操作
# 安装 ```js npm install vue-cookies ``` ```js import VueCookies from 'vue-cookies' const cookies = VueCookies cookies.set('key值', '字符串或变量', '7d') // 7d ......
vue编程-创建首页
1.将elementUI组件与sass组件依赖加入到对应json中 ```json { "name": "default", "version": "0.1.0", "private": true, "scripts": { "serve": "vue-cli-service serve", "bu ......
项目集成redis实战
项目集成redis实战 1.进入到项目的tomcat配置文件中,修改redis服务器和密码 cd /usr/src/tomcat-pinter/webapps/WEB-INF/classes/ vi application.properties. 2.杀死tomcat进程,重启服务 3.重启服务 c ......
vue 电池样式组件 css样式
效果如图:(背景图片自行替换) 这是用纯css写的电池样式,获取数据后,找出最大值,并计算长条的宽度,从而完成样式。 话不多说上代码: <!-- * @Description:电池样式组件 * @Author: 如意酱 * @Date: 2022-01-08 13:31:37 * @LastEdit ......
vue12进阶
状态管理 一、什么是状态管理 理论上来说,每一个 Vue 组件实例都已经在“管理”它自己的响应式状态了。我们以一个简单的计数器组件为例: <script>export default { //状态 data() { return { count: 0 } }, //动作 methods: { inc ......
vue06_前端工程化
今日目标 1.能够了解模块化的相关规范 2.了解webpack 3.了解使用Vue单文件组件 4.能够搭建Vue脚手架 5.掌握Element-UI的使用 1.模块化的分类 A.浏览器端的模块化 1).AMD(Asynchronous Module Definition,异步模块定义) 代表产品 ......
vue01
day01 Vue 是什么? Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架 vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合 指令 本质就是自定义属性 Vue中指定都是以 v- 开头 v-cloak 防止页面加载时出现闪烁问题 <st ......
vue02
day02 Vue常用特性 表单基本操作 获取单选框中的值 通过v-model <!-- 1、 两个单选框需要同时通过v-model 双向绑定 一个值 2、 每一个单选框必须要有value属性 且value 值不能一样 3、 当某一个单选框选中的时候 v-model 会将当前的 value值 改变 ......