- element Table表格获取勾选的数据
霸气小男
Elementvue.jsjavascriptelementui
exportdefault{data(){return{targetSelectArr:[]}},methods:{handleSelectionChange(selectionArr){let_targetArr=[]//遍历已选择数据idselectionArr.map((item)=>{_targetArr.push(item.id)})this.targetSelectArr=_targe
- 使用useReducer和useContext代替redux
思涵欧尼
每周一篇Js原理
本篇文章的受众为使用过redux,并且决定替换掉redux的人群,小白劝退哦一.useContext使用1.用途:传值,从父到子,孙,孙孙..都可以拿到值2.用法:在外面先定义Contextimport{createContext}from'react';constContext=createContext(null);exportdefaultContext;在最外层套上,这样全局都可以拿到值/
- vue写数字翻牌效果_封装vue版数字翻牌器
咸鱼cc
vue写数字翻牌效果
{{item2}}js部分exportdefault{props:{number:Number},data(){return{list:[],numList:[0,1,2,3,4,5,6,7,8,9,0,1,2,3,4,5,6,7,8,9,'.']}},mounted(){this.scroll();},methods:{scroll(){this.list=this.number.toStrin
- uniapp h5端和app端 使用 turn.js
qq_31683775
uni-appjavascript开发语言
前提:添加页后,添加页与当前页会重叠在一起,不知道为什么,没有找到解决办法1.h5端Page1Page2Page3Page4Page5//npminstalljqueryturn.jsimport$from'jquery';import'turn.js';exportdefault{data(){return{}},mounted(){//确保DOM加载完成this.$nextTick(()=>{
- vue 3D 翻页效果
qq_31683775
vue.js3d前端
初始页exportdefault{data(){return{startX:0,//触摸开始的X坐标moveX:0,//当前移动的X坐标threshold:100,//滑动阈值};},methods:{onTouchStart(event){this.startX=event.touches[0].clientX;},onTouchMove(event){this.moveX=event.touc
- el-date-picker组件自定义可选择的时间范围
海绵宝龙
前端问题vue.jselementuijavascript前端
在使用el-date-picker组件时,如果您想要限制用户只能选择今天和前72小时作为时间范围,可以通过设置disabledDate属性来实现。这个属性接受一个函数,该函数接收一个日期对象,并返回一个布尔值,指示该日期是否应该被禁用。下面是一个示例代码,展示了如何使用el-date-picker组件来选择只能是今天和前72小时的日期范围:exportdefault{data(){return{v
- uniapp调用Android原生NFC进行读写操作
数学分析分析什么?
uniapp相关Android相关uni-appnativeappnfc
进行读操作请刷卡读取数据varNfcAdapter;varMifareClassic;exportdefault{components:{uniPopup},data(){return{formData:{bind_code:'',tagid:'',time:null,show:false,}}},methods:{open(){//开启阴影遮罩前检查NFC状态varmain=plus.andro
- Vue的组合式API和选项式API有什么区别
wujiada001
前端vue.js前端javascript
Vue3的组合式API(CompositionAPI)和选项式API(OptionsAPI)是两种不同的组件编写方式,主要区别如下:1.代码组织方式选项式API:按照选项(如data、methods、computed等)组织代码,逻辑分散在不同选项中。exportdefault{data(){return{count:0}},methods:{increment(){this.count++}}}
- RK3568平台(基础篇) EXPORT_SYMBOL的作用
嵌入式_笔记
瑞芯微linux运维服务器
一、EXPORT_SYMBOL的作用1.在一个模块中使用EXPORT_SYMBOL(name)。name表示函数或者变量等符号,它是对全部内核代码公开的,因此在您的内核模块中可以直接调用name,即使用EXPORT_SYMBOL可以将一个函数以符号的方式导出给其他模块使用。2.EXPORT_SYMBOL的符号,是把这些符号和对应的地址保存起来,在内核运行的过程中,可以找到这些符号对应的地址。而模块
- CellWriteHandler is an interface in EasyExcel, a popular Java library for reading and writing Excel
hshpy
excel
CellWriteHandlerisaninterfaceinEasyExcel,apopularJavalibraryforreadingandwritingExcelfiles.ItisusedtocustomizehowdataiswrittentocellsduringtheExcelexportprocess.PurposeItallowsdeveloperstomodifycellva
- 手写webpack中的loader、plugin以及babel转码的简单理解
编码七号
webpack前端node.js
loaderonstmyLoader=function(source){constresult=source.replace(/secondpage000111/g,"我被Loader替换了!!!!");returnresult;}module.exports=myLoader;//使用方法:在webpack.config.jsmodule:{rules:[{test:/\.js$/,//匹配所有
- vue3 下载文件 responseType-blob 或者 a标签
阿丽塔~
前端excelvue
在Vue3中,你可以使用axios或fetch来下载文件,并将responseType设置为blob以处理二进制数据。以下是一个使用axios的示例:使用axios下载文件首先,确保你已经安装了axios:npminstallaxios然后在你的Vue组件中使用axios下载文件:下载文件import{handleFileExport}from'@/utils/exportExcel';impor
- 每日一道面试题(技术随机)什么是前端工程化?它有什么意义?
晚夜微雨问海棠呀
前端
前端工程化是一种系统化、规范化的前端开发方法论,通过整合工具链、制定标准流程和实施最佳实践,将软件工程思想应用于前端开发领域。其核心目标是提升开发效率、保障代码质量和增强可维护性。核心要素:模块化架构采用ESModules/CommonJS实现代码拆分组件化开发(如React/Vue组件体系)//ESModule示例import{utils}from'./core-module';exportde
- Vite (Vue3 + TS)解决跨域问题
JingpengZhang
Vue前端vue.jsjavascript
1.vite.config.ts中添加如下代码:exportdefaultdefineConfig({server:{proxy:{'/api':{target:'http://xxx.com/',//实际请求地址changeOrigin:true,rewrite:(path)=>path.replace(/^\/api/,""),},},},})2.修改axois封装中的baseURL:base
- MAC电脑 初始化 开发环境(Java + Node)
Kevin_K2
macosjava开发语言
1.后端1.1Java下载地址https://www.oracle.com/cn/java/technologies/javase/javase8-archive-downloads.html1.2Maven安装https://archive.apache.org/dist/maven/maven-3/1.3maven环境变量exportMAVEN_HOME=/Users/kevin/Soft/a
- 在vite中 解决跨域问题
是马铭轩
vue.jsjavascript前端
请求接口会产生跨域问题,需要做个代理服务器配置在vite.config.ts中进行配置:import{fileURLToPath,URL}from'node:url'import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'//https://vitejs.dev/config/exportdefaultdefineConfig(
- deepin linux安装mysql启动方法
Wilburzzz
linux
#deepin安装mysql启动方法在终端首先输入代码进入mysql安装的文件夹cd/usr/local/mysql然后exportPATH=/usr/local/mysql/bin:$PATH最后mysql-uroot-p输入你第一次安装mysql修改过的密码进入mysql后退出命令是exit
- 【Viewer.js】vue3封装图片查看器
视觉CG
JSVue3javascriptvue.js开发语言
效果图需求点击图片放大可关闭放大的图片下载cnpminviewerjs状态管理+方法stores/imgSeeStore.jsimport{defineStore}from'pinia'exportconstimgSeeStore=defineStore('imgSeeStore',{state:()=>({showImgSee:false,ImgUrl:'',}),getters:{},acti
- prometheus+grafana 容器部署方式
背景新增两台物理机用于压测,为了查看资源使用情况,需要对服务器进行监控,所以安装prometheus+grafana来监控服务。准备机器:机器1机器2192.168.1.103192.168.1.102mock服务,压测脚本业务服务prometheus+grafana+node-exporter+cadvisornode-exporter+cadvisor说明:cadvisor:用于收集容器的信息
- Hadoop HDFS基准测试
Yvonne978
大数据hadoophdfs大数据
一、测试写入速度确保HDFS集群和YARN集群成功启动hadoopjar/export/server/hadoop-3.1.4/share/hadoop/mapreduce/hadoop-mapreduce-client-jobclient-3.1.4-tests.jarTestDFSIO-write-nrFiles10-fileSize10MB说明:向HDFS文件系统中写入数据,10个文件,每个
- vue3+vite+axios 配置连接后端调用接口的实现方法
嫣嫣细语
vue.jsjavascript前端前端javascriptvue.js
在vite.config.ts文件中添加以下配置exportdefaultdefineConfig({plugins:[vue()],optimizeDeps:{include:['axios'],},build:{target:'modules',outDir:'dist',assetsDir:'assets',minify:'terser'//混淆器},server:{cors:true,op
- Vue——vue项目中导入excel文件读取成json格式数据
dbt@L
有点儿东西vue.jsjsonjavascript
首先、安装组件cnpminstallxlsx--save导入EXCELimportXLSXfrom'xlsx'exportdefault{name:'HelloWorld',props:{type:String,default:'选择excel文件'},methods:{btnClick(){document.querySelector('.input-file').click()},export
- 53、商品服务-API-三级分类-修改-基本修改效果完成
九品印相
谷粒商城java
{{node.label}}append(data)">Appendeditremove(node,data)">Delete点击打开Dialog-->取消确定import{name}from'file-loader';import{sort}from'semver';exportdefault{components:{},props:{},data(){return{title:"",dialo
- centos(9) :系统校时
Lxinccode
centos校时centos校时linux校时
参考:LinuxCentOS校正系统时间-宇的季节-博客园安装NTP服务yum-yinstallntp根据网络世界校正ntpdate1.cn.pool.ntp.org选择时区(输入命令之后依次按数字键再回车:5->9->1->1)tzselect时区信息写入配置文件echo'TZ='Asia/Shanghai';exportTZ'>~/.profilecp/usr/share/zoneinfo/A
- 鸿蒙继续开发
liuyang___
Harmonyharmonyos
控件的封装一共有三种方法,我们之前用的那种内部封装只是其中一种,用的最多的应该是外部封装,我首先在外部创建一个文件夹,叫component,然后在里面创建一个ets的文件,将写好的组件直接粘贴进去,就可以开始操作了(1)创建ets文件,将写好的组件放进去(2)将写好的文件导出(最后一行加上这个就可以)exportdefaultLoginInput(3)在需要引用这个组件的页面引入进去就可以了imp
- element ui 组件el-autocomplete的使用方法(输入建议,利用filter和include)
liuyang___
uivue.jsjavascriptelementui前端
我们首先要先将标签写出来,其次写入一些属性,这个直接去官网粘贴即可!我们可以看到,这个代码,需要写一个函数,也就是querySearch,所以我们在methods里面写入这个方法,这个方法要传入两个值,一个query(这个随便写),还有一个cb,这个不是随便写的,接下来看代码实现吧exportdefault{data(){return{coffees:[{value:'1星巴克咖啡'},{valu
- uniapp和uview-plus组件在项目中向后端发起请求的封装
程楠楠&M
uni-appuni-appjavascript前端uiuviewuview-plus
文章目录Http请求请求方法说明二、拦截器1.请求拦截2.响应拦截应用实例export和exportdefault的区别Http请求该插件适用于普遍的请求场景,支持post、get、put和delete,以及上传下载等请求,有如下特点:基于Promise对象实现更简单的request使用方式,支持请求和响应拦截支持全局挂载支持多个全局配置实例支持自定义验证器支持文件上传/下载支持task操作支持自
- uniapp小程序自定义日历(签到、补签功能)
黑云压城After
uni-app小程序
1、切换月份根据当前月判断,只能切换当前月份之前的时间。2、补卡功能,根据后台设置自己写上即可,可补签多少天。3、点击签到是签到当前天的,不能指定签到时间。备注:当前代码只构建了排版样式和切换月份功能,签到状态根据个人开发以及接口返回的详细内容再次处理。今日签到18积分待领取{{DateTitle}}{{item}}{{item}}签到exportdefault{data(){return{wee
- linux内部调用摄像头的第三方程序(命令):cheese
.......xxx
linux服务器java
linux内部调用摄像头的第三方程序(命令):cheese($sudoapt-getinstallcheese)关于cheese的使用可能会出现异常:Clutter-WARNING**:Whoevertranslateddefault:LTRdidsowrongly.在/etc/profile文件中添加一行(设置全局变量):exportCLUTTER_TEXT_DIRECTION='ltr',然后
- NodeJS中的require和import
huzhenv5
Node
ES6标准发布后,module成为标准,标准的使用是以export指令导出接口,以import引入模块,但是在我们一贯的node模块中,我们采用的是CommonJS规范,使用require引入模块,使用module.exports导出接口。不把require和import整清楚,会在未来的标准编程中死的很难看。require时代的模块node编程中最重要的思想之一就是模块,而正是这个思想,让Jav
- windows下源码安装golang
616050468
golang安装golang环境windows
系统: 64位win7, 开发环境:sublime text 2, go版本: 1.4.1
1. 安装前准备(gcc, gdb, git)
golang在64位系
- redis批量删除带空格的key
bylijinnan
redis
redis批量删除的通常做法:
redis-cli keys "blacklist*" | xargs redis-cli del
上面的命令在key的前后没有空格时是可以的,但有空格就不行了:
$redis-cli keys "blacklist*"
1) "blacklist:12:
[email protected]
- oracle正则表达式的用法
0624chenhong
oracle正则表达式
方括号表达示
方括号表达式
描述
[[:alnum:]]
字母和数字混合的字符
[[:alpha:]]
字母字符
[[:cntrl:]]
控制字符
[[:digit:]]
数字字符
[[:graph:]]
图像字符
[[:lower:]]
小写字母字符
[[:print:]]
打印字符
[[:punct:]]
标点符号字符
[[:space:]]
- 2048源码(核心算法有,缺少几个anctionbar,以后补上)
不懂事的小屁孩
2048
2048游戏基本上有四部分组成,
1:主activity,包含游戏块的16个方格,上面统计分数的模块
2:底下的gridview,监听上下左右的滑动,进行事件处理,
3:每一个卡片,里面的内容很简单,只有一个text,记录显示的数字
4:Actionbar,是游戏用重新开始,设置等功能(这个在底下可以下载的代码里面还没有实现)
写代码的流程
1:设计游戏的布局,基本是两块,上面是分
- jquery内部链式调用机理
换个号韩国红果果
JavaScriptjquery
只需要在调用该对象合适(比如下列的setStyles)的方法后让该方法返回该对象(通过this 因为一旦一个函数称为一个对象方法的话那么在这个方法内部this(结合下面的setStyles)指向这个对象)
function create(type){
var element=document.createElement(type);
//this=element;
- 你订酒店时的每一次点击 背后都是NoSQL和云计算
蓝儿唯美
NoSQL
全球最大的在线旅游公司Expedia旗下的酒店预订公司,它运营着89个网站,跨越68个国家,三年前开始实验公有云,以求让客户在预订网站上查询假期酒店时得到更快的信息获取体验。
云端本身是用于驱动网站的部分小功能的,如搜索框的自动推荐功能,还能保证处理Hotels.com服务的季节性需求高峰整体储能。
Hotels.com的首席技术官Thierry Bedos上个月在伦敦参加“2015 Clou
- java笔记1
a-john
java
1,面向对象程序设计(Object-oriented Propramming,OOP):java就是一种面向对象程序设计。
2,对象:我们将问题空间中的元素及其在解空间中的表示称为“对象”。简单来说,对象是某个类型的实例。比如狗是一个类型,哈士奇可以是狗的一个实例,也就是对象。
3,面向对象程序设计方式的特性:
3.1 万物皆为对象。
- C语言 sizeof和strlen之间的那些事 C/C++软件开发求职面试题 必备考点(一)
aijuans
C/C++求职面试必备考点
找工作在即,以后决定每天至少写一个知识点,主要是记录,逼迫自己动手、总结加深印象。当然如果能有一言半语让他人收益,后学幸运之至也。如有错误,还希望大家帮忙指出来。感激不尽。
后学保证每个写出来的结果都是自己在电脑上亲自跑过的,咱人笨,以前学的也半吊子。很多时候只能靠运行出来的结果再反过来
- 程序员写代码时就不要管需求了吗?
asia007
程序员不能一味跟需求走
编程也有2年了,刚开始不懂的什么都跟需求走,需求是怎样就用代码实现就行,也不管这个需求是否合理,是否为较好的用户体验。当然刚开始编程都会这样,但是如果有了2年以上的工作经验的程序员只知道一味写代码,而不在写的过程中思考一下这个需求是否合理,那么,我想这个程序员就只能一辈写敲敲代码了。
我的技术不是很好,但是就不代
- Activity的四种启动模式
百合不是茶
android栈模式启动Activity的标准模式启动栈顶模式启动单例模式启动
android界面的操作就是很多个activity之间的切换,启动模式决定启动的activity的生命周期 ;
启动模式xml中配置
<activity android:name=".MainActivity" android:launchMode="standard&quo
- Spring中@Autowired标签与@Resource标签的区别
bijian1013
javaspring@Resource@Autowired@Qualifier
Spring不但支持自己定义的@Autowired注解,还支持由JSR-250规范定义的几个注解,如:@Resource、 @PostConstruct及@PreDestroy。
1. @Autowired @Autowired是Spring 提供的,需导入 Package:org.springframewo
- Changes Between SOAP 1.1 and SOAP 1.2
sunjing
ChangesEnableSOAP 1.1SOAP 1.2
JAX-WS
SOAP Version 1.2 Part 0: Primer (Second Edition)
SOAP Version 1.2 Part 1: Messaging Framework (Second Edition)
SOAP Version 1.2 Part 2: Adjuncts (Second Edition)
Which style of WSDL
- 【Hadoop二】Hadoop常用命令
bit1129
hadoop
以Hadoop运行Hadoop自带的wordcount为例,
hadoop脚本位于/home/hadoop/hadoop-2.5.2/bin/hadoop,需要说明的是,这些命令的使用必须在Hadoop已经运行的情况下才能执行
Hadoop HDFS相关命令
hadoop fs -ls
列出HDFS文件系统的第一级文件和第一级
- java异常处理(初级)
白糖_
javaDAOspring虚拟机Ajax
从学习到现在从事java开发一年多了,个人觉得对java只了解皮毛,很多东西都是用到再去慢慢学习,编程真的是一项艺术,要完成一段好的代码,需要懂得很多。
最近项目经理让我负责一个组件开发,框架都由自己搭建,最让我头疼的是异常处理,我看了一些网上的源码,发现他们对异常的处理不是很重视,研究了很久都没有找到很好的解决方案。后来有幸看到一个200W美元的项目部分源码,通过他们对异常处理的解决方案,我终
- 记录整理-工作问题
braveCS
工作
1)那位同学还是CSV文件默认Excel打开看不到全部结果。以为是没写进去。同学甲说文件应该不分大小。后来log一下原来是有写进去。只是Excel有行数限制。那位同学进步好快啊。
2)今天同学说写文件的时候提示jvm的内存溢出。我马上反应说那就改一下jvm的内存大小。同学说改用分批处理了。果然想问题还是有局限性。改jvm内存大小只能暂时地解决问题,以后要是写更大的文件还是得改内存。想问题要长远啊
- org.apache.tools.zip实现文件的压缩和解压,支持中文
bylijinnan
apache
刚开始用java.util.Zip,发现不支持中文(网上有修改的方法,但比较麻烦)
后改用org.apache.tools.zip
org.apache.tools.zip的使用网上有更简单的例子
下面的程序根据实际需求,实现了压缩指定目录下指定文件的方法
import java.io.BufferedReader;
import java.io.BufferedWrit
- 读书笔记-4
chengxuyuancsdn
读书笔记
1、JSTL 核心标签库标签
2、避免SQL注入
3、字符串逆转方法
4、字符串比较compareTo
5、字符串替换replace
6、分拆字符串
1、JSTL 核心标签库标签共有13个,
学习资料:http://www.cnblogs.com/lihuiyy/archive/2012/02/24/2366806.html
功能上分为4类:
(1)表达式控制标签:out
- [物理与电子]半导体教材的一个小问题
comsci
问题
各种模拟电子和数字电子教材中都有这个词汇-空穴
书中对这个词汇的解释是; 当电子脱离共价键的束缚成为自由电子之后,共价键中就留下一个空位,这个空位叫做空穴
我现在回过头翻大学时候的教材,觉得这个
- Flashback Database --闪回数据库
daizj
oracle闪回数据库
Flashback 技术是以Undo segment中的内容为基础的, 因此受限于UNDO_RETENTON参数。要使用flashback 的特性,必须启用自动撤销管理表空间。
在Oracle 10g中, Flash back家族分为以下成员: Flashback Database, Flashback Drop,Flashback Query(分Flashback Query,Flashbac
- 简单排序:插入排序
dieslrae
插入排序
public void insertSort(int[] array){
int temp;
for(int i=1;i<array.length;i++){
temp = array[i];
for(int k=i-1;k>=0;k--)
- C语言学习六指针小示例、一维数组名含义,定义一个函数输出数组的内容
dcj3sjt126com
c
# include <stdio.h>
int main(void)
{
int * p; //等价于 int *p 也等价于 int* p;
int i = 5;
char ch = 'A';
//p = 5; //error
//p = &ch; //error
//p = ch; //error
p = &i; //
- centos下php redis扩展的安装配置3种方法
dcj3sjt126com
redis
方法一
1.下载php redis扩展包 代码如下 复制代码
#wget http://redis.googlecode.com/files/redis-2.4.4.tar.gz
2 tar -zxvf 解压压缩包,cd /扩展包 (进入扩展包然后 运行phpize 一下是我环境中phpize的目录,/usr/local/php/bin/phpize (一定要
- 线程池(Executors)
shuizhaosi888
线程池
在java类库中,任务执行的主要抽象不是Thread,而是Executor,将任务的提交过程和执行过程解耦
public interface Executor {
void execute(Runnable command);
}
public class RunMain implements Executor{
@Override
pub
- openstack 快速安装笔记
haoningabc
openstack
前提是要配置好yum源
版本icehouse,操作系统redhat6.5
最简化安装,不要cinder和swift
三个节点
172 control节点keystone glance horizon
173 compute节点nova
173 network节点neutron
control
/etc/sysctl.conf
net.ipv4.ip_forward =
- 从c面向对象的实现理解c++的对象(二)
jimmee
C++面向对象虚函数
1. 类就可以看作一个struct,类的方法,可以理解为通过函数指针的方式实现的,类对象分配内存时,只分配成员变量的,函数指针并不需要分配额外的内存保存地址。
2. c++中类的构造函数,就是进行内存分配(malloc),调用构造函数
3. c++中类的析构函数,就时回收内存(free)
4. c++是基于栈和全局数据分配内存的,如果是一个方法内创建的对象,就直接在栈上分配内存了。
专门在
- 如何让那个一个div可以拖动
lingfeng520240
html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml
- 第10章 高级事件(中)
onestopweb
事件
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/
- 计算两个经纬度之间的距离
roadrunners
计算纬度LBS经度距离
要解决这个问题的时候,到网上查了很多方案,最后计算出来的都与百度计算出来的有出入。下面这个公式计算出来的距离和百度计算出来的距离是一致的。
/**
*
* @param longitudeA
* 经度A点
* @param latitudeA
* 纬度A点
* @param longitudeB
*
- 最具争议的10个Java话题
tomcat_oracle
java
1、Java8已经到来。什么!? Java8 支持lambda。哇哦,RIP Scala! 随着Java8 的发布,出现很多关于新发布的Java8是否有潜力干掉Scala的争论,最终的结论是远远没有那么简单。Java8可能已经在Scala的lambda的包围中突围,但Java并非是函数式编程王位的真正觊觎者。
2、Java 9 即将到来
Oracle早在8月份就发布
- zoj 3826 Hierarchical Notation(模拟)
阿尔萨斯
rar
题目链接:zoj 3826 Hierarchical Notation
题目大意:给定一些结构体,结构体有value值和key值,Q次询问,输出每个key值对应的value值。
解题思路:思路很简单,写个类词法的递归函数,每次将key值映射成一个hash值,用map映射每个key的value起始终止位置,预处理完了查询就很简单了。 这题是最后10分钟出的,因为没有考虑value为{}的情