变量vue3 vue css
基于class封装的高德地图定位选址及搜索功能（vue、react均可用）
import AMapLoader from '@amap/amap-jsapi-loader'; export default class AMaps { options: any; //初始参数 instance: any; //实例 geocoder: any; //地理编码 placeSea ......
36-Vue脚手架-消息订阅与发布（使用消息订阅与发布优化Todo-List案例）
通过生活中报纸的订阅与发布，引出本节内容：消息订阅与发布 报纸订阅与发布 1）订阅报纸：住址 2）邮递员送报纸：报纸 消息订阅与发布 1）订阅消息：消息名 2）发布消息：消息内容 上述App中，组件C中的数据想要传递给组件A（A是接收数据的，C是提供数据的），在A中订阅一个消息，消息名为demo，回 ......
Gin+Vue+微服务打造秒杀商城，打造高并发抢购平台
gin+vue实战 后端： 用户管理 用户列表 登录/登出 商品管理 商品的增上改查 活动管理 商品关联 成功率 redis队列，不成功的回到队列继续，成功的从队列删除 结束难点： 代码和部署完全隔离 怎么避免雪崩 根据后端承载能力，进行限流和过载保护 使用redis承载海量QPS mysql性能瓶 ......
Vue源码学习(十五):diff算法(二)交叉比对(双指针)
好家伙, 本节来解决我们上一章留下来的问题, 新旧节点同时有儿子的情况本章继续解决 1.要做什么? 本章将解决, 1.在相同tag下子元素的替换问题 2.使用双指针进行元素替换, 实现效果如下: let vm1 = new Vue({data:{name:'张三'}}) let render1 = ......
vue3 axios 获得基地址
1.位置 //axios基础的封装 import axios from 'axios' import 'element-plus/es/components/message/style/css' import { ElMessage } from 'element-plus' const httpI ......
vue：视情况绑定对应的校验。
需求：表格内输入参数的默认值，有的参数必须，有的参数可为空，通过某个属性控制。 写两个校验规则，一个是必须有值，一个是可以为空。 首先将要校验的字段绑定在form-item的prop上。随后通过判断控制属性去绑定对应的校验规则。 ......
python初学者学习笔记-第二章-变量和数据类型
chapter2/变量和数据类型 2.1 Python语法简介 Python 的语法主要有三个特点：英文输入，单行执行，缩进模式。 如上图的代码，以“#”开头的语句是注释；一行是一块代码；以冒号“:”结尾时，换行执行缩进模式，其后的语句组成一个整体的代码块。 大小写敏感的。 2.2 print() ......
vue：通过数组循环创建表格，表格中有输入框需校验，最后需要一次性校验所有表格。
表格内有form表单，form表单绑定的model数据类型必须为对象。所以需要先处理一下接口请求回来的数据。 表单需要校验，校验要用到ref，所以通过索引给每个表单生成自己专属的ref。 统一写一个校验规则，绑定至form表单中的rules中，随后在表格内的输入框form-item中绑定对应的规定。 ......
vue 大文件分片上传(断点续传、并发上传、秒传)
对于大文件的处理，无论是用户端还是服务端，如果一次性进行读取发送、接收都是不可取，很容易导致内存问题。所以对于大文件上传，采用切块分段上传，从上传的效率来看，利用多线程并发上传能够达到最大效率。 本文是基于 springboot + vue 实现的文件上传，本文主要介绍vue实现文件上传的步骤及代码 ......
js 拼接字符串带变量(js方法参数单双引号拼接的问题记录)
小结：外面单引号，里面双引号，然后方法参数给转义的单引号即可(看下面的onClick事件即可） //刷新二级信号表格（增删改操作后） function reloadSignal(subId) { //清空 $("#msgAll"+subId).empty(); //js手工添加表格 var html ......
【C语言基础】 指针变量-printf %d和%p的含义
1.指针变量的值是地址，地址通常用16进制表示 2.int a=1; int* p=&a; printf("%d\n",p);和printf("%p\n",p);有什么区别呢，输出的都是p的值，%p是把指针变量p中存储的a的地址以十六进制形式输出，%d是吧p中存储的a的地址以十进制形式输出。输出的都 ......
vue
1、声明私有过滤器和全局过滤器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <p>message的值是：{{mess ......
基础课-前端CSS
CSS基础语法 CSS的作用：让前端界面美化 CSS代码的编写位置：1.嵌入编写：CSS代码可以嵌入中HTML一个特殊标记style里，style标记必须是head的子标记 2.外部编写：CSS代码单独编写在后缀是.css文件中，如果某个HTML需要使用CSS代码文件中的样式，就需要使用link标记 ......
vue3 devtool
打开控制台，输入下面代码：var vue = app.__vue_app__ const hook = window['__VUE_DEVTOOLS_GLOBAL_HOOK__'] hook.emit('app:init',vue,vue.version,{ Fragment: 'Fragment' ......
vscode快捷输入vue2，vue3，模板
{ // Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is u ......
CSS3 实现动态旋转加载样式
CSS3 实现动态旋转加载样式 要使用 CSS3 创建一个动态旋转加载样式，你可以使用 CSS 动画和旋转变换。下面是一个简单的示例： HTML： <div class="loader"></div> CSS： .loader { width: 50px; height: 50px; border: ......
黑马pink css1
css时层叠样式表的简称 构成：选择器和一条或多条声明 声明鼓励使用展开格式 冒号后面保留一个空格 选择器和大括号之间保留一个空格 选择器参考手册：https://www.w3school.com.cn/cssref/css_selectors.asp 选择器分为基础选择器和复合选择器 基础选择器： ......
数据可视化 - 使用swiper制作滚动表格[vue3]
html部分 1 <div class="scroll-table"> 2 <div class="scroll-table-header"> 3 <table class="scroll-table-header__table"> 4 <colgroup> 5 <col style="width: ......
vue-router中重写push方法
文章目的： 看到一段代码不理解什么意思，查了一下是为了解决，重复跳转相同的路由，控制台报错。 重写了方法后，能catch异常，不会在控制台报错了。 代码： Router.prototype.push = function push(location) { console.log(location, ......
快速调试 CSS 的技巧
## 使用原子化 CSS 工具包 比如把常见的 flex 布局封装成一个类名，这样就可以直接在 HTML 中使用了。 ```css .flexCenter { display: flex; flex-direction: row; justify-content: center; align-ite ......
vue3+vite 代码混淆插件
安装插件 yarn add --dev rollup-plugin-javascript-obfuscator 创建obfuscator.js文件，把下面相应代码放入js文件中 import obfuscatorPlugin from 'rollup-plugin-javascript-obfusc ......
wsl wangEdit 的使用与注意事项（ vue2 版本）
注： vue2 版本的 nodeJs 版本有限制，要是16或者17； 1.安装wangEditor yarn add @wangeditor/editor @wangeditor/editor-for-vue 2.使用示例 <template> <div style="border: 1px sol ......
CSS选择器
元素选择器 /* 使用元素选择器为所有段落元素应用样式 */ p { color: blue; font-size: 16px; text-align: center; margin: 10px; padding: 5px; background-color: #f0f0f0; } 类选择器 /* ......
vue修改http请求头_vue-resouce设置请求头的三种方法
vue修改http请求头_vue-resouce设置请求头的三种方法 本文主要介绍了vue-resouce设置请求头的三种方法，分享给大家，具体如下： 第一种：在Vue实例中设置 var vm = new Vue({ el:'#rrapp', data:{ showList: true, title ......
如何在Vue.js中添加headers（标头） 使用 axios，单独请求，所有请求 添加请求头
如何在Vue.js中添加headers（标头）使用 axios，单独请求，所有请求 添加请求头 Vue.js 是一个流行的前端框架，它以其简单易用的 API 和高度可组合的架构而闻名。当你构建一个 Web 应用时，你通常会使用一个 HTTP 客户端来与 API 交互。该客户端可以是一个浏览器内部的 ......
Shell内置变量 - date
date是Shell中内置变量，用于获取日期时间。可通过以下命令，查看该内置变量的使用。 date --help 1、date的用法 date的用法： date [OPTION]... [+FORMAT] 这里介绍下常用的 OPTION 选项 和 +FORMAT 格式。 1.1、OPTION 选项 ......
vue 2 升级vue3 前端老白
vue 2 升级vue3 前端老白 原文链接：Vue 3已经发布，而Vue 2到Vue 3的升级需要一些注意点。本文将介绍Vue 2升级到Vue 3的具体步骤，让您在升级中无后顾之忧。首先，我们需要升级Vue CLI到4.x。在升级前，我们需要备份项目代码，以防出现意外情况。接着，我们需要在命令行中 ......