- html页面引入ts文件,html中引入ts,使用webpack如何正确配置?
马运良
html页面引入ts文件
目的:html多文件中script引入ts文件,然后通过webpack服务运行起来。部分代码:index.htmlindex.tsconsole.log(document.getElementById('app'))webpack.config.jsconstHtmlWebpackPlugin=require("html-webpack-plugin");module.exports={entry
- 使用 Webpack + TypeScript 来创建项目【持续更新】
Alert.GoSt
WebpackTypeScriptwebpacktypescriptjavascript
第一步、安装nodejs;第二步、创建项目文件夹,在该项目下执行npminit命令;第三步、执行npmi-Dwebpackwebpack-clitypescriptts-loader命令,导入项目所需依赖;第四步、在根目录下创建webpack.config.js文件,引入webpack相关配置,在package.json文件中加入脚本"build":"webpack";//引入依赖constpat
- python操作selenium的简单封装
什么都干的派森
python高级Pythonpythonselenium开发语言
config.config.pyimportosimportsys#selenium代理SELENIUM_PROXY='ip:port'#selenium加载超时时间LOADING_TIME_OUT=20#chrome版本CHROME_VERSION=131#模型根路径#MODEL_DIR=Noneifsys
- npm login报错 ‘proxy‘ config is set properly. See: ‘npm help config‘
zhuyua
npm前端node.js
报错提示解决办法按照以下的顺序执行命令行检查自己的代理npmconfiggetproxynpmconfiggetnpmconfiggethttps-proxynpmconfiggetregistry代理和缓存置空并且设置新镜像npmconfigsetproxynullnpmconfigsethttps-proxynullnpmconfigsetregistryhttps://registry.np
- git报错:git Permission denied, please try again.
flying_fish79
开发工具git
1问题描述:gitclone/pull代码时提示输入密码,密码输入正确但是报错:gitPermissiondenied,pleasetryagain.2解决方案:step1检查SSHKey是否存在#cd~/.ssh#lsstep2获取SSHKey如果存在id_rsa.pub或id_dsa.pub文件,跳过此步。如果不存在,则生成:先查看git邮箱地址#gitconfig--list再生成SSHKe
- 深入理解微服务架构 - Spring Cloud
concisedistinct
Java开发技术栈后端开发高效系统架构springcloud微服务架构spring后端分布式Eureka
目录一SpringCloud概述什么是SpringCloud?为什么选择SpringCloud?二SpringCloud的核心组件SpringCloudConfig概述工作原理示例代码SpringCloudNetflixEureka概述工作原理示例代码SpringCloudRibbon概述工作原理示例代码SpringCloudHystrix概述工作原理示例代码SpringCloudGateway概
- HarmonyOS实战开发:卡片定时刷新和定点刷新
蜀道衫QAQ
鸿蒙harmonyos华为鸿蒙鸿蒙系统android
当前卡片框架提供了如下几种按时间刷新卡片的方式:定时刷新:表示在一定时间间隔内调用onUpdateForm的生命周期回调函数自动刷新卡片内容。可以在form_config.json配置文件的updateDuration字段中进行设置。例如,可以将刷新时间设置为每小时一次。说明:在使用定时和定点刷新功能之前,需要在form_config.json配置文件中设置字段为,以启用周期性刷新功能。当配置了(
- npm报错‘proxy‘ config is set properxy. See: ‘npm help config‘
flying_fish79
开发工具npmrust前端
1报错信息npmWARNregistryUnexpectedwarningforhttps://registry.npmjs.org/:MiscellaneousWarningETIMEDOUT:requesttohttps://registry.npmjs.org/vue-reffailed,reason:connectETIMEDOUT104.16.20.35:443npmWARNregist
- vue跨域解决的几种方案【建议收藏】
小二爱编程·
vue.jsjavascript前端
vue跨域解决的几种方案一、开发环境解决跨域方法平时使用vue开发的时候,大多会使用vue-cli搭建项目,在vue-cli搭建的项目中有一个配置文件vue.config.js,可以在该文件中进行相应的配置解决开发环境的跨域问题。第一步设置公共url:api/index.jsimportaxiosfrom'axios'importrouterfrom'@/router/index.js'impor
- python执行sql 语句
change 阿光
数据产品经理sqlpython数据库
python执行sql语句数据etl过程中会涉及到调度,也就是每天要定时执行的任务,这些任务执行过程中其实是通过底层的脚本代码来进行数据的清洗转换等处理的。而脚本代码中肯定会涉及到调用sql语句的情况,最近项目正好用到python脚本调用sql进行数据处理的需求。直接上代码importconfigparserimportpymysql#读取配置文件conf=configparser.RawConf
- 尚硅谷大数据项目【电商数仓6.0】-Kafka安装-3
Xiaoweidumpb
大数据kafka分布式
解压tar-zxvf/opt/software/kafka_2.12-3.3.1.tgz-C/opt/module/mvkafka_2.12-3.3.1/kafkacd/opt/module/kafka/configviserver.properties#LicensedtotheApacheSoftwareFoundation(ASF)underoneormore#contributorlice
- Spring的启动流程,90%的Java程序员都说不出来!
呱牛 do IT
程序设计java
1.Spring启动的整体流程对于Spring应用程序的启动过程,我们可以总结成以下6个主要步骤:引导阶段:启动器(如SpringBoot的SpringApplication)被调用,初始化应用上下文。环境准备:加载配置文件,设置环境属性。创建应用上下文:根据配置创建适当的ApplicationContext(如AnnotationConfigApplicationContext)。注册Bean定
- Git使用指南
白也_y
git
完整Linux教程1.gitgit基本概念工作区:仓库的目录。工作区是独立于各个分支的。暂存区:数据暂时存放的区域,类似于工作区写入版本库前的缓存区。暂存区是独立于各个分支的。版本库:存放所有已经提交到本地仓库的代码版本版本结构:树结构,树中每个节点代表一个代码版本。git常用命令全局设置gitconfig--globaluser.namexxx:设置全局用户名,信息记录在~/.gitconfig
- ubuntu系统设置可以密码登录并允许root用户登录
于齐龙
Linuxssh运维ubuntu
文章目录前言一、确认否有ssh服务二、修改/etc/ssh/sshd_config配置文件三、重启ssh服务总结前言安装好ubuntu系统后,默认是无法通过密码远程shell连接的,需要修改配置文件。一、确认否有ssh服务我这边使用的是ubuntu22.04LTS的系统,默认有ssh服务,如果没有的话,需要安装一下。servicesshstatus安装ssh服务apt-getinstallopen
- Linux修改SSH端口号
于齐龙
Linuxlinuxssh服务器
我这里那RedHat系列的操作系统举例,修改SSH端口号修改SSH配置文件:/etc/ssh/sshd_config,将端口号修改为2222.vim/etc/ssh/sshd_config重启SSH服务systemctlrestartsshd#如果是比较旧的OS,使用下面的命令重启servicesshrestart验证端口更改是否成功netstat-tulnp|
- 前端解决跨域问题
潜意识Java
intellij-ideajavaideagitgitee
♀️潜意识起点:个人主页座右铭:得之坦然,失之淡然。擅长领域:前端是的,我需要您的:点赞❤️关注收藏是我持续下去的动力!目录一.作者有话说二.第一步2.1在你的vue找到vite.config.js2.2快捷代码三.第二步3.1访问路径更改编辑3.2问题解决了四.总结【不用看,浪费大家时间】4.1安全性4.2灵活性4.3模块化架构4.4分离关注点4.5提高用户体验4.6便于调试和测试4.7支持移
- Lua 的 Neovim 常用配置
胖大和尚
lua开发语言
以下是一份基于Lua的Neovim常用配置指南,涵盖基础设置、插件管理、代码补全、语法高亮、文件导航等核心功能。所有配置基于现代最佳实践,支持模块化扩展。目录结构~/.config/nvim/├──init.lua#主入口└──lua/├──core/#基础配置│├──options.lua│├──keymaps.lua│└──autocommands.lua├──plugins/#插件配置│├─
- h5接微信js-sdk的详细步骤
爱编程的小学究
公众号与小程序专栏微信javascript前端
h5接微信js-sdk的详细步骤JS-SDK配置流程(前端需要做的)1、配置JS安全域名2、服务接入3、引入Js文件4、使用wx.config进行权限验证5、代码JS-SDK配置流程(后端需要做的)获取access_token获取jsapi_ticket计算签名参考网站JS-SDK配置流程(前端需要做的)流程图:
- CentOS7.9 安装python3.12
kingdom826
linux运维服务器
解决configer报错:checkingforopenssl/ssl.hin/usr/local...nocheckingwhethercompilingandlinkingagainstOpenSSLworks...nocheckingfor--with-openssl-rpath...autocheckingwhetherOpenSSLprovidesrequiredsslmoduleAPI
- 实验五、六 MyBatis实现简单的增、删、改、查操作
老徐爱吃肉!
mavenspringjavamybatis
目录实验目的:实验内容:实验任务1:创建项目,介个都会吧!实验任务2:创建一个你自己个喜欢的数据库(简单)实验任务3:创建User实体类(根据你自己数据库表字段进行编写)和Dao实验任务4:配置mybatis-config.xml和Mapper等文件实验任务5:创建Test测试类实验目的:1、掌握MyBatis项目的创建过程。2、掌握MyBatis配置文件的编写3、掌握MyBatis的开发步骤与过
- 版本控制GIT的使用
木子0204
git
在GitCode上进行代码提交的步骤与在GitHub或其他Git托管平台上提交代码的步骤类似。以下是一个基本的流程:1.安装Git如果你还没有安装Git,首先需要在你的计算机上安装Git。你可以从Git官方网站下载并安装适合你操作系统的版本。2.配置Git安装完成后,你需要配置你的用户名和邮箱地址,这些信息会与你的提交记录关联。gitconfig--globaluser.name"你的用户名"gi
- 树莓派启用root权限
EngineerSuTao
树莓派
启用rootraspbian默认用户名为pi、密码为raspberry(若使用raspi-config修改过密码,则为修改后的密码)默认情况下,root用户并未启用,且没有密码当需要root权限时,需要使用sudo执行若要启动root账号,可以使用pi账户进行登陆,执行命令sudopasswdroot之后设定root密码,之后执行命令启用root账户sudopasswd--unlockroot重启
- HarmonyOS主题管理工具封装:动态切换、持久化存储与常见问题解析
qq_55376032
HarmonyOSharmonyos华为鸿蒙
一、效果展示二、技术栈HarmonyOSArkUI框架使用AppStorage实现跨组件状态管理,PersistentStorage持久化存储用户偏好。系统配置常量ConfigurationConstant.ColorMode定义系统支持的颜色模式(浅色/深色/未设置)。UIAbility上下文通过common.UIAbilityContext获取应用上下文,调用setColorMode同步系统级
- Git使用
code_talking
git
git1.pip安装命令2.gitclone失败解决此文章会一直更新在git中遇到的问题及解决方案1.pip安装命令pipinstall-ihttps://pypi.tuna.tsinghua.edu.cn/simplePyMuPDF2.gitclone失败解决先在git的UI界面执行下面两条命令:gitconfig--global--unsethttp.proxygitconfig--globa
- wangEditor富文本轻量使用及多个编辑器
quan2631
编辑器wangEditor多个编辑器javascript
0、官网wangEditormultieditor1、引入文件2、页面描述:3、初始化/*-----【富文本】第3步,初始化开始----*/constE=window.wangEditor;consttoolbarConfig={excludeKeys:['group-image','insertLink','insertImage','insertVideo','insertTable','co
- 使用html5-qrcode 扫描二维码(vue3)
vayne_1
vuehtml5前端html
步骤:1.安装库html5-qrcode:npmihtml5-qrcode2.开启https(这里安装@vitejs/plugin-basic-ssl模拟)//vite.config.jsimportbasicSslfrom'@vitejs/plugin-basic-ssl'exportdefaultdefineConfig({plugins:[vue(),basicSsl()],//这里写入插件
- npm,pnpm设置淘宝镜像源以及还原为官方镜像源
L_!!!
NodeJsnpm前端node.js
配置npm国内镜像(下载安装模块更快)#设置为淘宝镜像源npmconfigsetregistryhttps://registry.npmmirror.com#pnpm设置镜像源npmconfigsetregistryhttps://registry.npmjs.org/pnpm设置镜像源#查询当前使用的镜像源pnpmgetregistry#设置为淘宝镜像源pnpmconfigsetregistry
- centos下nginx实现按国家/地域封禁、按ip频率限流能力、ngx_http_geoip2_module、ngx_http_geoip_module的区分
zlingh
网络nginxlinux运维服务器
本人亲测,且在docker环境中运行成功一、采用ngx_http_geoip2_module模块nginx版本./configure--with-http_stub_status_module--prefix=/usr/local/nginx--user=nginx--group=nginx--with-http_ssl_module--with-stream--add-module=/usr/l
- linux驱动(三):gpiolib
菜_小_白
linuxc语言驱动开发
本文主要探讨使用210的gpiolib库编写led驱动。gpio.h#defineS5PV210_GPIO_A0_NR(8)......#defineS5PV210_GPIO_ETC4_NR (6)定义端口的GPIO数目#defineS5PV210_GPIO_NEXT(__gpio)\ ((__gpio##_START)+(__gpio##_NR)+CONFIG_S3C_GPIO_SPAC
- langchain chroma 与 chromadb笔记
phynikesi
langchain笔记chromadb
chromadb可独立使用也可搭配langchain框架使用。环境:python3.9langchain=0.2.16chromadb=0.5.3chromadb使用示例importchromadbfromchromadb.configimportSettingsfromchromadb.utilsimportembedding_functions#加载embedding模型en_embeddin
- java数字签名三种方式
知了ing
javajdk
以下3钟数字签名都是基于jdk7的
1,RSA
String password="test";
// 1.初始化密钥
KeyPairGenerator keyPairGenerator = KeyPairGenerator.getInstance("RSA");
keyPairGenerator.initialize(51
- Hibernate学习笔记
caoyong
Hibernate
1>、Hibernate是数据访问层框架,是一个ORM(Object Relation Mapping)框架,作者为:Gavin King
2>、搭建Hibernate的开发环境
a>、添加jar包:
aa>、hibernatte开发包中/lib/required/所
- 设计模式之装饰器模式Decorator(结构型)
漂泊一剑客
Decorator
1. 概述
若你从事过面向对象开发,实现给一个类或对象增加行为,使用继承机制,这是所有面向对象语言的一个基本特性。如果已经存在的一个类缺少某些方法,或者须要给方法添加更多的功能(魅力),你也许会仅仅继承这个类来产生一个新类—这建立在额外的代码上。
- 读取磁盘文件txt,并输入String
一炮送你回车库
String
public static void main(String[] args) throws IOException {
String fileContent = readFileContent("d:/aaa.txt");
System.out.println(fileContent);
- js三级联动下拉框
3213213333332132
三级联动
//三级联动
省/直辖市<select id="province"></select>
市/省直辖<select id="city"></select>
县/区 <select id="area"></select>
- erlang之parse_transform编译选项的应用
616050468
parse_transform游戏服务器属性同步abstract_code
最近使用erlang重构了游戏服务器的所有代码,之前看过C++/lua写的服务器引擎代码,引擎实现了玩家属性自动同步给前端和增量更新玩家数据到数据库的功能,这也是现在很多游戏服务器的优化方向,在引擎层面去解决数据同步和数据持久化,数据发生变化了业务层不需要关心怎么去同步给前端。由于游戏过程中玩家每个业务中玩家数据更改的量其实是很少
- JAVA JSON的解析
darkranger
java
// {
// “Total”:“条数”,
// Code: 1,
//
// “PaymentItems”:[
// {
// “PaymentItemID”:”支款单ID”,
// “PaymentCode”:”支款单编号”,
// “PaymentTime”:”支款日期”,
// ”ContractNo”:”合同号”,
//
- POJ-1273-Drainage Ditches
aijuans
ACM_POJ
POJ-1273-Drainage Ditches
http://poj.org/problem?id=1273
基本的最大流,按LRJ的白书写的
#include<iostream>
#include<cstring>
#include<queue>
using namespace std;
#define INF 0x7fffffff
int ma
- 工作流Activiti5表的命名及含义
atongyeye
工作流Activiti
activiti5 - http://activiti.org/designer/update在线插件安装
activiti5一共23张表
Activiti的表都以ACT_开头。 第二部分是表示表的用途的两个字母标识。 用途也和服务的API对应。
ACT_RE_*: 'RE'表示repository。 这个前缀的表包含了流程定义和流程静态资源 (图片,规则,等等)。
A
- android的广播机制和广播的简单使用
百合不是茶
android广播机制广播的注册
Android广播机制简介 在Android中,有一些操作完成以后,会发送广播,比如说发出一条短信,或打出一个电话,如果某个程序接收了这个广播,就会做相应的处理。这个广播跟我们传统意义中的电台广播有些相似之处。之所以叫做广播,就是因为它只负责“说”而不管你“听不听”,也就是不管你接收方如何处理。另外,广播可以被不只一个应用程序所接收,当然也可能不被任何应
- Spring事务传播行为详解
bijian1013
javaspring事务传播行为
在service类前加上@Transactional,声明这个service所有方法需要事务管理。每一个业务方法开始时都会打开一个事务。
Spring默认情况下会对运行期例外(RunTimeException)进行事务回滚。这
- eidtplus operate
征客丶
eidtplus
开启列模式: Alt+C 鼠标选择 OR Alt+鼠标左键拖动
列模式替换或复制内容(多行):
右键-->格式-->填充所选内容-->选择相应操作
OR
Ctrl+Shift+V(复制多行数据,必须行数一致)
-------------------------------------------------------
- 【Kafka一】Kafka入门
bit1129
kafka
这篇文章来自Spark集成Kafka(http://bit1129.iteye.com/blog/2174765),这里把它单独取出来,作为Kafka的入门吧
下载Kafka
http://mirror.bit.edu.cn/apache/kafka/0.8.1.1/kafka_2.10-0.8.1.1.tgz
2.10表示Scala的版本,而0.8.1.1表示Kafka
- Spring 事务实现机制
BlueSkator
spring代理事务
Spring是以代理的方式实现对事务的管理。我们在Action中所使用的Service对象,其实是代理对象的实例,并不是我们所写的Service对象实例。既然是两个不同的对象,那为什么我们在Action中可以象使用Service对象一样的使用代理对象呢?为了说明问题,假设有个Service类叫AService,它的Spring事务代理类为AProxyService,AService实现了一个接口
- bootstrap源码学习与示例:bootstrap-dropdown(转帖)
BreakingBad
bootstrapdropdown
bootstrap-dropdown组件是个烂东西,我读后的整体感觉。
一个下拉开菜单的设计:
<ul class="nav pull-right">
<li id="fat-menu" class="dropdown">
- 读《研磨设计模式》-代码笔记-中介者模式-Mediator
bylijinnan
java设计模式
声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
/*
* 中介者模式(Mediator):用一个中介对象来封装一系列的对象交互。
* 中介者使各对象不需要显式地相互引用,从而使其耦合松散,而且可以独立地改变它们之间的交互。
*
* 在我看来,Mediator模式是把多个对象(
- 常用代码记录
chenjunt3
UIExcelJ#
1、单据设置某行或某字段不能修改
//i是行号,"cash"是字段名称
getBillCardPanelWrapper().getBillCardPanel().getBillModel().setCellEditable(i, "cash", false);
//取得单据表体所有项用以上语句做循环就能设置整行了
getBillC
- 搜索引擎与工作流引擎
comsci
算法工作搜索引擎网络应用
最近在公司做和搜索有关的工作,(只是简单的应用开源工具集成到自己的产品中)工作流系统的进一步设计暂时放在一边了,偶然看到谷歌的研究员吴军写的数学之美系列中的搜索引擎与图论这篇文章中的介绍,我发现这样一个关系(仅仅是猜想)
-----搜索引擎和流程引擎的基础--都是图论,至少像在我在JWFD中引擎算法中用到的是自定义的广度优先
- oracle Health Monitor
daizj
oracleHealth Monitor
About Health Monitor
Beginning with Release 11g, Oracle Database includes a framework called Health Monitor for running diagnostic checks on the database.
About Health Monitor Checks
Health M
- JSON字符串转换为对象
dieslrae
javajson
作为前言,首先是要吐槽一下公司的脑残编译部署方式,web和core分开部署本来没什么问题,但是这丫居然不把json的包作为基础包而作为web的包,导致了core端不能使用,而且我们的core是可以当web来用的(不要在意这些细节),所以在core中处理json串就是个问题.没办法,跟编译那帮人也扯不清楚,只有自己写json的解析了.
- C语言学习八结构体,综合应用,学生管理系统
dcj3sjt126com
C语言
实现功能的代码:
# include <stdio.h>
# include <malloc.h>
struct Student
{
int age;
float score;
char name[100];
};
int main(void)
{
int len;
struct Student * pArr;
int i,
- vagrant学习笔记
dcj3sjt126com
vagrant
想了解多主机是如何定义和使用的, 所以又学习了一遍vagrant
1. vagrant virtualbox 下载安装
https://www.vagrantup.com/downloads.html
https://www.virtualbox.org/wiki/Downloads
查看安装在命令行输入vagrant
2.
- 14.性能优化-优化-软件配置优化
frank1234
软件配置性能优化
1.Tomcat线程池
修改tomcat的server.xml文件:
<Connector port="8080" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443" maxThreads="1200" m
- 一个不错的shell 脚本教程 入门级
HarborChung
linuxshell
一个不错的shell 脚本教程 入门级
建立一个脚本 Linux中有好多中不同的shell,但是通常我们使用bash (bourne again shell) 进行shell编程,因为bash是免费的并且很容易使用。所以在本文中笔者所提供的脚本都是使用bash(但是在大多数情况下,这些脚本同样可以在 bash的大姐,bourne shell中运行)。 如同其他语言一样
- Spring4新特性——核心容器的其他改进
jinnianshilongnian
spring动态代理spring4依赖注入
Spring4新特性——泛型限定式依赖注入
Spring4新特性——核心容器的其他改进
Spring4新特性——Web开发的增强
Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC
Spring4新特性——Groovy Bean定义DSL
Spring4新特性——更好的Java泛型操作API
Spring4新
- Linux设置tomcat开机启动
liuxingguome
tomcatlinux开机自启动
执行命令sudo gedit /etc/init.d/tomcat6
然后把以下英文部分复制过去。(注意第一句#!/bin/sh如果不写,就不是一个shell文件。然后将对应的jdk和tomcat换成你自己的目录就行了。
#!/bin/bash
#
# /etc/rc.d/init.d/tomcat
# init script for tomcat precesses
- 第13章 Ajax进阶(下)
onestopweb
Ajax
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/
- Troubleshooting Crystal Reports off BW
blueoxygen
BO
http://wiki.sdn.sap.com/wiki/display/BOBJ/Troubleshooting+Crystal+Reports+off+BW#TroubleshootingCrystalReportsoffBW-TracingBOE
Quite useful, especially this part:
SAP BW connectivity
For t
- Java开发熟手该当心的11个错误
tomcat_oracle
javajvm多线程单元测试
#1、不在属性文件或XML文件中外化配置属性。比如,没有把批处理使用的线程数设置成可在属性文件中配置。你的批处理程序无论在DEV环境中,还是UAT(用户验收
测试)环境中,都可以顺畅无阻地运行,但是一旦部署在PROD 上,把它作为多线程程序处理更大的数据集时,就会抛出IOException,原因可能是JDBC驱动版本不同,也可能是#2中讨论的问题。如果线程数目 可以在属性文件中配置,那么使它成为
- 正则表达式大全
yang852220741
html编程正则表达式
今天向大家分享正则表达式大全,它可以大提高你的工作效率
正则表达式也可以被当作是一门语言,当你学习一门新的编程语言的时候,他们是一个小的子语言。初看时觉得它没有任何的意义,但是很多时候,你不得不阅读一些教程,或文章来理解这些简单的描述模式。
一、校验数字的表达式
数字:^[0-9]*$
n位的数字:^\d{n}$
至少n位的数字:^\d{n,}$
m-n位的数字:^\d{m,n}$