路由 组件drf
第十七篇 vue - 深入组件 - Props
Props 声明 一个组件需要显式声明它所接受的 props，这样 Vue 才能知道外部传入的哪些是 props，哪些是透传 attribute props 需要使用 props 选项来定义 export default { props: ['foo'], created() { // props ......
第十六篇 vue - 深入组件 - 注册
组件注册 一个 Vue 组件在使用前需要先被“注册”，这样 Vue 才能在渲染模板时找到其对应的实现。组件注册有两种方式：全局注册 和 局部注册 全局注册 app.component() 我们可以使用 Vue 应用实例的 app.component() 方法，让组件在当前 Vue 应用中全局可用 i ......
组件化的思维
关于代码的组件化，我一直认为都是有必要的。我所坚持该观点主要来自于以下几项。 结构最小化 维护性 扩展性 抽象代码是结构最小化必备的思想。为什么？从编码角度，代码可以分为系统代码和业务代码。首先，系统代码是维护系统逻辑和业务逻辑必要的基石。抽象代码的目的，就是将业务逻辑和系统逻辑拆分，两者不冲突。最 ......
【THM】Putting it all together(网站组件协同工作介绍)-学习
本文相关的TryHackMe实验房间链接：https://tryhackme.com/room/puttingitalltogether 本文相关内容：了解Web服务的所有单独组件如何协同工作，这种协同工作能让我们可以访问自己喜欢的网站。 简介 当我们在浏览器中请求网页信息时，幕后还发生了很多事情。 ......
自定义组件 事件处理 （包括 自定义组件的v-model ）
###点击事件 在组件内判断处理事件 ###点击事件 把子组件的事件抛出，在父组件中处理 ###可以通过传方式 在子组件内调用方法处理 父组件 调用 子组件 <risk-qa-form :item="selectedItem" v-if="riskQaFormModalVisible" v-mode ......
视图集与路由集
# ViewSet作为APIView的子类,作为视图类的父类 from rest_framework import status from rest_framework.viewsets import ViewSet from rest_framework.response import Respo ......
DRF 排序、分页器 、过滤器
一、排序用法 from rest_framework.filters import OrderingFilter class BookView(ModelViewSet): queryset = Book.objects.all() serializer_class = BookSerializer ......
react组件传值
1. 父子传值 父传子使用props，父组件更新视图改变props子组件会同步更新。 类组件 import React, { Component } from 'react'; class Father extends Component { state={ count: 0 } render(){ ......
Android开发-Android常用组件-RadioButton单选按钮
4.5 RadioButton(单选按钮) RadioButton (单选按钮) 基本用法与事件处理： 如题单选按钮，就是只能够选中一个，所以我们需要把RadioButton放到RadioGroup按钮组中，从而实现单选功能。先熟悉下如何使用RadioButton，一个简单的性别选择的例子：另外我们 ......
antd 修改组件样式除了在全局修改还有其他方法
修改input 框的 border-radius 第一步 安装less yarn add less less-loader --save-dev 第二步 在需要修改的文件下新建antdStyle.less 配置 antdStyle.less 在文件引入@import '~antd/dist/antd ......
Android开发-Android常用组件-ImageView图像视图
4.4 ImageView(图像视图) ImageView见名知意，就是用来显示图像的一个View或者说控件 需掌握的知识点： ImageView的src属性和blackground的区别； adjustViewBounds设置图像缩放时是否按长宽比 scaleType设置缩放类型 最简单的绘制圆形 ......
Vue2组件插槽的使用笔记
Vue2插槽使用组件MyComponent.vue： <template> <div> <slot name="name1" :userName="'zhagnsan'"></slot> </div> </template> 复制 使用组件： <my-component> <template slo ......
n1. 组件自定义事件
组件自定义事件 组件自定义事件是一种组件间通信的方式，适用于：子组件 > 父组件 使用 使用场景 A是父组件，B是子组件，B想给A传数据。 1. 使用@或v-on 在这之前，我们是使用通过A给B传递函数类型的props实现B给A传数据。 //父组件 <School :getSchoolName="g ......
Vue.js 路由的params参数
视频 6.路由的params参数 配置路由，声明接收params参数 { path:'/home', component:Home, children:[ { path:'news', component:News }, { component:Message, children:[ { name: ......
Vue.js 命名路由
视频 5.命名路由 作用：可以简化路由的跳转。 如何使用 给路由命名： { path:'/demo', component:Demo, children:[ { path:'test', component:Test, children:[ { name:'hello' //给路由命名 path:' ......
Vue.js 路由的query参数
视频 4.路由的query参数 传递参数 <!-- 跳转并携带query参数，to的字符串写法 --> <router-link :to="/home/message/detail?id=666&title=你好">跳转</router-link> <!-- 跳转并携带query参数，to的对象写法 ......
这5个汽车组件单元最易遭到网络攻击
报告数据显示：在过去5年中，全球汽车行业因为网络化攻击造成的损失超过5000亿美元，而近70%的汽车安全威胁由远距离的网络攻击引发。攻击者不需要在车辆附近，只要能够连接到车辆的网络系统，就可以发起攻击。 ......
vue动态切换组件
多个组件挂在到同一个组件上，通过参数进行动态切换 一、实现方式 <component :is="componentName"></component> 二、示例 import Page1 from './Page1' import Page2 from './Page2' import Page3 ......
界面控件DevExtreme Tree List组件——高性能的客户端树视图
DevExtreme拥有高性能的HTML5 / JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NET Core，jQuery，Knockout等）构建交互式的Web应用程序，该套件附带功能齐全的数据网格、交互式图表小部件、数据编辑器等。 De ......
第十五篇 vue - 基础 - 组件基础
组件基础 组件允许我们将 UI 划分为独立的、可重用的部分，并且可以对每个部分进行单独的思考。在实际应用中，组件常常被组织成层层嵌套的树状结构 这和我们嵌套 HTML 元素的方式类似，Vue 实现了自己的组件模型，使我们可以在每个组件内封装自定义内容与逻辑 Vue 同样也能很好地配合原生 Web C ......
Vue.js 嵌套（多级）路由
视频 3.多级路由（多级路由） 配置路由规则，使用children配置项： routes:[ { path:'/about', component:About, }, { path:'/home', component:Home, children:[ //通过children配置子级路由 { pa ......
Vue.js 路由几个注意点
视频 2.几个注意点 路由组件通常存放在pages文件夹，一般组件通常存放在components文件夹。 通过切换，“隐藏”了的路由组件，默认是被销毁掉的，需要的时候再去挂载。 每个组件都有自己的$route属性，里面存储着自己的路由信息。 整个应用只有一个router，可以通过组件的$router ......
Vue.js 路由的基本使用
npm i router@3 1.基本使用 安装vue-router，命令：npm i vue-router 应用插件：Vue.use(VueRouter) 编写router配置项: //引入VueRouter import VueRouter from 'vue-router' //引入Luyou ......
vue 软键盘组件封装
场景和需求 1 软键盘固定 2 多输入框共用一个组件，聚焦切换时操作对象自动切换 3 根据光标在输入框的位置进行相应的输入和删除操作 4 点击软键盘时保存输入框光标活跃 5 输入框和键盘在一个弹窗组件中，弹窗打开时对其中一个输入框默认聚焦 6 样式方面，按键宽度自适应，可以给特定按键特定样式。 7 ......
02-路由-模板-模型 使用
###1. 路由 # 路由就是访问的链接 # 子应用创建urls.py绑定子应用视图, urlpatterns=[ path('home/',views.home,name="home"), # 路由不能以斜线 / 开头 ] # 主应用urls.py绑定子应用urls.py urlpatterns ......
03-带参数的路由 和 re_path
###带参数的路由 # urls.py urlpatterns = [ # 路由不能以斜线 / 开头 # path 中的第三个参数name是路由的名称,和视图函数参数无关 # 如果没有指定参数类型,默认字符串类型,可以匹配除 / 和 空字符串之外的字符串 # 首页 path('', views.in ......
第四部分：Spdlog日志库的核心组件分析-logger
Spdlog是一个快速且可扩展的C++日志库，它支持多线程和异步日志记录。在本文中，我们将分析Spdlog日志库的核心代码，探究其实现原理和代码结构。 Spdlog的基本架构 上一篇文章介绍了spdlog的五个主要组件，其中最重要是Logger、Sink和Formatter其中，Logger负责日志 ......
Android开发-Android常用组件-Button按钮
4.3 Button(按钮) Button控件继承TextView ，拥有TextView的属性。 StateListDrawable简介 StateListDrawable是Drawable资源的一种，可以根据不同的状态，设置不同的图片效果，关键节点<selector>，我们只需要将Button的 ......
Vue子组件向父组件传值（this.$emit()方法）
子组件使用this.$emit()向父组件传值 首先必须在父组件中引用子组件，然后实现传值 第一步在父组件中引入子组件 import UnitByPurchaseAddOrUpdate from '@views/modules/matter/UnitByPurchaseAddOrUpdate' 声明 ......
ExtJS如何进行组件间通信
在 ExtJS 中，组件间通信可以使用多种方式进行，下面介绍一些常用的方法： 1、事件监听：组件可以通过监听其他组件的事件来进行通信。例如，一个按钮组件可以监听一个表单组件的提交事件，当表单提交时，按钮组件可以执行相应的操作。 2、发布订阅模式：组件可以通过发布事件的方式来通知其他组件进行相应的操作 ......