- 【已解决】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
- NO.15十六届蓝桥杯备战|while循环|六道练习(C++)
ChoSeitaku
蓝桥杯备考蓝桥杯c++算法
while循环while语法形式while语句的语法结构和if语句⾮常相似,但不同的是while是⽤来实现循环的,if是⽆法实现循环的。下⾯是while循环的语法形式://形式1while(表达式)语句;//形式2//如果循环体想包含更多的语句,需要加上⼤括号while(表达式){语句1;语句2;...}执⾏流程⾸先上来就是执⾏判断表达式,表达式的值为0,循环直接结束;表达式的值不为0,则执⾏循环
- 大事件管理系统(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本项目的技术栈本
- 比较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的问答响应界面相信大家都见过,内容是一点一点追加式的显示。不是等好了一起发给你,然后一次性展示出来。这种效果和我们平常开发的展示渲染模式有点区别。可能有的同学会说,前端拿到报文后,我们做成这样的效果不就行行了,有什么难的。这话看起来很对,但其实不那么对。试想一下,如果一个问答内容响应体很大,几十上百兆,等报文传输完了,我们再显示,中间界面等待的时间会很长,体验其实是很差。
- 【无标题】if语句的嵌套
2501_90124553
算法
if语句的嵌套语法:if(..)if(..)语句1;else语句2;elseif(..)语句3;else语句4;流程图:注意:①else总是与前面最近的未配对的if配对使用②可通过增加{}来确定配对关系③只要if中包含if,都属于是if语句的嵌套if(..)if(..)语句1;else语句2;elseif(..)语句3;else语句4;/******************************
- vue3后台系统动态路由实现
瑶琴AI前端
vue3+ts后台系统搭建vue.jsjavascriptvue3动态路由
动态路由的流程:用户登录之后拿到用户信息和token,再去请求后端给的动态路由表,前端处理路由格式为vue路由格式。1)拿到用户信息里面的角色之后再去请求路由表,返回的路由为tree格式后端返回路由如下:前端处理:共识:动态路由在路由守卫beforeEach里面进行处理,每次跳转路由都会走这里。1.src下新建permission.js文件,main.js中引入//main.jsimport'./
- 【前端开发学习笔记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
- 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.文件头部注释和
- 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是
- 分享58个Vue模板源码总有一个是你想要的
2401_86528135
vue.js前端javascript
分享58个Vue模板源码总有一个是你想要的学习知识费力气,收集整理更不易。知识付费甚欢喜,为咱码农谋福利。源码下载链接:https://pan.baidu.com/s/1OgcE5ZYet6l94niZuBvTwg?pwd=8888提取码:8888项目名称:amis自定义组件模板(vue30技术栈)AntDesignProVue+Golang后台管理基础模板electron+vue桌面应用开发快速
- vite.config.ts的配置项(配置别名,全局将css属性单位px转化为vw,引入less,vantUI,打包压缩,代理)
codekjy
cssless前端
import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importlegacyfrom'@vitejs/plugin-legacy'importpostcsspxtoviewportfrom'postcss-px-to-viewport'importstyleImport,{VantResolve}from'vite-plug
- 祝我们都取得好成绩,求求了
yoyobravery
知识点算法c语言
c语言高分过1关于if语句的说法正确的是(D)。A)双分支语句中有可能两个分支都不执行B)if多分支语句中不能没有最后的elseif(condition1){statement1;}elseif(condition2){statement2;}elseif(condition3){statement3;}C)if语句中可以使用continue语句CUOWU,continue语句主要用于循环语句(如
- Vue.js 响应式原理与数据绑定
前端_学习之路
Vue.jsvue.js前端javascript
在Vue.js中,响应式系统是其核心特性之一,它使得数据的变化能够自动更新到DOM上,实现了数据和视图的双向绑定。下面详细介绍Vue.js响应式系统的原理以及它是如何实现数据绑定的。原理概述Vue.js的响应式系统主要基于JavaScript的Object.defineProperty()方法(Vue2.x)和ES6的Proxy对象(Vue3.x)来实现。其核心思想是通过拦截数据对象的属性访问和修
- vue.js之diff算法
前端_学习之路
Vue.jsvue.js前端算法数据结构
在Vue.js中,Diff算法是一个核心的概念,它在虚拟DOM(VirtualDOM)的更新过程中起着关键作用。下面详细介绍Vue.js中的Diff算法。什么是Diff算法Diff算法是一种用于比较两个树结构差异的算法。在Vue.js里,它用于比较新旧虚拟DOM树的差异,从而找出哪些节点需要更新,避免直接操作真实DOM带来的性能开销,因为直接操作真实DOM的代价相对较高。虚拟DOM虚拟DOM是真实
- java杨辉三角
3213213333332132
java基础
package com.algorithm;
/**
* @Description 杨辉三角
* @author FuJianyong
* 2015-1-22上午10:10:59
*/
public class YangHui {
public static void main(String[] args) {
//初始化二维数组长度
int[][] y
- 《大话重构》之大布局的辛酸历史
白糖_
重构
《大话重构》中提到“大布局你伤不起”,如果企图重构一个陈旧的大型系统是有非常大的风险,重构不是想象中那么简单。我目前所在公司正好对产品做了一次“大布局重构”,下面我就分享这个“大布局”项目经验给大家。
背景
公司专注于企业级管理产品软件,企业有大中小之分,在2000年初公司用JSP/Servlet开发了一套针对中
- 电驴链接在线视频播放源码
dubinwei
源码电驴播放器视频ed2k
本项目是个搜索电驴(ed2k)链接的应用,借助于磁力视频播放器(官网:
http://loveandroid.duapp.com/ 开放平台),可以实现在线播放视频,也可以用迅雷或者其他下载工具下载。
项目源码:
http://git.oschina.net/svo/Emule,动态更新。也可从附件中下载。
项目源码依赖于两个库项目,库项目一链接:
http://git.oschina.
- Javascript中函数的toString()方法
周凡杨
JavaScriptjstoStringfunctionobject
简述
The toString() method returns a string representing the source code of the function.
简译之,Javascript的toString()方法返回一个代表函数源代码的字符串。
句法
function.
- struts处理自定义异常
g21121
struts
很多时候我们会用到自定义异常来表示特定的错误情况,自定义异常比较简单,只要分清是运行时异常还是非运行时异常即可,运行时异常不需要捕获,继承自RuntimeException,是由容器自己抛出,例如空指针异常。
非运行时异常继承自Exception,在抛出后需要捕获,例如文件未找到异常。
此处我们用的是非运行时异常,首先定义一个异常LoginException:
/**
* 类描述:登录相
- Linux中find常见用法示例
510888780
linux
Linux中find常见用法示例
·find path -option [ -print ] [ -exec -ok command ] {} \;
find命令的参数;
- SpringMVC的各种参数绑定方式
Harry642
springMVC绑定表单
1. 基本数据类型(以int为例,其他类似):
Controller代码:
@RequestMapping("saysth.do")
public void test(int count) {
}
表单代码:
<form action="saysth.do" method="post&q
- Java 获取Oracle ROWID
aijuans
javaoracle
A ROWID is an identification tag unique for each row of an Oracle Database table. The ROWID can be thought of as a virtual column, containing the ID for each row.
The oracle.sql.ROWID class i
- java获取方法的参数名
antlove
javajdkparametermethodreflect
reflect.ClassInformationUtil.java
package reflect;
import javassist.ClassPool;
import javassist.CtClass;
import javassist.CtMethod;
import javassist.Modifier;
import javassist.bytecode.CodeAtt
- JAVA正则表达式匹配 查找 替换 提取操作
百合不是茶
java正则表达式替换提取查找
正则表达式的查找;主要是用到String类中的split();
String str;
str.split();方法中传入按照什么规则截取,返回一个String数组
常见的截取规则:
str.split("\\.")按照.来截取
str.
- Java中equals()与hashCode()方法详解
bijian1013
javasetequals()hashCode()
一.equals()方法详解
equals()方法在object类中定义如下:
public boolean equals(Object obj) {
return (this == obj);
}
很明显是对两个对象的地址值进行的比较(即比较引用是否相同)。但是我们知道,String 、Math、I
- 精通Oracle10编程SQL(4)使用SQL语句
bijian1013
oracle数据库plsql
--工资级别表
create table SALGRADE
(
GRADE NUMBER(10),
LOSAL NUMBER(10,2),
HISAL NUMBER(10,2)
)
insert into SALGRADE values(1,0,100);
insert into SALGRADE values(2,100,200);
inser
- 【Nginx二】Nginx作为静态文件HTTP服务器
bit1129
HTTP服务器
Nginx作为静态文件HTTP服务器
在本地系统中创建/data/www目录,存放html文件(包括index.html)
创建/data/images目录,存放imags图片
在主配置文件中添加http指令
http {
server {
listen 80;
server_name
- kafka获得最新partition offset
blackproof
kafkapartitionoffset最新
kafka获得partition下标,需要用到kafka的simpleconsumer
import java.util.ArrayList;
import java.util.Collections;
import java.util.Date;
import java.util.HashMap;
import java.util.List;
import java.
- centos 7安装docker两种方式
ronin47
第一种是采用yum 方式
yum install -y docker
- java-60-在O(1)时间删除链表结点
bylijinnan
java
public class DeleteNode_O1_Time {
/**
* Q 60 在O(1)时间删除链表结点
* 给定链表的头指针和一个结点指针(!!),在O(1)时间删除该结点
*
* Assume the list is:
* head->...->nodeToDelete->mNode->nNode->..
- nginx利用proxy_cache来缓存文件
cfyme
cache
user zhangy users;
worker_processes 10;
error_log /var/vlogs/nginx_error.log crit;
pid /var/vlogs/nginx.pid;
#Specifies the value for ma
- [JWFD开源工作流]JWFD嵌入式语法分析器负号的使用问题
comsci
嵌入式
假如我们需要用JWFD的语法分析模块定义一个带负号的方程式,直接在方程式之前添加负号是不正确的,而必须这样做:
string str01 = "a=3.14;b=2.71;c=0;c-((a*a)+(b*b))"
定义一个0整数c,然后用这个整数c去
- 如何集成支付宝官方文档
dai_lm
android
官方文档下载地址
https://b.alipay.com/order/productDetail.htm?productId=2012120700377310&tabId=4#ps-tabinfo-hash
集成的必要条件
1. 需要有自己的Server接收支付宝的消息
2. 需要先制作app,然后提交支付宝审核,通过后才能集成
调试的时候估计会真的扣款,请注意
- 应该在什么时候使用Hadoop
datamachine
hadoop
原帖地址:http://blog.chinaunix.net/uid-301743-id-3925358.html
存档,某些观点与我不谋而合,过度技术化不可取,且hadoop并非万能。
--------------------------------------------万能的分割线--------------------------------
有人问我,“你在大数据和Hado
- 在GridView中对于有外键的字段使用关联模型进行搜索和排序
dcj3sjt126com
yii
在GridView中使用关联模型进行搜索和排序
首先我们有两个模型它们直接有关联:
class Author extends CActiveRecord {
...
}
class Post extends CActiveRecord {
...
function relations() {
return array(
'
- 使用NSString 的格式化大全
dcj3sjt126com
Objective-C
格式定义The format specifiers supported by the NSString formatting methods and CFString formatting functions follow the IEEE printf specification; the specifiers are summarized in Table 1. Note that you c
- 使用activeX插件对象object滚动有重影
蕃薯耀
activeX插件滚动有重影
使用activeX插件对象object滚动有重影 <object style="width:0;" id="abc" classid="CLSID:D3E3970F-2927-9680-BBB4-5D0889909DF6" codebase="activex/OAX339.CAB#
- SpringMVC4零配置
hanqunfeng
springmvc4
基于Servlet3.0规范和SpringMVC4注解式配置方式,实现零xml配置,弄了个小demo,供交流讨论。
项目说明如下:
1.db.sql是项目中用到的表,数据库使用的是oracle11g
2.该项目使用mvn进行管理,私服为自搭建nexus,项目只用到一个第三方 jar,就是oracle的驱动;
3.默认项目为零配置启动,如果需要更改启动方式,请
- 《开源框架那点事儿16》:缓存相关代码的演变
j2eetop
开源框架
问题引入
上次我参与某个大型项目的优化工作,由于系统要求有比较高的TPS,因此就免不了要使用缓冲。
该项目中用的缓冲比较多,有MemCache,有Redis,有的还需要提供二级缓冲,也就是说应用服务器这层也可以设置一些缓冲。
当然去看相关实现代代码的时候,大致是下面的样子。
[java]
view plain
copy
print
?
public vo
- AngularJS浅析
kvhur
JavaScript
概念
AngularJS is a structural framework for dynamic web apps.
了解更多详情请见原文链接:http://www.gbtags.com/gb/share/5726.htm
Directive
扩展html,给html添加声明语句,以便实现自己的需求。对于页面中html元素以ng为前缀的属性名称,ng是angular的命名空间
- 架构师之jdk的bug排查(一)---------------split的点号陷阱
nannan408
split
1.前言.
jdk1.6的lang包的split方法是有bug的,它不能有效识别A.b.c这种类型,导致截取长度始终是0.而对于其他字符,则无此问题.不知道官方有没有修复这个bug.
2.代码
String[] paths = "object.object2.prop11".split("'");
System.ou
- 如何对10亿数据量级的mongoDB作高效的全表扫描
quentinXXZ
mongodb
本文链接:
http://quentinXXZ.iteye.com/blog/2149440
一、正常情况下,不应该有这种需求
首先,大家应该有个概念,标题中的这个问题,在大多情况下是一个伪命题,不应该被提出来。要知道,对于一般较大数据量的数据库,全表查询,这种操作一般情况下是不应该出现的,在做正常查询的时候,如果是范围查询,你至少应该要加上limit。
说一下,
- C语言算法之水仙花数
qiufeihu
c算法
/**
* 水仙花数
*/
#include <stdio.h>
#define N 10
int main()
{
int x,y,z;
for(x=1;x<=N;x++)
for(y=0;y<=N;y++)
for(z=0;z<=N;z++)
if(x*100+y*10+z == x*x*x
- JSP指令
wyzuomumu
jsp
jsp指令的一般语法格式: <%@ 指令名 属性 =”值 ” %>
常用的三种指令: page,include,taglib
page指令语法形式: <%@ page 属性 1=”值 1” 属性 2=”值 2”%>
include指令语法形式: <%@include file=”relative url”%> (jsp可以通过 include