- vue3 reactive和ref的区别
张张张爱学习
Vue3vue.js前端javascript
定义角度来看ref用来定义:基本类型数据。reactive用来定义:对象(或数组)类型数据。备注:ref也可以用来定义对象(或数组)类型数据,它内部会自动通过reactive转为代理对象。constisActive=ref(false)console.log(isActive.value)//falseconstperson=reactive({name:'zhang',age:'18'})原理角
- vue3 + ts中有哪些类型是由vue3提供的?
汝&戏
vue3+tsvue.js前端javascript
在Vue3中结合TypeScript使用时,Vue提供了一系列的类型帮助函数和接口,这些类型用于增强TypeScript的集成和提供类型安全。以下是一些由Vue3提供的常用TypeScript类型:RefType:用于标注一个ref返回的响应式引用类型。ReactiveType:用于标注一个reactive返回的响应式对象。ComponentPublicInstance:用于标注一个组件的公共实例
- 天宝TBCTrimble Business Center中文版本下载安装使用介绍
Aruanjian888
航测软件点云处理航测信息可视化航测测绘大地测绘测绘合集
天宝TBC:测绘之道,尽在其中引言昔日杜甫,忧国忧民,今朝我辈,测绘天下。天宝TBC,乃测绘之利器,助我等行走于山川河流之间,绘制天地之图。此文将以杜甫之笔,述说TBC之妙用,愿与君共勉。一、初识天宝TBC初识天宝TBC,犹如初见故人,心生亲切。此软件集成了GNSS接收机、全站仪、激光扫描仪、无人机等多种设备的数据处理功能,堪称测绘界之全能选手。其界面简洁明了,操作便捷,令人一见倾心。二、数据导入
- 筋斗云效果
花开富贵城
运动javascripthtmlcss
*{margin:0;padding:0;list-style:none;}body{background:peachpuff;}.nav{width:800px;height:42px;/*background:url("images/rss.png")no-repeatrightcenter#fff;*/background:lightpink;margin:100pxauto;border-
- Spring MVC 解析之 DispatcherServlet
摆码王子
SpringWebspringspringmvcwebmvc
SpringMVC是什么SpringWebMVC(SpringMVC)是一套以ServletAPI为基础平台的优雅的Web框架,一直是SpringFramework中重要的一个组成部分。正式名称“SpringWebMVC”来自其源模块spring-webmvc的名称,但它通常被称为“SpringMVC”。与SpringWebMVC并行,SpringFramework5.0引入了一个Reactive
- wex的Scalers Talk第四轮新概念朗读持续力训练Day151 20190307
秦苌
练习材料:Lesson28(1)FivepoundstoodearSmallboatsloadedwithwaresspedtothegreatlinerasshewasenteringtheharbour.Beforeshehadanchored,themenfromtheboatshadclimbedonboardandthedecksweresooncoveredwithcolourfulr
- Vue使用插槽封装tabbar 和使用router-view
senda66
vuevue
tabbar的封装思路tabbar1、定义tabbar组件2、定义tabbar-item组件定义tabbar组件思路:使用插槽exportdefault{name:'TabBar'}#tabbar{display:flex;background-color:#f6f6f6;position:fixed;left:0;right:0;bottom:0;box-shadow:0-1px5pxrgba(
- Logger
cmmx207
1.在gradle中添加如下这段话():dependencies{implementation'com.orhanobut:logger:2.2.0'}2.重新编译后在创建的Application中输入如下:Logger.addLogAdapter(newAndroidLogAdapter());//开启日志并且在Windows下使用Alt+Enter导入Logger及AndroidLogAdap
- 【bug记录5】flex横向布局时子元素设置宽度无效
音仔小瓜皮
bug记录CSS学习笔记bugcsscss3
一、问题背景对父元素list使用了flex布局之后,尝试将其子元素item固定宽度,但发现宽度设置不生效并且实际宽度被压缩了。具体的css代码如下:.list{display:flex;align-items:center;justify-content:space-between;//没设置宽度,因为想适配子元素的总宽度height:64px;padding:16px15px;overflow-
- CSS 自定义滚动条样式
MGLMONSTER
/*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/::-webkit-scrollbar{width:10px;height:10px;background-color:#F5F5F5;}/*定义滚动条轨道内阴影+圆角*/::-webkit-scrollbar-track{-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);border-radius:1
- Mybatis-plus-配置源
涵叔叔
mybatisjava开发语言
corepackagecom.mobin.config;importcn.hutool.core.net.NetUtil;importcom.baomidou.mybatisplus.core.incrementer.DefaultIdentifierGenerator;importcom.baomidou.mybatisplus.core.incrementer.IdentifierGenera
- BUG解决:postman可以请求成功,但Python requests请求报403
唯余木叶下弦声
bug
目录问题背景问题定位问题解决问题背景使用Python的requests库对接物联数据的接口之前一直正常运行,昨天突然请求不通了,通过进一步验证发现凡是使用代码调用接口就不通,而使用postman就能调通,请求参数啥的都没变。接口返回的结果如下:\n\n\n\n\n403\n\nbody{\nbackground-color:#f3f3f4;\ncolor:#676a6c;\nheight:100%
- DOM鼠标事件、 表单事件、添加事件监听
船长㉿
JavaScript
鼠标事件click:单机事件dblclick:双击事件mousedown:鼠标按下时触发mouseup:鼠标抬起是触发mouseenter:鼠标移入触发mouseleave:鼠标离开触发mousemove:鼠标移动.btn{width:100px;height:50px;border-radius:10px;background:gray;line-height:50px;cursor:point
- 2021-12-06
A阿a
购物车案例table{border-collapse:collapse;}td,th{text-align:center;border:1pxsolid#ccc;padding:2px10px;}tdimg{width:100px;}tdinput{width:40px;text-align:center;outline:none;}全选商品名称商品图片商品价格购买数量小计操作总计://定义一个商
- Visual Studio 2022 的安装
zjx-kimi
科技博文开发语言
1.下载VisualStudio2022下载VisualStudio2022的第一步是访问官方网站,从VisualStudio官网选择适合您需求的版本。VisualStudio2022提供了多个版本,包括免费的Community版,适合学生、开源项目和个人开发者;Professional版,适合需要更多专业级工具的开发者;以及Enterprise版,为需要最全面工具和支持的企业团队设计。在下载页面
- The password will become valid in 1 hour.
橙姜
Thepasswordwillbecomevalidin1hourafteryouchangeit.
- Python with语句常见错误AttributeError: __enter__
coco_1998_2
#Python
连接MySQL过程中,withcon:cur=con.cursor()cur.executemany(final_str,symbols)出现如下错误:关乎with语句的用法中上下文管理器。上下文管理器必须同时提供__enter__()和__exit__()方法的定义,缺少任何一个都会导致AttributeError;with语句会先检查是否提供了__exit__()方法,然后检查是否定义了__e
- Element Plus& Ant Design(react) 表格的分页封装
孟宪磊mxl
react.jsvue.jseditplusAntDesign
一、ElementPlus封装代码:import{onMounted,reactive,ref,toRaw}from'vue'import{ElTable}from'element-plus'importmomentfrom'moment'interfaceUser{date:stringname:stringaddress:string}constmultipleTableRef=ref>()c
- 【MYSQL】在MySQL中设置 max_allowed_packet、wait_timeout 和 interactive_timeout
丶2136
web数据库mysql数据库后端
目录重要配置参数临时设置参数1.使用SQL语句设置1.检查当前设置持久化设置修改配置文件在Linux上重启MySQL服务:在Windows上重启MySQL服务:注意事项示例:使用BLOB存储大数据总结解决连接断开问题的总结在处理大于1MB的数据时,MySQL数据库可能会遇到连接断开的问题。此类问题通常与几个重要的配置参数有关,包括max_allowed_packet、wait_timeout和in
- css精灵图
码农NoError
cssjavascript前端
Document.star{display:inline-block;width:55px;height:11px;background-color:aqua;background-image:url(./img/ic_rating_s.png);}.star4{background-position:0-22px;}.star2{background-position:0-66px;}.star
- C# 多个点拟合圆并给出圆心坐标
Nobody-H
C#
多个点拟合圆并给出圆心坐标。publicstaticPointFFitCenter(Listpts,doubleepsilon=0.1){doubletotalX=0,totalY=0;intsetCount=0;for(inti=0;iepsilon){doubleii=Math.Pow(pts[i].X,2)+Math.Pow(pts[i].Y,2);doublejj=Math.Pow(pts
- 解决WARNING Memory overcommit must be enabled! Without it, a background save or replication may fail
蟹蟹呵呵
redisredis
解决WARNINGMemoryovercommitmustbeenabled!Withoutit,abackgroundsaveorreplicationmayfailunderlowmemorycondition.Beingdisabled,itcanalsocausefailureswithoutlowmemorycondition,seehttps://github.com/jemalloc
- WARNING Memory overcommit must be enabled! Without it..问题处理
Bestest~
redismemory
文章目录一、问题出现二、解决方式三、补充其它一、问题出现redis容器方式启动报错WARNINGMemoryovercommitmustbeenabled!Withoutit,abackgroundsaveorreplicationmayfailunderlowmemorycondition.Beingdisabled,itcancanalsocausefailureswithoutlowmemo
- pcie debug web portal
斐非韭
fpga开发
https://xilinx.github.io/pcie-debug-kmap/pciedebug/build/html/docs/PCIe_Debug_General_Techniques/index.html34536-XilinxSolutionCenterforPCIExpresshttps://support.xilinx.com/s/article/34536?language=en
- Swiper插件之如何使用.swiper-pagination-bullet和.swiper-pagination-bullet-active快速修改自定义分页器样式
潇xiao雨未歇
基础笔记htmlcss前端
适用场景:希望将Swiper插件中分页器的默认样式(小圆蓝点),替换成自己的图片(小图标)解决方法:在初始化轮播图中配置监视器:observer:更改swiper的样式(隐藏/显示)或修改其子元素(添加/删除),Swiper会更新(重新初始化)并触发observerUpdate事件。observeParents:应用于Swiper的所有祖先元素。当Swiper的祖先元素发生变化时,例如show/h
- vue3+vite 实现动态引入某个文件夹下的组件 - glob-import的使用
陌上烟雨寒
vuejavascript前端vue
importUserFormfrom'./components/UserForm.vue';importTableListfrom'./components/TableList.vue';importBarChartfrom'./components/BarChart.vue';constcurrentActive=ref('UserForm')constmyComponents=reactive
- Vue.js之绑定style样式
cloudOnSkyline
JavaScriptvue.jsjavascript
上文介绍了如何利用Vue.js绑定类,本文将介绍通过Vue.js进行样式修改的另一种方法,即通过style来修改。核心:为元素绑定style属性,通过对象的形式赋予样式,属性名为样式名(要使用驼峰命名法),属性值为字符串。若要引入多组样式,可以利用数组,后面出现的重复属性会覆盖之前的属性,如下例中的height。当然,也可以于元素行内赋予样式,例如:style="{backgroundColor:
- 如何快速判断Excel中选区跨页?
taller_2000
VBAExcel表格跨页选区跨页分页符工作表跨页水平分页
实例需求:应用开发过程中,需要校验选中区域,要求选中区域不能跨页,即选中区域分布在两个不同的页面中。示例代码如下。SubDemo()DimrSelectAsRange,oHPAsHPageBreakDimUpCellAsRange,DownCellAsRangeSetrSelect=Selection.EntireRowActiveWindow.View=xlPageBreakPreviewFor
- vue.js样式绑定
余月初贰
vue.js前端javascript
classclass和style是html元素的属性,用于设置元素的样式。我们可以用v-bind来设置样式属性。Vue.jsv-bind在处理class和style是,专门增强了它。表达式的结果练习除了字符串之外,还可以是对象或数组。class属性绑定我们可以为v-bind:class设置一个对象,从而动态的切换class:示例1例子中将isActive设置为true显示了一个绿色的div块,如果
- 动手学深度学习(pytorch)学习记录20-自定义层[学习记录]
walfar
pytorch深度学习pytorch学习
在深度学习中,自定义层是指开发者根据特定需求编写的神经网络层,而不是使用深度学习框架(如PyTorch、TensorFlow等)提供的现成层。自定义层可以让模型更加灵活,以适应特定的任务或数据集。目录没有参数的自定义层带参数的层没有参数的自定义层下面的CenteredLayer类要从其输入中减去均值。要构建它,只需继承基础层类并实现前向传播功能。importtorchimporttorch.nn.
- Java 并发包之线程池和原子计数
lijingyao8206
Java计数ThreadPool并发包java线程池
对于大数据量关联的业务处理逻辑,比较直接的想法就是用JDK提供的并发包去解决多线程情况下的业务数据处理。线程池可以提供很好的管理线程的方式,并且可以提高线程利用率,并发包中的原子计数在多线程的情况下可以让我们避免去写一些同步代码。
这里就先把jdk并发包中的线程池处理器ThreadPoolExecutor 以原子计数类AomicInteger 和倒数计时锁C
- java编程思想 抽象类和接口
百合不是茶
java抽象类接口
接口c++对接口和内部类只有简介的支持,但在java中有队这些类的直接支持
1 ,抽象类 : 如果一个类包含一个或多个抽象方法,该类必须限定为抽象类(否者编译器报错)
抽象方法 : 在方法中仅有声明而没有方法体
package com.wj.Interface;
- [房地产与大数据]房地产数据挖掘系统
comsci
数据挖掘
随着一个关键核心技术的突破,我们已经是独立自主的开发某些先进模块,但是要完全实现,还需要一定的时间...
所以,除了代码工作以外,我们还需要关心一下非技术领域的事件..比如说房地产
&nb
- 数组队列总结
沐刃青蛟
数组队列
数组队列是一种大小可以改变,类型没有定死的类似数组的工具。不过与数组相比,它更具有灵活性。因为它不但不用担心越界问题,而且因为泛型(类似c++中模板的东西)的存在而支持各种类型。
以下是数组队列的功能实现代码:
import List.Student;
public class
- Oracle存储过程无法编译的解决方法
IT独行者
oracle存储过程
今天同事修改Oracle存储过程又导致2个过程无法被编译,流程规范上的东西,Dave 这里不多说,看看怎么解决问题。
1. 查看无效对象
XEZF@xezf(qs-xezf-db1)> select object_name,object_type,status from all_objects where status='IN
- 重装系统之后oracle恢复
文强chu
oracle
前几天正在使用电脑,没有暂停oracle的各种服务。
突然win8.1系统奔溃,无法修复,开机时系统 提示正在搜集错误信息,然后再开机,再提示的无限循环中。
无耐我拿出系统u盘 准备重装系统,没想到竟然无法从u盘引导成功。
晚上到外面早了一家修电脑店,让人家给装了个系统,并且那哥们在我没反应过来的时候,
直接把我的c盘给格式化了 并且清理了注册表,再装系统。
然后的结果就是我的oracl
- python学习二( 一些基础语法)
小桔子
pthon基础语法
紧接着把!昨天没看继续看django 官方教程,学了下python的基本语法 与c类语言还是有些小差别:
1.ptyhon的源文件以UTF-8编码格式
2.
/ 除 结果浮点型
// 除 结果整形
% 除 取余数
* 乘
** 乘方 eg 5**2 结果是5的2次方25
_&
- svn 常用命令
aichenglong
SVN版本回退
1 svn回退版本
1)在window中选择log,根据想要回退的内容,选择revert this version或revert chanages from this version
两者的区别:
revert this version:表示回退到当前版本(该版本后的版本全部作废)
revert chanages from this versio
- 某小公司面试归来
alafqq
面试
先填单子,还要写笔试题,我以时间为急,拒绝了它。。时间宝贵。
老拿这些对付毕业生的东东来吓唬我。。
面试官很刁难,问了几个问题,记录下;
1,包的范围。。。public,private,protect. --悲剧了
2,hashcode方法和equals方法的区别。谁覆盖谁.结果,他说我说反了。
3,最恶心的一道题,抽象类继承抽象类吗?(察,一般它都是被继承的啊)
4,stru
- 动态数组的存储速度比较 集合框架
百合不是茶
集合框架
集合框架:
自定义数据结构(增删改查等)
package 数组;
/**
* 创建动态数组
* @author 百合
*
*/
public class ArrayDemo{
//定义一个数组来存放数据
String[] src = new String[0];
/**
* 增加元素加入容器
* @param s要加入容器
- 用JS实现一个JS对象,对象里有两个属性一个方法
bijian1013
js对象
<html>
<head>
</head>
<body>
用js代码实现一个js对象,对象里有两个属性,一个方法
</body>
<script>
var obj={a:'1234567',b:'bbbbbbbbbb',c:function(x){
- 探索JUnit4扩展:使用Rule
bijian1013
java单元测试JUnitRule
在上一篇文章中,讨论了使用Runner扩展JUnit4的方式,即直接修改Test Runner的实现(BlockJUnit4ClassRunner)。但这种方法显然不便于灵活地添加或删除扩展功能。下面将使用JUnit4.7才开始引入的扩展方式——Rule来实现相同的扩展功能。
1. Rule
&n
- [Gson一]非泛型POJO对象的反序列化
bit1129
POJO
当要将JSON数据串反序列化自身为非泛型的POJO时,使用Gson.fromJson(String, Class)方法。自身为非泛型的POJO的包括两种:
1. POJO对象不包含任何泛型的字段
2. POJO对象包含泛型字段,例如泛型集合或者泛型类
Data类 a.不是泛型类, b.Data中的集合List和Map都是泛型的 c.Data中不包含其它的POJO
 
- 【Kakfa五】Kafka Producer和Consumer基本使用
bit1129
kafka
0.Kafka服务器的配置
一个Broker,
一个Topic
Topic中只有一个Partition() 1. Producer:
package kafka.examples.producers;
import kafka.producer.KeyedMessage;
import kafka.javaapi.producer.Producer;
impor
- lsyncd实时同步搭建指南——取代rsync+inotify
ronin47
1. 几大实时同步工具比较 1.1 inotify + rsync
最近一直在寻求生产服务服务器上的同步替代方案,原先使用的是 inotify + rsync,但随着文件数量的增大到100W+,目录下的文件列表就达20M,在网络状况不佳或者限速的情况下,变更的文件可能10来个才几M,却因此要发送的文件列表就达20M,严重减低的带宽的使用效率以及同步效率;更为要紧的是,加入inotify
- java-9. 判断整数序列是不是二元查找树的后序遍历结果
bylijinnan
java
public class IsBinTreePostTraverse{
static boolean isBSTPostOrder(int[] a){
if(a==null){
return false;
}
/*1.只有一个结点时,肯定是查找树
*2.只有两个结点时,肯定是查找树。例如{5,6}对应的BST是 6 {6,5}对应的BST是
- MySQL的sum函数返回的类型
bylijinnan
javaspringsqlmysqljdbc
今天项目切换数据库时,出错
访问数据库的代码大概是这样:
String sql = "select sum(number) as sumNumberOfOneDay from tableName";
List<Map> rows = getJdbcTemplate().queryForList(sql);
for (Map row : rows
- java设计模式之单例模式
chicony
java设计模式
在阎宏博士的《JAVA与模式》一书中开头是这样描述单例模式的:
作为对象的创建模式,单例模式确保某一个类只有一个实例,而且自行实例化并向整个系统提供这个实例。这个类称为单例类。 单例模式的结构
单例模式的特点:
单例类只能有一个实例。
单例类必须自己创建自己的唯一实例。
单例类必须给所有其他对象提供这一实例。
饿汉式单例类
publ
- javascript取当月最后一天
ctrain
JavaScript
<!--javascript取当月最后一天-->
<script language=javascript>
var current = new Date();
var year = current.getYear();
var month = current.getMonth();
showMonthLastDay(year, mont
- linux tune2fs命令详解
daizj
linuxtune2fs查看系统文件块信息
一.简介:
tune2fs是调整和查看ext2/ext3文件系统的文件系统参数,Windows下面如果出现意外断电死机情况,下次开机一般都会出现系统自检。Linux系统下面也有文件系统自检,而且是可以通过tune2fs命令,自行定义自检周期及方式。
二.用法:
Usage: tune2fs [-c max_mounts_count] [-e errors_behavior] [-g grou
- 做有中国特色的程序员
dcj3sjt126com
程序员
从出版业说起 网络作品排到靠前的,都不会太难看,一般人不爱看某部作品也是因为不喜欢这个类型,而此人也不会全不喜欢这些网络作品。究其原因,是因为网络作品都是让人先白看的,看的好了才出了头。而纸质作品就不一定了,排行榜靠前的,有好作品,也有垃圾。 许多大牛都是写了博客,后来出了书。这些书也都不次,可能有人让为不好,是因为技术书不像小说,小说在读故事,技术书是在学知识或温习知识,有
- Android:TextView属性大全
dcj3sjt126com
textview
android:autoLink 设置是否当文本为URL链接/email/电话号码/map时,文本显示为可点击的链接。可选值(none/web/email/phone/map/all) android:autoText 如果设置,将自动执行输入值的拼写纠正。此处无效果,在显示输入法并输
- tomcat虚拟目录安装及其配置
eksliang
tomcat配置说明tomca部署web应用tomcat虚拟目录安装
转载请出自出处:http://eksliang.iteye.com/blog/2097184
1.-------------------------------------------tomcat 目录结构
config:存放tomcat的配置文件
temp :存放tomcat跑起来后存放临时文件用的
work : 当第一次访问应用中的jsp
- 浅谈:APP有哪些常被黑客利用的安全漏洞
gg163
APP
首先,说到APP的安全漏洞,身为程序猿的大家应该不陌生;如果抛开安卓自身开源的问题的话,其主要产生的原因就是开发过程中疏忽或者代码不严谨引起的。但这些责任也不能怪在程序猿头上,有时会因为BOSS时间催得紧等很多可观原因。由国内移动应用安全检测团队爱内测(ineice.com)的CTO给我们浅谈关于Android 系统的开源设计以及生态环境。
1. 应用反编译漏洞:APK 包非常容易被反编译成可读
- C#根据网址生成静态页面
hvt
Web.netC#asp.nethovertree
HoverTree开源项目中HoverTreeWeb.HVTPanel的Index.aspx文件是后台管理的首页。包含生成留言板首页,以及显示用户名,退出等功能。根据网址生成页面的方法:
bool CreateHtmlFile(string url, string path)
{
//http://keleyi.com/a/bjae/3d10wfax.htm
stri
- SVG 教程 (一)
天梯梦
svg
SVG 简介
SVG 是使用 XML 来描述二维图形和绘图程序的语言。 学习之前应具备的基础知识:
继续学习之前,你应该对以下内容有基本的了解:
HTML
XML 基础
如果希望首先学习这些内容,请在本站的首页选择相应的教程。 什么是SVG?
SVG 指可伸缩矢量图形 (Scalable Vector Graphics)
SVG 用来定义用于网络的基于矢量
- 一个简单的java栈
luyulong
java数据结构栈
public class MyStack {
private long[] arr;
private int top;
public MyStack() {
arr = new long[10];
top = -1;
}
public MyStack(int maxsize) {
arr = new long[maxsize];
top
- 基础数据结构和算法八:Binary search
sunwinner
AlgorithmBinary search
Binary search needs an ordered array so that it can use array indexing to dramatically reduce the number of compares required for each search, using the classic and venerable binary search algori
- 12个C语言面试题,涉及指针、进程、运算、结构体、函数、内存,看看你能做出几个!
刘星宇
c面试
12个C语言面试题,涉及指针、进程、运算、结构体、函数、内存,看看你能做出几个!
1.gets()函数
问:请找出下面代码里的问题:
#include<stdio.h>
int main(void)
{
char buff[10];
memset(buff,0,sizeof(buff));
- ITeye 7月技术图书有奖试读获奖名单公布
ITeye管理员
活动ITeye试读
ITeye携手人民邮电出版社图灵教育共同举办的7月技术图书有奖试读活动已圆满结束,非常感谢广大用户对本次活动的关注与参与。
7月试读活动回顾:
http://webmaster.iteye.com/blog/2092746
本次技术图书试读活动的优秀奖获奖名单及相应作品如下(优秀文章有很多,但名额有限,没获奖并不代表不优秀):
《Java性能优化权威指南》