样式 组件scoped vue
React、Vue框架如何实现组件更新，原理是什么？
原文合集地址如下，有需要的朋友可以关注 [本文地址](https://mp.weixin.qq.com/s?__biz=MzI5MjY4OTQ2Nw==&mid=2247484356&idx=1&sn=10f0cc1989ce788e0b4bc166b2027b14&chksm=ec7cc090db ......
Vue的生命周期简介
Vue.js是一种流行的JavaScript框架，它采用了组件化的开发模式。在Vue组件的生命周期中，有不同的阶段和钩子函数，用于在不同的时间点执行特定的逻辑操作。下面是Vue组件的生命周期简介： 创建阶段： beforeCreate：在实例被创建之前，触发该钩子函数。 created：在实例被创建 ......
HTML入门-----常用标签之字体样式标签
 字体样式标签 可以改变字体的样式 加粗：```,``` 斜体：``` ,``` 示例： ``` 我很喜欢 ......
Vue
## 一、Vue概述 1.Vue是一套前端框架，免除原生JavaScript中的DOM操作，简化书写。 2.基于MVVM（Model-View-ViewModel）思想，实现数据的双向绑定，将编程的关注点放在数据上。 3.官网：https://v2.cn.vuejs.org/ 4.框架：是一个半成品 ......
Django+DRF+Vue 网页开发环境安装（windows/Linux）
> 博客地址：https://www.cnblogs.com/zylyehuo/ # 总览 *  # 一、安装 Dja ......
Reactjs学习-组件
本篇是关于React的基础-组件 组件化开发一个项目有时候需要很多功能，如果将全部代码写在一个文件里面，这个文件就会很大，不利于维护，这个时候就可以考虑将一些功能或者通用的方法封装起来。React是一个视图层的框架，从UI层面，可以把一个页面拆分成多个部分，具备一定功能的，可以复用的这样一部分可以称 ......
【12.0】Django框架之form组件
# 【一】需求 - 写一个注册功能 - 获取用户名和密码，利用form表单提交数据 - 在后端判断用户名和密码是否符合一定的条件 - 用户名中不能包含啦啦啦 - 密码不能少于三位 - 如果符合条件需要你将提示信息展示到前端页面 # 【二】form表单实现 ## 【1.0】点击提交按钮返回比对信息 - ......
vue实现浏览器端大文件分片上传
以ASP.NET Core WebAPI 作后端 API ，用 Vue 构建前端页面，用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl ......
保姆级教程：手把手教你搭建vue3+vite+pinia项目，直接上手开发
虽然代码很机械的就写出来了，但是搭建项目却总是很生疏会忘记呢（毕竟一个项目做n年。。） 第一步：npm create vite projectName（你的项目名） 第二步，：选择Vue 第三步：选择想要用的语言，这里我选了javascript 第四步：切换到对应项目目录，npm install 下 ......
第十四篇 - vue页面跳转参数传递
本文介绍的一个vue页面调到第二个vue页面时，如何传递参数。 参考链接：https://blog.csdn.net/m0_73493077/article/details/126906574 第一步：先修改LoginPage.vue，跳转携带参数 /* eslint-disable */ <tem ......
从vue2过渡到vue3的配置修改和升级
1.卸载旧的vue-cli npm uninstall vue-cli -g 2.卸载旧版本的node(版本号可能不适用vue3) 3.进入node官网，下载并安装最新的稳定版本node (当前版本号：18.16.1) 3.1.检验是否安装成功 4.安装vue(当前版本号：3.2.13) npm i ......
用 React 写函数组件，如何避免重复渲染
参考： 用 React 写函数组件，如何避免重复渲染？ - 挖个窟窿过年的回答 - 知乎 https://www.zhihu.com/question/442368205/answer/2590697263 一句话概括：memo、useMemo、useCallBack主要用于避免React Hook ......
vue开发 tinymce.js富文本插件报错：Cannot read properties of undefined (reading 'open')
应该是预加载的问题 因为需要同时展示多个富文本框 所以网上搜索到的 把v-if 换成 v-show是行不通的 最后想到办法 就是 再最外面再加一个 富文本 宽高设置成0 这样里面的富文本就能 正常使用了 k-rich-editor 是基于 tinymce 封装起来的富文本编辑器 ......
纯css 四边形的角样式（只有两个角是三角，其他两个是线段）
效果如图： 核心：使用伪类 代码如下： <div class="box-style"></div> .box-style { position: relative; //纯css只有四个角有边框的样式 box-shadow: 0px 0px 12px 1px #003ba26b inset; bac ......
Vue3+.net6.0 八 监听器 watch，回调
有时候我们需要根据变量的变化去更改dom或者输出结果，也就是需要监听data部分，和Vue2一样，需要用到watch监听器。 简单例子，输入框绑定了context，当我们改变输入框的值时，watch里同名监听器context监听到了变化，通过判断新旧值是否有变化弹出提示。 需要注意的是： 1、监听器 ......
Vue3 遍历显示Json数组
在Vue项目中 遍历显示Json数组 以列表的形式显示的页面上 main.js 全局 json 对象 //全局json const globalData=reactive({ extTelTalkData: [ { userExten: "1000", userName: "刘亦菲", callSt ......
Flutter | 使用 InkResponse和 InkWell组件 实现事件操作
可以包裹 不具备事件处理的组件，实现水波纹等点击事件的效果； InkWell 水波纹限制在文本组件之内；InkResponse 水波纹没有限制；InkResponse 和 InkWell 都可以指定各种响应颜色、手势等相关属性； InkWell( radius: 200.0, focusColor: ......
vue3 provide/inject使用
provide/inject 可解决深层组件传值问题 父组件 import { provide } from "vue"; const curValue = ref(props.modelValue); provide('curTabName',curValue); 子组件 import { inj ......
Scrapy-redis组件，实现分布式爬虫
安装包 ```Python pip install -U scrapy-redis ``` settings.py ```Python ##### Scrapy-Redis ##### ### Scrapy指定Redis 配置 ### # 其他默认配置在scrapy_redis.default.py ......
【补充】Django自带的序列化组件
# 【11.0补充】Django自带的序列化组件 # 【一】准备数据 ```python from django.db import models # Create your models here. class User(models.Model): username = models.CharF ......
【补充】celery组件
# 【补充】celery组件 # 【一】什么是Celery - Celery是一个简单、灵活且可靠的，处理大量消息的分布式系统，专注于实时处理的异步任务队列，同时也支持任务调度。 之视图组件
# 【一】DRF中的Request - 在Django REST Framework中内置的Request类扩展了Django中的Request类 - 实现了很多方便的功能--如请求数据解析和认证等。 - 比如 - 区别于Django中的request从request.GET中获取URL参数 - 从 ......
【二十】Django框架(Rest Framework)之分页组件
# 【一】为什么要使用分页 - 我们数据表中可能会有成千上万条数据 - 当我们访问某张表的所有数据时 - 我们不太可能需要一次把所有的数据都展示出来 - 因为数据量很大 - 对服务端的内存压力比较大还有就是网络传输过程中耗时也会比较大。 - 通常我们会希望一部分一部分去请求数据 - 也就是我们常说的 ......
CSS滚动条样式
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 10px; /*滚动条宽度*/ height: 16px; /*滚动条高度*/ } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { -w ......
VUE|创建一个基础的VUE应用
## 1 应用实例 参考官方文档 [应用实例 API | Vue.js (vuejs.org)](https://cn.vuejs.org/api/application.html) > 示例 ```javascript const {createApp} = Vue // 通过createApp创 ......
js：http-vue-loader从浏览器直接引入vue文件
doc ``` github: https://github.com/FranckFreiburger/http-vue-loader ``` index.html ``` ``` my-component.vue ``` Hello {{who}} ``` 使用 sass ``` ``` 使用 l ......
【Qt-Material】适用于PySide6，PySide2，PyQt6以及PyQt6的仿Material样式
# Qt-Material 如题，更多内容详见：[Qt-Material](https://github.com/UN-GCPDS/qt-material) ## 安装 ```python pip install qt-material ``` ## 引用 ```python import sys ......