- React+Vite从零搭建项目及配置详解
一朵好运莲
react.js前端前端框架
相信很多React初学者第一次搭建自己的项目,搭建时会无从下手,本篇适合快速实现功能,熟悉React项目搭建流程。目录一、创建项目react-item二、调整项目目录结构三、使用scss预处理器四、组件库AntDesign五、配置基础路由六、配置别名路径一、创建项目react-itemnpmcreatevitereact-item二、调整项目目录结构-src-apis项目接口函数-assets项目
- 在react-native中使用echart绘制图表
milk po
引用自:https://www.jianshu.com/p/6eae23b3ece9.有前辈做好了echart的封装native-echarts.cd到你项目目录,然后通过npminstallnative-echarts--save去安装在需要调用的界面importEchartsfrom'native-echarts’可以调用代码与效果图如下:/***SampleReactNativeApp*ht
- 如何在react中简单应用echart,及echart特性
·港岛妹妹
reactreactjs前端
一分钟学会在react中简单应用echart1.首先安装echart、echarts-for-reactnpminstallecharts--savenpminstall--saveecharts-for-react2、在相应组件中引入模块import*asechartsfrom'echarts';importReactEchartsfrom'echarts-for-react';3、使用的时候非
- React Next项目中导入Echart世界航线图
一朵好运莲
react.jsjavascriptecmascript
公司业务要求做世界航线图,跑了三个ai未果,主要是引入world.json失败,echart包中并不携带该文件,源码的world.json文件页面404找不到。需要自己寻找。这是整个问题卡壳的关键点,特此贴出资源网址。一、安装npminstallecharts二、下载world.jsonworld.json在最下面,点开直接粘贴到自己项目中引入Indexof/examples/data/asset
- NPM安装与配置全流程详解(2025最新版)
╰つ゛木槿
web前端npm前端node.js
写目录一、环境准备与Node.js安装1.下载Node.js(含NPM)2.验证安装二、NPM核心配置优化1.全局模块与缓存路径设置2.镜像加速3.代理配置(企业网络适用)三、NPM基础操作指南1.项目初始化2.包管理命令3.依赖锁定与版本管理四、进阶配置与工具1.权限问题解决2.缓存清理3.替代工具推荐五、常见问题排查1.安装失败场景2.脚本执行权限(Windows)六、最佳实践建议一、环境准备
- npm 怎么设置代理
阿里嘎多学长
npm前端node.js
在使用npm时,如果需要通过代理服务器进行网络连接,可以使用以下步骤来设置代理:设置HTTP代理:使用以下命令设置HTTP代理:npmconfigsetproxyhttp://:@:将、、和替换为您的代理服务器的用户名、密码、地址和端口号。设置HTTPS代理:如果需要通过HTTPS代理服务器,使用以下命令:npmconfigsethttps-proxyhttp://:@:设置代理环境变量:您也可以
- vite+vue+ts+element-plus从零开发管理后台框架(03)-路由
mirahs
vue.js
新建视图新建src/views/Login.vue,内容如下。这是登录页新建src/views/Main.vue,内容如下。这是主页新建src/views/errors/404.vue,内容如下。404pagenotfound编辑src/App.vue,内容如下。路由配置安装组件
[email protected]新建src/router/index.ts,内容如下。import{
- 【第1到23讲】 基于vue + spring boot学生宿舍管理系统(文末附项目完整源代码+万字文档)
LuXi_foryou
vue.jsspringboot前端
基于vue+springboot学生宿舍管理1、环境准备1、安装node.js2、安装vue-cli3、安装vscode开发工具2、下载node.js浏览器打开https://nodejs.org/zh-cn/download/进入下载1.2点击【以往的版本】进入所示列表界面,选择自己所需要的版本进行下载安装3、vue-cli安装1.2.1检查node.js是否安装通过命令提示符,node-vnp
- vue-esign实现电子签名
dlhto
vue前端vue.jsjavascript前端
导入依赖pnpminstallvue-esign--savesign.vue代码实现取消清空画板确认签名importvueEsignfrom"vue-esign";exportdefault{data(){return{autographStatus:true,//todofalselineWidth:6,lineColor:"#000000",resultImg:"",isCrop:false,
- npm run dev原理
black^sugar
npm前端node.js
1、npmrundev会启动根目录下的package.json里的scripts字段指定的命令。所以执行npmrundev等同于执行vite(仅限于下图场景中)2、npm会到node_modules/.bin/目录下找到vite.sh,并执行该shell该shell文件如下#!/bin/sh#$0代表脚本自身的路径#dirname获取脚本所在的目录路径#sed-e's,\\,/,g'将路径中的\替
- NodeJs中npm国内慢的问题解决
夏木炎
npm前端node.js
方法一:更改npm配置文件:$npmconfigsetregistryhttp://registry.npm.taobao.orgURL即为需要设置的镜像站点地址,如淘宝镜像:http://registry.npm.taobao.org方法二:你可以使用淘宝NPM镜像定制的cnpm(gzip压缩支持)命令行工具代替默认的npm:$npminstall-gcnpm--registry=https:/
- 使用nexus在windows上搭建npm私服
WDF.
一、下载安装1、在官网下载:NexusRepositoryManagerOSS3.x,解压至任意位置。(但是我在官网下载了几次都没成功)百度云下载地址:NexusRepositoryManagerOSS3.x提取码:7w7w2、管理员运行cmd,切换到nexus-3.17.0-01/bin目录,nexus.exe/install进行安装,成功后会提示Installedservice'nexus'注
- npm【一】---vue3+vite+ts 发布、更新自定义组件到npm仓库
sisimi_43966973
npmnpm前端node.js
1.初始化项目本示例使用npm7+版本(项目为sos-ol-map)#npm6.xnpminitvite@latestsos-ol-map--templatevue-ts#npm7+,需要额外的双横线:npminitvite@latestsos-ol-map----templatevue-ts#yarnyarncreatevitesos-ol-map--templatevue-ts#pnpmpnp
- react 组件封装原则_如何基于antd封装自己的react组件并发布到npm
楚云卿
react组件封装原则
引言在前端项目开发过程中,有大量重复的内容,比如布局相似的模块,较多的功能表单等,我们可以提炼成组件来提升效率,减少重复建设。文章以实际工作中的项目为例,介绍如何将项目中常用的组件进行封装并发布到npm中。1前提要求在开始前你需要具备以下条件:安装了Node&npm安装了Git基本掌握npm,git使用方法熟练使用JavaScript&ES6&CSS基本掌握React熟悉React,antd2开始
- Node_文件上传&令牌
katsukichan
Node
信息获取来源EnoYao创建脚手架expresskatsuki-project(express名称)在katsuki-project目录下安装依赖包npminstall上传单文件项目在katsuki-project安装multer模块npminstallmulter--save目录中创建一个uploads文件夹,不创建运行也会自动创建项目结构publicjavascriptsjquery.jsup
- 使用cnpmcore搭建npm本地仓库
GodNew
nodenpm前端node.js
参考资料:企业级包管理服务cnpmcore-知乎源码地址:https://github.com/cnpm/cnpmcore此工具当前还在发展阶段,只是一个registry,尚无web管理功能。下文介绍基于version:2.4.1搭建一个本地私服环境准备准备一个linux环境,最后还是可以切换到windows环境的。安装node用于运行程序,node版本需要16.x以上。安装git用于下载cnpm
- Node.js、数据库、模块化、NPM、Axios
chenjia525
node.js数据库npm
一、初识Node.js1.基于chromev8引擎的js运行环境2.v8引擎:chrome的js解析引擎,C++开发,单线程,可独立运行3.运行环境:①类似虚拟机,提供js在服务端运行的环境②js工具库:扩展了js在服务端的功能二、环境安装1.Node.js必须先安装再使用--有很多版本2.安装方式:①下载包安装:添加到环境变量版本更新:重新下载安装②NVM:多版本切换3.查看是否安装成功:nod
- 使用Vite创建Vue3项目
Asafoetida阿魏
vue.js前端
为啥选vite创建,请看vite官网给出的解释,我只是一个不想记忆的咸鱼。使用npm搭建项目,要求Node.js版本>=14.18.0。1.报上名来创建:在命令行输入npm-v检查版本,然后根据版本做选择,真的很快!!!#npm6.x版本,使用这个npminitvite@latest--templatevue#npm7版本以上,要多加两条杠npminitvite@latest----templat
- npm-npm init与npm init -y区别与作用(初始化一个新的node.js项目)
岂不闻
gitorvscodeornpmnodenvmnode.jsnode.jsnpm前端
npminit和npminit-y都用于初始化一个新的node.js项目,创建package.json文件,文件包含项目的原数据,项目名称,版本,依赖包等。npminit:启动交互式的命令行工具,提示输入项目的各种信息,比如名称,版本,描述,入口文件,测试命令。根据输入相应的内容,使用回车键使用默认值npminit-y或npminit-yes:直接生成package.json文件,使用默认值填充信
- Nodejs中npm i 与npm ci的区别
IT 老王
vue.js前端javascript
在Node.js里,npmi(也就是npminstall)和npmci都是用来管理项目依赖的命令,但它们在功能和使用场景上存在差别,下面为你详细说明:1.npmi功能:它的主要功能是安装项目依赖,会依据项目根目录下的package.json文件来安装所有依赖包。要是项目里有package-lock.json或者npm-shrinkwrap.json文件,npmi会尽量依照这些文件里记录的版本来安装
- 在windows10系统上搭建npm仓库源
小妖666
npm前端node.jsverdaccio
安装Verdaccio:npminstall-gverdaccio启动verdaccioverdaccio打开config.yaml路径在第一行configfile-C:\Users\huyun\AppData\Roaming\verdaccio\config.yaml最下面添加一行listen:0.0.0.0:4873另外我们的国内的镜像源一般是使用淘宝镜像去下载东西的,那么可以把我们的镜像源的
- 从零到一:如何系统化封装并发布 React 组件库到 npm
冬冬小圆帽
react.jsnpmrust
1.项目初始化1.1创建项目首先,创建一个新的项目目录并初始化package.json文件。mkdirmy-component-librarycdmy-component-librarynpminit-y1.2安装依赖安装开发所需的依赖项,如构建工具、测试框架等。npminstall--save-devwebpackwebpack-clibabel-loader@babel/core@babel/
- deepseek在vue3的应用
白马?定叫他有来无回!
学习vue前端deepseekvue3
npminstallvue3-markdown-it注意是vue3-markdown-it不是markdown-it这个是对输出的文字做优化。asyncfunctionaiAPi(){dialog.value.visible=truedialog.value.reasoning_content=''dialog.value.content=''dialog.value.flag=falseletm
- es6常用总结
shadouqi
jses6前端ecmascript
官方文档前言一些老版本浏览器对es6不识别,所以可以用babel去吧es6转化为es5,安装转化工具npminstall-gbabel-cli转化指定目录npxbabelsrc--out-dirlib或者可以在package.json的script中使用"build":"babelsrc--out-dirdist"新建.babelrc{"presets":["es2015"],"plugins":
- vite+vue+ts+element-plus从零开发管理后台框架(14)-全屏切换
vue3
安装插件npminstall@vueuse/
[email protected]编辑src/views/Main.vue,template段header-right下最前面添加如下代码。script段引入并实例化FullScreenimport{onMounted,ref}from'vue'import{useRoute,useRouter}from'vue-router'import{useFullscre
- vue项目全局引入scss文件
马康鑫
vue.jsscss前端
在Vue项目中,可以通过以下步骤全局引用SCSS文件:1、首先,确保你的Vue项目已经安装了SCSS的相关依赖,可以使用npm或者yarn进行安装。例如,使用npm安装依赖的命令如下:npminstallnode-sasssass-loader--save-dev2、在Vue项目的根目录下,创建一个名为vue.config.js的文件(如果已经存在则跳过此步骤)。3、在vue.config.js文
- pnpm安装报错
魏时烟
工作日志npm前端node.js
mac安装pnpm成功,查看版本报错pnpm:commandnotfound执行命令//查看npm默认安装路径npmconfiggetprefix//1.新建一个全局安装的路径mkdir~/.npm-global//2.配置npm使用新的路径npmconfigsetprefix'~/.npm-global'//3.打开或者新建~/.profile,(vi~/.profile)加入下面一行expor
- 单元测试-vitest笔记
小天呐
笔记前端vitest
一、关于测试1、测试分类单元测试:unittest集成测试端对端测试:e2e2、通用测试框架:jestvitest只能做js、ts测试。运行环境是node,没有dom和window如果需要测试dom,需要安装jsdom,用于在node环境中模拟dom二、vitest1、基本使用安装npmivitest-D配置启动命令"scripts":{"test":"vitest"}新建以.spec.ts或.t
- npm --unsafe-perm 参数,解决权限错误,permission denied
你的微笑像拥抱
笔记
https://docs.npmjs.com/misc/config#unsafe-perm解决办法:添加–unsafe-perm参数,如#npminstallXXX--registry=https://registry.npm.taobao.org--unsafe-permnpm会有生命周期,某个包会有生命周期来执行一些东西,安全起见会自动降级导致没有权限执行一些操作,通过–unsafe-per
- 前端webpack 高薪企业必备面试真题16道 ---带答案(9)(20220415)
一染星辰
企业真实面试题前端webpack
目录1、什么是webpack(必会)2、webpack的优点是什么?(必会)3、webpack的构建流程是什么?从读取配置到输出文件这个过程尽量说全(必会)4、webpack与grunt、gulp的不同?(必会)1、三者之间的区别2、构建思路的区别3、从知识背景区别5、有哪些常见的Loader?他们是解决什么问题的?(必会)6、Loader和Plugin的不同?(必会)1、不同的作用2、不同的用法
- SQL的各种连接查询
xieke90
UNION ALLUNION外连接内连接JOIN
一、内连接
概念:内连接就是使用比较运算符根据每个表共有的列的值匹配两个表中的行。
内连接(join 或者inner join )
SQL语法:
select * fron
- java编程思想--复用类
百合不是茶
java继承代理组合final类
复用类看着标题都不知道是什么,再加上java编程思想翻译的比价难懂,所以知道现在才看这本软件界的奇书
一:组合语法:就是将对象的引用放到新类中即可
代码:
package com.wj.reuse;
/**
*
* @author Administrator 组
- [开源与生态系统]国产CPU的生态系统
comsci
cpu
计算机要从娃娃抓起...而孩子最喜欢玩游戏....
要让国产CPU在国内市场形成自己的生态系统和产业链,国家和企业就不能够忘记游戏这个非常关键的环节....
投入一些资金和资源,人力和政策,让游
- JVM内存区域划分Eden Space、Survivor Space、Tenured Gen,Perm Gen解释
商人shang
jvm内存
jvm区域总体分两类,heap区和非heap区。heap区又分:Eden Space(伊甸园)、Survivor Space(幸存者区)、Tenured Gen(老年代-养老区)。 非heap区又分:Code Cache(代码缓存区)、Perm Gen(永久代)、Jvm Stack(java虚拟机栈)、Local Method Statck(本地方法栈)。
HotSpot虚拟机GC算法采用分代收
- 页面上调用 QQ
oloz
qq
<A href="tencent://message/?uin=707321921&Site=有事Q我&Menu=yes">
<img style="border:0px;" src=http://wpa.qq.com/pa?p=1:707321921:1></a>
- 一些问题
文强chu
问题
1.eclipse 导出 doc 出现“The Javadoc command does not exist.” javadoc command 选择 jdk/bin/javadoc.exe 2.tomcate 配置 web 项目 .....
SQL:3.mysql * 必须得放前面 否则 select&nbs
- 生活没有安全感
小桔子
生活孤独安全感
圈子好小,身边朋友没几个,交心的更是少之又少。在深圳,除了男朋友,没几个亲密的人。不知不觉男朋友成了唯一的依靠,毫不夸张的说,业余生活的全部。现在感情好,也很幸福的。但是说不准难免人心会变嘛,不发生什么大家都乐融融,发生什么很难处理。我想说如果不幸被分手(无论原因如何),生活难免变化很大,在深圳,我没交心的朋友。明
- php 基础语法
aichenglong
php 基本语法
1 .1 php变量必须以$开头
<?php
$a=” b”;
echo
?>
1 .2 php基本数据库类型 Integer float/double Boolean string
1 .3 复合数据类型 数组array和对象 object
1 .4 特殊数据类型 null 资源类型(resource) $co
- mybatis tools 配置详解
AILIKES
mybatis
MyBatis Generator中文文档
MyBatis Generator中文文档地址:
http://generator.sturgeon.mopaas.com/
该中文文档由于尽可能和原文内容一致,所以有些地方如果不熟悉,看中文版的文档的也会有一定的障碍,所以本章根据该中文文档以及实际应用,使用通俗的语言来讲解详细的配置。
本文使用Markdown进行编辑,但是博客显示效
- 继承与多态的探讨
百合不是茶
JAVA面向对象 继承 对象
继承 extends 多态
继承是面向对象最经常使用的特征之一:继承语法是通过继承发、基类的域和方法 //继承就是从现有的类中生成一个新的类,这个新类拥有现有类的所有extends是使用继承的关键字:
在A类中定义属性和方法;
class A{
//定义属性
int age;
//定义方法
public void go
- JS的undefined与null的实例
bijian1013
JavaScriptJavaScript
<form name="theform" id="theform">
</form>
<script language="javascript">
var a
alert(typeof(b)); //这里提示undefined
if(theform.datas
- TDD实践(一)
bijian1013
java敏捷TDD
一.TDD概述
TDD:测试驱动开发,它的基本思想就是在开发功能代码之前,先编写测试代码。也就是说在明确要开发某个功能后,首先思考如何对这个功能进行测试,并完成测试代码的编写,然后编写相关的代码满足这些测试用例。然后循环进行添加其他功能,直到完全部功能的开发。
- [Maven学习笔记十]Maven Profile与资源文件过滤器
bit1129
maven
什么是Maven Profile
Maven Profile的含义是针对编译打包环境和编译打包目的配置定制,可以在不同的环境上选择相应的配置,例如DB信息,可以根据是为开发环境编译打包,还是为生产环境编译打包,动态的选择正确的DB配置信息
Profile的激活机制
1.Profile可以手工激活,比如在Intellij Idea的Maven Project视图中可以选择一个P
- 【Hive八】Hive用户自定义生成表函数(UDTF)
bit1129
hive
1. 什么是UDTF
UDTF,是User Defined Table-Generating Functions,一眼看上去,貌似是用户自定义生成表函数,这个生成表不应该理解为生成了一个HQL Table, 貌似更应该理解为生成了类似关系表的二维行数据集
2. 如何实现UDTF
继承org.apache.hadoop.hive.ql.udf.generic
- tfs restful api 加auth 2.0认计
ronin47
目前思考如何给tfs的ngx-tfs api增加安全性。有如下两点:
一是基于客户端的ip设置。这个比较容易实现。
二是基于OAuth2.0认证,这个需要lua,实现起来相对于一来说,有些难度。
现在重点介绍第二种方法实现思路。
前言:我们使用Nginx的Lua中间件建立了OAuth2认证和授权层。如果你也有此打算,阅读下面的文档,实现自动化并获得收益。SeatGe
- jdk环境变量配置
byalias
javajdk
进行java开发,首先要安装jdk,安装了jdk后还要进行环境变量配置:
1、下载jdk(http://java.sun.com/javase/downloads/index.jsp),我下载的版本是:jdk-7u79-windows-x64.exe
2、安装jdk-7u79-windows-x64.exe
3、配置环境变量:右击"计算机"-->&quo
- 《代码大全》表驱动法-Table Driven Approach-2
bylijinnan
java
package com.ljn.base;
import java.io.BufferedReader;
import java.io.FileInputStream;
import java.io.InputStreamReader;
import java.util.ArrayList;
import java.util.Collections;
import java.uti
- SQL 数值四舍五入 小数点后保留2位
chicony
四舍五入
1.round() 函数是四舍五入用,第一个参数是我们要被操作的数据,第二个参数是设置我们四舍五入之后小数点后显示几位。
2.numeric 函数的2个参数,第一个表示数据长度,第二个参数表示小数点后位数。
例如:
select cast(round(12.5,2) as numeric(5,2))  
- c++运算符重载
CrazyMizzz
C++
一、加+,减-,乘*,除/ 的运算符重载
Rational operator*(const Rational &x) const{
return Rational(x.a * this->a);
}
在这里只写乘法的,加减除的写法类似
二、<<输出,>>输入的运算符重载
&nb
- hive DDL语法汇总
daizj
hive修改列DDL修改表
hive DDL语法汇总
1、对表重命名
hive> ALTER TABLE table_name RENAME TO new_table_name;
2、修改表备注
hive> ALTER TABLE table_name SET TBLPROPERTIES ('comment' = new_comm
- jbox使用说明
dcj3sjt126com
Web
参考网址:http://www.kudystudio.com/jbox/jbox-demo.html jBox v2.3 beta [
点击下载]
技术交流QQGroup:172543951 100521167
[2011-11-11] jBox v2.3 正式版
- [调整&修复] IE6下有iframe或页面有active、applet控件
- UISegmentedControl 开发笔记
dcj3sjt126com
// typedef NS_ENUM(NSInteger, UISegmentedControlStyle) {
// UISegmentedControlStylePlain, // large plain
&
- Slick生成表映射文件
ekian
scala
Scala添加SLICK进行数据库操作,需在sbt文件上添加slick-codegen包
"com.typesafe.slick" %% "slick-codegen" % slickVersion
因为我是连接SQL Server数据库,还需添加slick-extensions,jtds包
"com.typesa
- ES-TEST
gengzg
test
package com.MarkNum;
import java.io.IOException;
import java.util.Date;
import java.util.HashMap;
import java.util.Map;
import javax.servlet.ServletException;
import javax.servlet.annotation
- 为何外键不再推荐使用
hugh.wang
mysqlDB
表的关联,是一种逻辑关系,并不需要进行物理上的“硬关联”,而且你所期望的关联,其实只是其数据上存在一定的联系而已,而这种联系实际上是在设计之初就定义好的固有逻辑。
在业务代码中实现的时候,只要按照设计之初的这种固有关联逻辑来处理数据即可,并不需要在数据库层面进行“硬关联”,因为在数据库层面通过使用外键的方式进行“硬关联”,会带来很多额外的资源消耗来进行一致性和完整性校验,即使很多时候我们并不
- 领域驱动设计
julyflame
VODAO设计模式DTOpo
概念:
VO(View Object):视图对象,用于展示层,它的作用是把某个指定页面(或组件)的所有数据封装起来。
DTO(Data Transfer Object):数据传输对象,这个概念来源于J2EE的设计模式,原来的目的是为了EJB的分布式应用提供粗粒度的数据实体,以减少分布式调用的次数,从而提高分布式调用的性能和降低网络负载,但在这里,我泛指用于展示层与服务层之间的数据传输对
- 单例设计模式
hm4123660
javaSingleton单例设计模式懒汉式饿汉式
单例模式是一种常用的软件设计模式。在它的核心结构中只包含一个被称为单例类的特殊类。通过单例模式可以保证系统中一个类只有一个实例而且该实例易于外界访问,从而方便对实例个数的控制并节约系统源。如果希望在系统中某个类的对象只能存在一个,单例模式是最好的解决方案。
&nb
- logback
zhb8015
loglogback
一、logback的介绍
Logback是由log4j创始人设计的又一个开源日志组件。logback当前分成三个模块:logback-core,logback- classic和logback-access。logback-core是其它两个模块的基础模块。logback-classic是log4j的一个 改良版本。此外logback-class
- 整合Kafka到Spark Streaming——代码示例和挑战
Stark_Summer
sparkstormzookeeperPARALLELISMprocessing
作者Michael G. Noll是瑞士的一位工程师和研究员,效力于Verisign,是Verisign实验室的大规模数据分析基础设施(基础Hadoop)的技术主管。本文,Michael详细的演示了如何将Kafka整合到Spark Streaming中。 期间, Michael还提到了将Kafka整合到 Spark Streaming中的一些现状,非常值得阅读,虽然有一些信息在Spark 1.2版
- spring-master-slave-commondao
王新春
DAOspringdataSourceslavemaster
互联网的web项目,都有个特点:请求的并发量高,其中请求最耗时的db操作,又是系统优化的重中之重。
为此,往往搭建 db的 一主多从库的 数据库架构。作为web的DAO层,要保证针对主库进行写操作,对多个从库进行读操作。当然在一些请求中,为了避免主从复制的延迟导致的数据不一致性,部分的读操作也要到主库上。(这种需求一般通过业务垂直分开,比如下单业务的代码所部署的机器,读去应该也要从主库读取数