组件 常用confirm vue
Docker CLI docker compose logs常用命令
Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的 Linux或Windows操作系统的机器上,也可以实现虚拟化。Docker是内核虚拟化,不使用Hypervisor是不完全虚拟化,依赖内核的特性实现资源隔离。本文主要介绍Docke ......
Vue3中ref和reactive的对比
先说ref()和reactive() Vue3这两个API作用是相似的,只不过ref()是针对变量的响应式包装,而reactive()是针对对象的响应式包装。 ref()和reactive()对比 API 说明 目标 ref() 传入一个值,返回一个响应式的变量 变量 reactive() 返回一个 ......
[7626] 01 组件渲染:vnode 到真实 DOM 是如何转变的?
在 Vue.js 中,组件是一个非常重要的概念,整个应用的页面都是通过组件渲染来实现的,但是你知道当我们编写这些组件的时候,它的内部是如何工作的吗?从我们编写组件开始,到最终真实的 DOM 又是怎样的一个转变过程呢?这节课,我们将会学习 Vue.js 3.0 中的组件是如何渲染的,通过学习,你的这些 ......
[7625] 导读 一文看懂 Vue.j 3.0 的优化
我们的课程是要解读 Vue.js 框架的源码,所以在进入课程之前我们先来了解一下 Vue.js 框架演进的过程,也就是 Vue.js 3.0 主要做了哪些优化。 Vue.js 从 1.x 到 2.0 版本,最大的升级就是引入了虚拟 DOM 的概念,它为后续做服务端渲染以及跨端框架 Weex 提供了基 ......
Vue中 let _this = this的作用
近日在学习vue方面,发现一个问题回答的挺好,在此记录下。 作用讲解:正常我们要获取vue变量或方法的时候,就使用this,但是在一些用到回调函数的时候,this指的就不是vue变量,而是回调函数本身,所以在一开始的时候,先定义_this=this,这样在任何位置都可以用_this来获取vue变量或 ......
微信小程序 image图片组件实现宽度固定 高度自适应
mode 有效值: mode 有 13 种模式,其中 4 种是缩放模式,9 种是裁剪模式。 设置height:auto, mode="widthFix" 就行咯~~~ https://blog.csdn.net/qq_40095973/article/details/80352144 ......
vue3 ref、computed、watch...
setup() { let jg = reactive({foor:'bar',far:{ a:'ccc' }}) // 解构赋值 foor 为一个普通变量 没有响应式 // 解构赋值 far 为一个响应式,far获得了Proxy的引用 let { foor ,far} = jg function ......
第四节:组件通信剖析(父传子、子传父、非父子)、组件插槽的用法剖析
一. 二. 三. ! 作 者 : Yaopengfei(姚鹏飞) 博客地址 : http://www.cnblogs.com/yaopengfei/ 声 明1 : 如有错误,欢迎讨论,请勿谩骂^_^。 声 明2 : 原创博客请在转载时保留原文链接或在文章开头加上本人博客地址,否则保留追究法律责任的权 ......
element-ui el-dialog中引用组件,为何组件只加载一次
最近开发项目,页面中引入组件,2次展示,组件中生命周期都不调取,导致网组件中传的值不更新; <el-dialog v-dialogDrag title="巡检记录" :visible.sync="patrolItemVisible" :show-close="true" :close-on-pres ......
为什么以及什么时候 React 会渲染一个组件
组件显示到屏幕之前,其必须被 React 渲染。 在您触发渲染后,React 会调用您的组件来确定要在屏幕上显示的内容。“渲染中” 即 React 在调用您的组件。 在进行初次渲染时, React 会调用根组件。 对于后续的渲染, React 会调用内部状态更新触发了渲染的函数组件。 这个过程是递归 ......
qiankun vue子应用升级webpack5问题记录
升级的方式是使用最新版本的 vue-cli 脚手架,重新创建一个新项目,然后复制 @vue/cli-xxx , vue 相关依赖最新版本到子应用项目 -> 核对babel, eslint相关配置的变化 -> 重新安装依赖,处理出现的相各种异常情况 -> 启动项目检查功能是否正常。 本次升级主要是为了 ......
drf之三大组件(认证组件、权限组件、频率组件)
环境准备 创建相关的表,models.py class User(models.Model): username = models.CharField(max_length=32) password = models.CharField(max_length=32) class auth(model ......
vue-router3.x和vue-router4.x相互影响的问题记录
背景 项目中有一个系统使用的微前端,主站使用是vue2实现的,使用的是vue-router3.x。子应用有使用vue3实现的,使用的为vue-router4.x。 该子应用中的页面A有通过操作按钮触发跳转到其他子应用页面B的需求,此时使用的是vue-router4.x的编程式导航API。 当通过点击 ......
记录-Vue移动端日历设计与实现
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 工作中遇到一个需求是根据日历查看某一天/某一周/某一月的睡眠报告,但是找了好多日历组件都不是很符合需求,只好自己手写一个日历组件,顺便记录一下。 先看看UI给的设计图和,需求是有数据的日期做标记,可以查看某一周/某一月的数据,周数据不用自 ......
Django框架——模版层之标签、自定义过滤器 标签及inclusion_tag(了解)、模版的继承与导入、模型层之前期准备、ORM常用关键字
模版层之标签 {% if 条件1(可以自己写也可以用传递过来的数据) %} <p>今天又是周三了</p> {% elif 条件2(可以自己写也可以用传递过来的数据) %} <p>百日冲刺</p> {% else %} <p>没多少时间了!</p> {% endif %} {% for k in t1 ......
cmake添加常用库
cmake_minimum_required(VERSION 3.20) project(6) # OpenCV find_package(OpenCV REQUIRED) include_directories(${OpenCV_INCLUDE_DIRS}) # Eigen find_packag ......
vue3中使用pinia
//npm install pinia //在mian.ts中引入pinia,然后在createApp中use(pinia)即可 import {createPinia } from 'pinia' const pinia=createPinia() createApp(App).use(route ......
react18中antd的select选择器组件自定义下拉框的内容
效果如图 导入组件和图标 import { Select } from 'antd' import { ManOutlined, WomanOutlined } from '@ant-design/icons'; const { Option } = Select; 数据 let userListO ......
ReactNative 桥接原生原子组件(一)
♦ 实现一个原生自定义组件 View 1、打开 Android Studio 编辑器,在 android > app > src > main > java > com.rndemo (项目包名) 下新建一个 view 包 2、在 view 包下新建一个 InfoView 类,这个就是要提供给 JS ......
一统天下 flutter - widget 容器类(只能有一个子): Material - Material 组件
源码 https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget 容器类(只能有一个子): Material - Material 组件 示例如下: lib\widget\container\material.da ......
Linux下安装anaconda步骤(附conda常用终端命令)
Linux下安装anaconda进入Anaconda的官网进行下载;将下载好的 Anaconda3-2020.11-Linux-x86_64.sh copy到Linux目录下,运行如下命令;bash Anaconda3-2020.11-Linux-x86_64.sh复制代码1.安装好后,需要配置环境 ......
asp.net core 定时任务 使用SignalR推送消息 前端vue 接收并显示消息
ASP.NET Core中有一个名为Quartz.NET的第三方定时任务调度框架,使用它可以方便地实现定时任务。同时,ASP.NET Core还提供了SignalR框架,用于实现实时通信功能。在Vue中,可以使用Vue-CLI来创建项目,并使用Vue.js框架开发前端应用程序。下面是实现你所需功能的 ......
Vue+Openlayers+proj4实现坐标系转换
场景 Vue中使用Openlayers加载Geoserver发布的TileWMS: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/115916949 在上面的基础上实现不同坐标系坐标数据的转换。 Openlayers中默认的坐标系 ......
vue-router4 配置懒加载 页面加载时展示loading
懒加载写法 { path: "/", name: "index", component: () => import("../views/Home.vue"), } 创建Loading组件 并引入到顶层组件中 使用store控制loading组件是否展示 包装懒加载写法 const lazyLoad ......
17.分类组件Category 动态获取数据
我们接下来做分类组件Category, 这个主要用来管理商品的分类,有一级和二级, 可以实现一级与二级之间跳转 /pages/category/category.jsx文件内容如下: import React, {Component} from 'react' import {Button, Car ......
常用网址
1、程序员-一站式导航:https://www.linuxcool.com/ 2、vue.js官网:https://cn.vuejs.org/v2/api/#computed 3、echarts.js网址:https://echarts.apache.org/examples/zh/index.ht ......
MySQL常用脚本
添加字段 ALTER TABLE 表名 ADD COLUMN 字段名 字段类型 NOT NULL COMMENT '字段说明' AFTER 字段名(哪个字段后面); 修改字段 ALTER TABLE 表明 MODIFY COLUMN 字段名 DATETIME NULL COMMENT '字段说明'; ......
vue-router学习笔记
1.路由基础配置 https://router.vuejs.org/zh/guide/ 2.动态路由 根据设置的路径参数实现 const routes = [ // 动态字段以冒号开始 { path: '/users/:id', component: User }, ]。 需要注意的是参数改变时(第 ......
如何实现vue项目中使用Baidu Map,有多个点,鼠标移入出现文字标注,移除消失文字标注,并且点的轨迹连线有箭头指向。
直接来案例,再分析; <template> <div ref="map" style="height: 100vh;"></div> </template> <script> export default { data() { return { points: [ { lng: 116.404, l ......