- 【已解决】npm ERR! request to https://registry.npm.taobao.org failed, reason: certificate has expired
小跳不会Coding
Vuenpm前端node.js
使用vue开发项目时,安装插件一直安装不上,排查了之后才发现是:证书已过期报错信息:npmERR:requesttohttps://registry.npm.taobao.orgfailed,reason:certificatehasexpired翻译成中文就是:请求https://registry.npm.taobao.org失败,原因:证书已过期直接使用:(npmconfigsetregist
- LambdaQueryWrapper的使用
java
原文链接项目GitHub地址:https://github.com/Snowstorm0/learn-lambda-query-wrapper项目Gitee地址:https://gitee.com/Snowstorm0/learn-lambda-query-wrapper1添加maven依赖在pom中添加如下依赖:com.baomidoumybatis-plus-boot-starter3.5.3
- 2月第二讲:mybatis是如何识别分表位的
2501_90442144
mybatis
带着问题,我花了不少时间深入了读了一下这部分的源码,终于搞清楚了,借本文分享一下。本文主要环境是mybatis-plus-boot-starter3.4.3,不过用的基本上仍然是mybatis的特性。流程图以查询为例,可以先看下流程图,大致了解一下整个过程。关键的类和对象在流程图里出现了一些类和其实例化的对象,有必要选其中关键的介绍一下。MappedStatement类全名org.apache.i
- 大事件管理系统(vue3)compositionAPI/pinia/pinia持久化处理/Element Plus/pnpm包管理器/Eslint+prettier/husky(Git hooks)
章小絮
vue2和vue3学习git
后台数据管理系统-项目架构设计在线演示:https://fe-bigevent-web.itheima.net/login接口文档:https://apifox.com/apidoc/shared-26c67aee-0233-4d23-aab7-08448fdf95ff/api-93850835接口根路径:http://big-event-vue-api-t.itheima.net本项目的技术栈本
- element ui根据下拉框值动态显示table的表头列
软件测试小菜鸟正在更新中
elementuiuivue.jselementui
data里定义一个对象,key是表头名称,value是下拉框的选项,代表选择哪一项的时候展示这个表头字段。constcolList={表头列1:['选项1',],表头列2:['选项1','选项2','选项3','选项4'],表头列3:['选项2','选项3','选项4'],表头列4:['选项1',
- 比较Vue 3中的setup函数如何与Vue 2中的created和data属性相比
dxh_888
vue.js前端javascript
Vue3的setup函数vsVue2的created和dataVue3引入了setup函数,作为CompositionAPI的核心部分,它彻底改变了Vue组件的逻辑组织和代码复用方式。与Vue2的data和created等选项相比,setup函数提供了更灵活、更强大的能力,尤其是在逻辑组织、代码复用和类型推断方面。1.逻辑组织Vue2的data和createddata:用于定义组件的响应式数据,返
- vue3读取webrtc-stream 视频流
cyw8998
webrtc
一.首先下载webrtc-stream,方便自己本地搭建视频流服务https://download.csdn.net/download/cyw8998/90373521解压后,启动命令webrtc-streamer.exe-H127.0.0.1:8020二.vue3代码如下videoimport'@/assets/adapter.min.js';import'@/assets/webrtcstre
- Vue3中实现el-table单选功能(取消前一项的选中)
需求描述产品说,表格行要只能选中一个且,不能使用el-radio方式因为要可以取消选中于是乎,有了当前的文章记录我们先看效果图效果图代码思路首先,把el-table的全选全不选勾选框取消::v-deep(.myTable){thead{th:nth-child(1){.cell{display:none;}}}}然后,去除前一项的选中状态@select="selectChange"constsel
- 编程技巧:VUE 实现接口返回数据的流式处理
夸父CV
WEB编程技巧与实现原理解析vue.js前端javascript前端框架开发语言chromenode.js
一、写在前面ChatGPT的问答响应界面相信大家都见过,内容是一点一点追加式的显示。不是等好了一起发给你,然后一次性展示出来。这种效果和我们平常开发的展示渲染模式有点区别。可能有的同学会说,前端拿到报文后,我们做成这样的效果不就行行了,有什么难的。这话看起来很对,但其实不那么对。试想一下,如果一个问答内容响应体很大,几十上百兆,等报文传输完了,我们再显示,中间界面等待的时间会很长,体验其实是很差。
- CTF-WEB: 利用Web消息造成DOM XSS
A5rZ
xss网络安全
如果索引中有类似如下代码window.addEventListener('message',function(e){document.getElementById('ads').innerHTML=e.data;});这行代码的作用是将接收到的消息内容(e.data)设置为id为'ads'的元素的HTML内容那么在受害者段执行如下代码会导致DOM污染','*')">参考实验:使用Web消息的DOM
- vue3后台系统动态路由实现
瑶琴AI前端
vue3+ts后台系统搭建vue.jsjavascriptvue3动态路由
动态路由的流程:用户登录之后拿到用户信息和token,再去请求后端给的动态路由表,前端处理路由格式为vue路由格式。1)拿到用户信息里面的角色之后再去请求路由表,返回的路由为tree格式后端返回路由如下:前端处理:共识:动态路由在路由守卫beforeEach里面进行处理,每次跳转路由都会走这里。1.src下新建permission.js文件,main.js中引入//main.jsimport'./
- Echarts 监听鼠标右键或者双击
weixin_34248705
javascriptViewUI
1、监听contextmenu官方文档(注意切换引用控件所对应版本的文档)ECharts中的事件和行为引用官方文档示例代码://基于准备好的dom,初始化ECharts实例varmyChart=echarts.init(document.getElementById('main'));//指定图表的配置项和数据varoption={xAxis:{data:["衬衫","羊毛衫","雪纺衫",
- 【前端开发学习笔记12】Vue_5
wei387245232
学习笔记vue.js
Vuex构建多组件共享的数据环境index.js://创建一个空仓库//目标:安装vuex插件,初始化一个空仓库//1.安装vuex:yarnaddvuex@3//2.新建vuex模块文件:新建store/index.js专门存放vuex//3.创建仓库:Vue.use(Vuex),创建仓库newVuex.Store()//4.main.js导入挂载:在main.js中导入挂载到Vue实例上//这
- Vue.js前端开发实战学习笔记
cai-4
前端vue.js学习前端
Vue.js前端开发实战学习笔记一、学习教材Vue.js3前端开发实战————————张益珲github仓库地址gitee仓库地址二、第一章从前端基础到Vue.js3三、第二章Vue模板应用四、第三章Vue组件的属性和方法五、第四章处理用户交互六、第五章组件基础七、第六章组件进阶八、第七章Vue响应式编程九、第八章动画十、第九章构建工具VueCLI的使用十一、第十章基于Vue3的UI组件库——El
- 解决 THC/THC.h: No such file or directory 报错
leo0308
基础知识pythonKNN深度学习
报错现象:cc1plus:warning:commandlineoption‘-Wstrict-prototypes’isvalidforC/ObjCbutnotforC++Infileincludedfrom/data/joyiot/liyong/codes/graspnet-baseline/knn/src/knn.h:5:0,from/data/joyiot/liyong/codes/gra
- VSCODE 常见问题
SEVENTHD7
vscode
1VSCODE下载慢将下载地址中的az764295.vo.msecnd.net更换为vscode.cdn.azure.cn使用国内的镜像服务器加速,就好了2.函数跳转vue插件:Vetur、Vue2Snippets,vue-helper(支持CTRL+点击函数跳转||绑定对象跳转)目前装第一个就可以,后边的没有试过alt+返回上一级3.自动补全c/c++extension自动补全4.文件头部注释和
- element-ui el-scrollbar滚动条初始化不显示
努力往上爬de蜗牛
vue.js前端elementui
当使用el-scrollbar的时候,比如你的数据列表是后端获取的,这时候,初始化的时候,因为数据还没有获取到,导致里面的内容没有撑开,所以滚动条是不显示的,但是可以正常滚动。解决方法:获取左侧菜单的数据时,{{$t('menuTip')}}//解决滚动条初始化消失的问题--接口请求获取数据时this.$refs.scrollbar.update()
- vue 配置vue.config.js 优化
鸿是江边鸟,曾是心上人
vue.jsjavascript前端
1.压缩js,去除打印信息。module.exports={configureWebpack:{optimization:{minimize:true,//确保启用了压缩minimizer:[newTerserPlugin({terserOptions:{//在这里放入你的自定义Terser选项compress:{drop_console:true,//例如,移除console.log语句//更多
- vue-点击生成动态值,动态渲染回显输入框
岂不闻
learnorimporvevue.js前端javascript
1.前言动态点击生成数值,回显输入框,并绑定。2.实现点击生成exportdefault{data(){return{uploadData:{//假设peo.field是'workNum'workNum:''},peo:{field:'workNum'},inputKey:Date.now()//初始key值};},methods:{workNumProduce(){//生成工号逻辑,这里只是一个
- 前端自动化测试:TDD 和 BDD 哪个更好一些?
测试员小静
技术分享测试程序人生软件测试测试工程师ui程序人生
大家好,我是小静,今天整理了一份前端自动化测试手册,希望能对你有帮助!这里赠送一套软件测试相关资源:软件测试相关工具软件测试练习集深入自动化测试Python学习手册Python编码规范大厂面试题和简历模板关注我公众号:【程序员小濠】即可免费领取!交流群:175317069Vue应用测试项目环境搭建运行vuecreate[project-name]来创建一个新项目。选择"Manuallyselect
- 「Vue3系列」Vue3 Axios详解
·零落·
vue.js前端前端框架vuevue3
文章目录一、Vue3Axios二、Vue3Axios请求配置项三、Axios响应结构四、Axios拦截器请求拦截器响应拦截器拦截器的移除拦截器的应用场景五、相关链接一、Vue3Axios在Vue3中,你可以使用axios来执行AJAX请求。axios是一个流行的基于Promise的HTTP客户端,它可以在浏览器和node.js中使用。它提供了一种简单的方法来发送GET和POST请求,并处理响应。首
- Vue3入门 ----- script setup、computed、watch、组件通讯、ref
ELNino_Thomas.Liang
typescriptvue.js前端
初使用和Vue2使用的optionsAPI(例如:数据放data中,方法放methods中)不同的是,Vue3是用了compositionAPI,提升了代码的可读性和可维护性,同时也保留了Vue2的optionsAPI.当前点击次数:{{count}}点击import{defineComponent,reactive,ref}from'vue'exportdefaultdefineComponen
- VUE3.0+TS用ref获取元素
ELNino_Thomas.Liang
div元素//在setup中无法使用thissetup(){//新建一个ref对象,对象命名必须与ref命名相同//在setup的中还不是一个DOM节点类型,在DOM挂载后才会是ELEMENT类型,所以要设置泛型consteleRef=ref(null)consthandleClick=()=>{if(eleRef.value){console.log(eleRef.value)}}//retur
- Vue2.x -- 解决vue2editor文本框报错、作用域插槽、对象解构赋值、VsCode支持Vue文件配置
ELNino_Thomas.Liang
javascriptvue
解决vue2editor文本框报错报错提示:[Violation]AddedsynchronousDOMmutationlistenertoa'DOMNodeInsertedIntoDocument'event.原因:vue-editor无法编译div标签解决方法:replace()方法,可以尝试把数据中的div标签换成p标签语法:例如vue-editor标签中绑定的内容为content,cont
- 【vue】axios封装拦截
步步生花@苏殿主
vue学习及经验vue.jsjavascript前端axios
文章目录1、安装axios2、新建文件3、引入文件4、使用1、安装axiosnpminstallaxios2、新建文件项目src目录创建util文件夹util文件夹下创建文件axios.config.js代码如下importaxiosfrom"axios";//请求拦截axios.interceptors.request.use(function(config){consttoken=localS
- vue写一个axios的拦截器
蓝胖子不是胖子
vue.js前端javascript
方便直接带入项目的工具类importaxios,{AxiosResponse}from'axios'importqsfrom'qs'import{ElMessage}from'element-plus'import{useUserStore}from'@/store/modules/user'importcachefrom'@/utils/cache'import{ElMessageBox}fro
- Vue3.0+vite vite.config.ts配置与env
WebCsDn_TDCode
vue.js
目录摘要在项目中新项目前期可能需要配置各种来运行项目,以Vue3.0+vite来说明主要配置正文1.import.meta的理解JavaScript中的一个特殊对象,它提供了有关当前模块的元数据信息。2.env配置访问evn命令要获取环境变量,可以通过import.meta.env来访问。下面是一个示例:3.package.json配置项目启动命令4.vite.config.ts配置摘要在项目中新
- 在vue中根据devicePixelRatio处理多倍图(less)
Kyrossssssss
Vue
在vue中根据devicePixelRatio处理多倍图(less)devicePixelRatio为设备物理像素和设备独立像素的比例,在不同的机型上有2倍图和三倍图之分,比如p8和p8plus就是一个二倍一个三倍。在less中的处理.bg-image(@url){background-image:e(%("url(~@/assets/images/%a@2x.png)",e(@url)));@m
- Vue使用Axios以及拦截器配置
_何同学
Vue3ViteTs从入门到精通vue.jstypescript前端
安装npminstallaxiosvue-axios--saveaxios配置//src/utils/axios.tsimportaxios,{AxiosRequestConfig,AxiosResponse}from'axios'importVueAxiosfrom'vue-axios'import{ElMessage,ElNotification}from'element-plus'impor
- Vue3数据响应式原理
牧云流
vue.jsjavascriptecmascript
什么是数据响应式当数据变化时,引用数据的函数(副作用函数)自动重新执行。即数据触发了函数的响应,如:视图渲染中使用了某数据,数据改变后,视图跟着自动更新。触发者:数据响应者:函数副作用函数可以理解为引用了外部数据的函数,这个函数会受到外部数据改变的影响,我们就说这个函数存在副作用。Vue3数据响应式原理在Vue2是使用Object.defineProperty()实现响应式。在Vue3中,ref是
- 面向对象面向过程
3213213333332132
java
面向对象:把要完成的一件事,通过对象间的协作实现。
面向过程:把要完成的一件事,通过循序依次调用各个模块实现。
我把大象装进冰箱这件事为例,用面向对象和面向过程实现,都是用java代码完成。
1、面向对象
package bigDemo.ObjectOriented;
/**
* 大象类
*
* @Description
* @author FuJian
- Java Hotspot: Remove the Permanent Generation
bookjovi
HotSpot
openjdk上关于hotspot将移除永久带的描述非常详细,http://openjdk.java.net/jeps/122
JEP 122: Remove the Permanent Generation
Author Jon Masamitsu
Organization Oracle
Created 2010/8/15
Updated 2011/
- 正则表达式向前查找向后查找,环绕或零宽断言
dcj3sjt126com
正则表达式
向前查找和向后查找
1. 向前查找:根据要匹配的字符序列后面存在一个特定的字符序列(肯定式向前查找)或不存在一个特定的序列(否定式向前查找)来决定是否匹配。.NET将向前查找称之为零宽度向前查找断言。
对于向前查找,出现在指定项之后的字符序列不会被正则表达式引擎返回。
2. 向后查找:一个要匹配的字符序列前面有或者没有指定的
- BaseDao
171815164
seda
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.SQLException;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
public class BaseDao {
public Conn
- Ant标签详解--Java命令
g21121
Java命令
这一篇主要介绍与java相关标签的使用 终于开始重头戏了,Java部分是我们关注的重点也是项目中用处最多的部分。
1
- [简单]代码片段_电梯数字排列
53873039oycg
代码
今天看电梯数字排列是9 18 26这样呈倒N排列的,写了个类似的打印例子,如下:
import java.util.Arrays;
public class 电梯数字排列_S3_Test {
public static void main(S
- Hessian原理
云端月影
hessian原理
Hessian 原理分析
一. 远程通讯协议的基本原理
网络通信需要做的就是将流从一台计算机传输到另外一台计算机,基于传输协议和网络 IO 来实现,其中传输协议比较出名的有 http 、 tcp 、 udp 等等, http 、 tcp 、 udp 都是在基于 Socket 概念上为某类应用场景而扩展出的传输协
- 区分Activity的四种加载模式----以及Intent的setFlags
aijuans
android
在多Activity开发中,有可能是自己应用之间的Activity跳转,或者夹带其他应用的可复用Activity。可能会希望跳转到原来某个Activity实例,而不是产生大量重复的Activity。
这需要为Activity配置特定的加载模式,而不是使用默认的加载模式。 加载模式分类及在哪里配置
Activity有四种加载模式:
standard
singleTop
- hibernate几个核心API及其查询分析
antonyup_2006
html.netHibernatexml配置管理
(一) org.hibernate.cfg.Configuration类
读取配置文件并创建唯一的SessionFactory对象.(一般,程序初始化hibernate时创建.)
Configuration co
- PL/SQL的流程控制
百合不是茶
oraclePL/SQL编程循环控制
PL/SQL也是一门高级语言,所以流程控制是必须要有的,oracle数据库的pl/sql比sqlserver数据库要难,很多pl/sql中有的sqlserver里面没有
流程控制;
分支语句 if 条件 then 结果 else 结果 end if ;
条件语句 case when 条件 then 结果;
循环语句 loop
- 强大的Mockito测试框架
bijian1013
mockito单元测试
一.自动生成Mock类 在需要Mock的属性上标记@Mock注解,然后@RunWith中配置Mockito的TestRunner或者在setUp()方法中显示调用MockitoAnnotations.initMocks(this);生成Mock类即可。二.自动注入Mock类到被测试类 &nbs
- 精通Oracle10编程SQL(11)开发子程序
bijian1013
oracle数据库plsql
/*
*开发子程序
*/
--子程序目是指被命名的PL/SQL块,这种块可以带有参数,可以在不同应用程序中多次调用
--PL/SQL有两种类型的子程序:过程和函数
--开发过程
--建立过程:不带任何参数
CREATE OR REPLACE PROCEDURE out_time
IS
BEGIN
DBMS_OUTPUT.put_line(systimestamp);
E
- 【EhCache一】EhCache版Hello World
bit1129
Hello world
本篇是EhCache系列的第一篇,总体介绍使用EhCache缓存进行CRUD的API的基本使用,更细节的内容包括EhCache源代码和设计、实现原理在接下来的文章中进行介绍
环境准备
1.新建Maven项目
2.添加EhCache的Maven依赖
<dependency>
<groupId>ne
- 学习EJB3基础知识笔记
白糖_
beanHibernatejbosswebserviceejb
最近项目进入系统测试阶段,全赖袁大虾领导有力,保持一周零bug记录,这也让自己腾出不少时间补充知识。花了两天时间把“传智播客EJB3.0”看完了,EJB基本的知识也有些了解,在这记录下EJB的部分知识,以供自己以后复习使用。
EJB是sun的服务器端组件模型,最大的用处是部署分布式应用程序。EJB (Enterprise JavaBean)是J2EE的一部分,定义了一个用于开发基
- angular.bootstrap
boyitech
AngularJSAngularJS APIangular中文api
angular.bootstrap
描述:
手动初始化angular。
这个函数会自动检测创建的module有没有被加载多次,如果有则会在浏览器的控制台打出警告日志,并且不会再次加载。这样可以避免在程序运行过程中许多奇怪的问题发生。
使用方法: angular .
- java-谷歌面试题-给定一个固定长度的数组,将递增整数序列写入这个数组。当写到数组尾部时,返回数组开始重新写,并覆盖先前写过的数
bylijinnan
java
public class SearchInShiftedArray {
/**
* 题目:给定一个固定长度的数组,将递增整数序列写入这个数组。当写到数组尾部时,返回数组开始重新写,并覆盖先前写过的数。
* 请在这个特殊数组中找出给定的整数。
* 解答:
* 其实就是“旋转数组”。旋转数组的最小元素见http://bylijinnan.iteye.com/bl
- 天使还是魔鬼?都是我们制造
ducklsl
生活教育情感
----------------------------剧透请原谅,有兴趣的朋友可以自己看看电影,互相讨论哦!!!
从厦门回来的动车上,无意中瞟到了书中推荐的几部关于儿童的电影。当然,这几部电影可能会另大家失望,并不是类似小鬼当家的电影,而是关于“坏小孩”的电影!
自己挑了两部先看了看,但是发现看完之后,心里久久不能平
- [机器智能与生物]研究生物智能的问题
comsci
生物
我想,人的神经网络和苍蝇的神经网络,并没有本质的区别...就是大规模拓扑系统和中小规模拓扑分析的区别....
但是,如果去研究活体人类的神经网络和脑系统,可能会受到一些法律和道德方面的限制,而且研究结果也不一定可靠,那么希望从事生物神经网络研究的朋友,不如把
- 获取Android Device的信息
dai_lm
android
String phoneInfo = "PRODUCT: " + android.os.Build.PRODUCT;
phoneInfo += ", CPU_ABI: " + android.os.Build.CPU_ABI;
phoneInfo += ", TAGS: " + android.os.Build.TAGS;
ph
- 最佳字符串匹配算法(Damerau-Levenshtein距离算法)的Java实现
datamachine
java算法字符串匹配
原文:http://www.javacodegeeks.com/2013/11/java-implementation-of-optimal-string-alignment.html------------------------------------------------------------------------------------------------------------
- 小学5年级英语单词背诵第一课
dcj3sjt126com
englishword
long 长的
show 给...看,出示
mouth 口,嘴
write 写
use 用,使用
take 拿,带来
hand 手
clever 聪明的
often 经常
wash 洗
slow 慢的
house 房子
water 水
clean 清洁的
supper 晚餐
out 在外
face 脸,
- macvim的使用实战
dcj3sjt126com
macvim
macvim用的是mac里面的vim, 只不过是一个GUI的APP, 相当于一个壳
1. 下载macvim
https://code.google.com/p/macvim/
2. 了解macvim
:h vim的使用帮助信息
:h macvim
- java二分法查找
蕃薯耀
java二分法查找二分法java二分法
java二分法查找
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 2015年6月23日 11:40:03 星期二
http:/
- Spring Cache注解+Memcached
hanqunfeng
springmemcached
Spring3.1 Cache注解
依赖jar包:
<!-- simple-spring-memcached -->
<dependency>
<groupId>com.google.code.simple-spring-memcached</groupId>
<artifactId>simple-s
- apache commons io包快速入门
jackyrong
apache commons
原文参考
http://www.javacodegeeks.com/2014/10/apache-commons-io-tutorial.html
Apache Commons IO 包绝对是好东西,地址在http://commons.apache.org/proper/commons-io/,下面用例子分别介绍:
1) 工具类
2
- 如何学习编程
lampcy
java编程C++c
首先,我想说一下学习思想.学编程其实跟网络游戏有着类似的效果.开始的时候,你会对那些代码,函数等产生很大的兴趣,尤其是刚接触编程的人,刚学习第一种语言的人.可是,当你一步步深入的时候,你会发现你没有了以前那种斗志.就好象你在玩韩国泡菜网游似的,玩到一定程度,每天就是练级练级,完全是一个想冲到高级别的意志力在支持着你.而学编程就更难了,学了两个月后,总是觉得你好象全都学会了,却又什么都做不了,又没有
- 架构师之spring-----spring3.0新特性的bean加载控制@DependsOn和@Lazy
nannan408
Spring3
1.前言。
如题。
2.描述。
@DependsOn用于强制初始化其他Bean。可以修饰Bean类或方法,使用该Annotation时可以指定一个字符串数组作为参数,每个数组元素对应于一个强制初始化的Bean。
@DependsOn({"steelAxe","abc"})
@Comp
- Spring4+quartz2的配置和代码方式调度
Everyday都不同
代码配置spring4quartz2.x定时任务
前言:这些天简直被quartz虐哭。。因为quartz 2.x版本相比quartz1.x版本的API改动太多,所以,只好自己去查阅底层API……
quartz定时任务必须搞清楚几个概念:
JobDetail——处理类
Trigger——触发器,指定触发时间,必须要有JobDetail属性,即触发对象
Scheduler——调度器,组织处理类和触发器,配置方式一般只需指定触发
- Hibernate入门
tntxia
Hibernate
前言
使用面向对象的语言和关系型的数据库,开发起来很繁琐,费时。由于现在流行的数据库都不面向对象。Hibernate 是一个Java的ORM(Object/Relational Mapping)解决方案。
Hibernte不仅关心把Java对象对应到数据库的表中,而且提供了请求和检索的方法。简化了手工进行JDBC操作的流程。
如
- Math类
xiaoxing598
Math
一、Java中的数字(Math)类是final类,不可继承。
1、常数 PI:double圆周率 E:double自然对数
2、截取(注意方法的返回类型) double ceil(double d) 返回不小于d的最小整数 double floor(double d) 返回不大于d的整最大数 int round(float f) 返回四舍五入后的整数 long round