- 关于element plus 插件 e-table的用法
everyStudy
前端javascripthtml
下载依赖包npminstallelement-plus--save或者yarnaddelement-plus全局引入elementplusimportElementPlusfrom‘element-plus’import‘element-plus/dist/index.css’constapp=createApp(App)app.use(ElementPlus)app.mount(‘#app’)在
- element-plus-分页
everyStudy
javascript前端vue.js
下载依赖包npminstallelement-plus--save或者yarnaddelement-plus全局引入elementplusimportElementPlusfrom‘element-plus’import‘element-plus/dist/index.css’constapp=createApp(App)app.use(ElementPlus)app.mount(‘#app’)在
- 详说Express路由
圆滚滚肉肉
nodejs基础Espress基础express
Express路由1.简单介绍路由是指应用程序的端点(URL)如何响应客户端请求。我们可以使用app与HTTP方法相对应的Express对象的方法来定义路由。例如:app.get()处理GET请求和app.post()POST请求。还可以使用app.all()处理所有的HTTP方法,并使用app.use()将中间件指定为回调函数。这些路由方法指定在应用程序收到对指定路由(端点)和HTTP方法的请求
- Node中间件(一)原理及错误处理中间件
临渊羡鱼96
中间件node.jshtml5javascript前端
一.中间件原理中间件:封装了请求对象与相应对象的能够实现特定功能的函数//use()可以相应任意的方法请求,例如get,post,put,delete...//自定义错误消息中间件,如果用户的所有路由都不能匹配,在此给出一个有好的提示,注意一定要放在所有的路由的最后面。app.use((req,res)=>{res.send('对不起找不到你想要的资源');})作用:中间件值业务处理过程中中间环节
- 使用 Express 写接口
過尽千帆_YL
1.创建基本的服务器//导入expressconstexpress=require('express')//创建服务器实例constapp=express()//配置解析表单数据的中间件app.use(express.urlencoded({extended:false}))//必须在配置cors中间件之前,配置JSONP的接口app.get('/api/jsonp',(req,res)=>{//
- vue3插件原理
Jinuss
Vue前端源码vue.jsjavascript前端
概览vue3的生态圈提供了许多方便的插件或者工具,比如pinia、vue-router和ElementPlus等,使用插件的写法一般如下:constapp=createApp(App);app.use(pinia);app.use(router);app.use(ElementPlus,{locale});//第二个参数:{locale}为传给插件的参数源码分析vue3中use方法的实现打印cre
- vue 3 CDN 模版代码
xiaofei0627
vuevue.js前端javascript
Document***const{createApp,ref,reactive,watch,computed}=VueconstApp={setup(){conststate=reactive({status:'1',name:''})return{state}}}constapp=createApp(App)app.use(ElementPlus)app.mount('#app')
- express静态资源访问错误 xxx.js was blocked due to MIME type (“text/html“)
naruto2017
javascriptexpresshtml
归根结底原因是没有静态资源xxx.js的访问权限如何在express中给静态资源添加访问权限,我在expressjs中添加以下语句解决了该问题:app.use(express.static('public'));此时访问public文件夹中的xxx.js文件时,只需要使用路径http://127.0.0.1/xxx.js即可访问,路径中不需要带public---------------------
- 深入理解lambda表达式
金士顿
chatGPT高端局问答c#c##Lambdawinform
深入理解ASP.NETCore中的中间件和Lambda表达式varbuilder=WebApplication.CreateBuilder(args);varapp=builder.Build();app.Use(async(context,next)=>{//Addcodebeforerequest.awaitnext(context);//Addcodeafterrequest.});这段C#
- vue3项目引入pinia报错
Jl.610
vuevue.js前端vue
1.控制台错误提示:getActivePiniawascalledwithnoactivePinia.Didyouforgettoinstallpinia?2.报错原因pinia集成顺序错误挂载已经结束,但pinia集成失败运行报错3.解决方案:调整顺序将pinia的集成放在#app的挂载之前app.use(createPinia()).use(router).mount('#app')
- koa 中间件 以及koa中间件的洋葱图执行流程
阿水日记
一、什么是Koa的中间件通俗的讲:中间件就是匹配路由之前或者匹配路由完成做的一系列的操作,我们就可以把它叫做中间件。二、Koa应用可使用如下几种中间件:应用级中间件路由级中间件错误处理中间件第三方中间件1.应用级中间件//应用级中间件//如果有两个参数(匹配的路由,中间件处理函数)//如果没有第一个参数就是匹配所有路由app.use(async(ctx,next)=>{ctx.body+="这是一
- 五子棋小游戏(JS+Node+Websocket)可分房间对战
六卿
node#jsjsnode五子棋分房间websocket
主要通过js、canvas、node、websocket来实现五子棋游戏。tip:如果你想清楚的了解怎么实现,请一步步看思路流程,文章最后有项目的gitee地址、对应B站视频,可直接食用。首先搭建一个express服务:constexpress=require('express')constpath=require('path')constapp=express()//静态资源目录app.use(
- koa2 vue antd upload上传跨域问题
gzjiert
前端vue.jsjavascript前端
在使用antd的a-upload使用同现跨域在vue…config.js已配proxy代理且koa后台已配置跨域另起一个web服务不用a-upload上传没有出现跨域在koa中已设置了koa2-cors的跨域配置app.use(cors({//任何地址都可以访问origin:"*",maxAge:5,//指定本次预检请求的有效期,单位为秒。credentials:true,//是否允许发送Cook
- vue3的全局组件,函数和变量
monana6
Vue3vue.js前端javascript
vue3的全局组件,函数和变量全局组件:use关键字importMyUIfrom'@/components'constapp=createApp(App)app.use(MyUI)app.mount('#app')全局函数和变量vue3注册全局使用globalProperties关键字具体使用方法(1)main.js:app.config.globalProperties.$[最定义函数、变量等]
- vue3-插件
王大可996
vue3vue.jsvue前端javascript
插件插件(Plugins)是一种能为Vue添加全局功能的工具代码。安装一个插件在main.ts或者main.js中的入口文件内import { createApp } from 'vue'const app = createApp({})app.use(myPlugin, { /* 可选的选项 */})一个插件可以是一个拥有install()方法的对象,也可以直接是一个安装函数本身。安装函数会接
- 1.2 koa静态网站之最终代码和效果演示
空无一码
本节将分享一下最终代码和效果。最终代码服务器只有一个index.js文件,内容如下:constKoa=require('koa');constKoaStatic=require('koa-static');constcp=require('child_process');constapp=newKoa();//使用koa-static中间件处理静态资源app.use(KoaStatic('./pu
- vue3中如何使用pinia,两种模式
葫芦娃y
前端vue3vue.jsjavascript前端
使用方式一一、安装pinia,并在main.js引入npminstallpinia//main.jsimport{createPinia}from'pinia'varapp=createApp(App)app.use(createPinia())//注册pinia插件app.mount('#app')二、创建store创建文件tabbarStore.js//tabbarStore.js//用于隐藏
- nodejs串口通信
、小会
nodenodejs串口通信
nodejs串口通信(基础)letbodyParser=require('body-parser');letexpress=require("express"),app=express();letport=8686;app.listen(port,()=>{console.log(`serverissuccess,listenon${port}`);});app.use(bodyParser.js
- 使用nodejs和html布局一个简单的视频播放网站,但是使用localhost:端口访问html无法加载视频
abccbatqw
html前端
js代码://app.jsconstexpress=require('express');constpath=require('path');constapp=express();//设置静态文件目录,这里假设你的视频文件在public/videos/目录下app.use(express.static(path.join(__dirname,'')));//设置主页路由,指向一个包含HTML5vi
- Vue3 vant4 解决引入的Toast和dialog样式丢失的bug
HaushoLin
Vue3bug前端javascriptvue.jscss3html5typescript
情景再现:正确做法:在main.ts中单独引入import'vant/es/toast/style'import'vant/es/dialog/style'import{Toast,Dialog}from'vant'app.use(Toast)app.use(Dialog)效果如下轻松拿下。
- vue3从0动态滚动到指定数字
肖_53e4
[vue3从0动态滚动到指定数字](animated-number-vue3-npm(npmjs.com))image.png1.安装$npminstallanimated-number-vue3$yarnaddanimated-number-vue32.在main.js中引入importAnimatedNumberfrom'animated-number-vue3'app.use(Animate
- vue3 json代码及字符串 v-code-diff对比插件
Shero.李建业
json前端javascript
vue3json代码及字符串v-code-diff对比插件安装pnpminstall--savev-code-diff在main.ts中引入importCodeDifffrom"v-code-diff"app.use(CodeDiff)letprops=defineProps(['objValue']).editor-container{display:none!important;}consts
- koa静态文件处理
夏夏夏夏顿天
如何使用:这里利用koa-static中间件,就可以进行处理constKoa=require('koa')constapp=newKoa()constpath=require('path')conststatic=require('koa-static')conststaticPath='./static'app.use(static(path.join(__dirname,staticPath)
- vue3 pinia 写法和 pinia 中数据 proxy 对象如何获取使用
初遇你时动了情
javascript前端vue.js
main.tsimportpiniafrom'@/stores'app.use(pinia);引入store/index.ts中的piniastore/index.tsimport{createPinia}from'pinia'importpiniaPersistfrom'pinia-plugin-persist'constpinia=createPinia()//永久持久化插件pinia.use
- VUE 3+TS “类型“DefineComponent<{}, {}, any>”的参数不能赋给类型“Plugin_2”的参数
宇文合
vue.js前端javascript
vue3+ts,编辑器提示报错:参数不能赋给类型。要开启什么ts配置才能去除?vue2迁移到vue3经常发生的错误,定义好组件,main.ts报错,即使改为app.use(emp***asany),虽然不报错,但运行时还是报错,找不到文件。改写shims.vue.d.ts即可constcomponent:DefineComponent;改为:constcomponent:ReturnType;类型
- Vue进阶:Vue中的ajax请求
做一只猫
vue.jsajax前端
一、Vue中的ajax请求1.1解决开发环境Ajax跨域问题总结:1.1.1模拟跨域问题准备好测试的服务器server1.jsconstexpress=require('express')constapp=express()app.use((request,response,next)=>{console.log('有人请求服务器1了');//console.log('请求来自于',request
- 学习mpvue笔记——koa入门
从小就很瘦
koa是什么?koa基于Nodejs平台的下一代web开发框架(上一代是express)。Express原班人马打造,更精简。Async+await处理异步洋葱圈型的中间件机制。用法很简单:mkdirkoa-demonpminitnpminstallkoa--save文件夹中新建一个server.jsconstKoa=require('koa')constapp=newKoa()app.use(a
- vue项目打包及部署(无后端)
一路从容
自动化部署vue.jsnode.js服务器
1.拿到build后的文件dist2.在dist同级目录下新建app.js文件3.安装expressnpminstallexpress--save4.app.js内容如下varexpress=require('express')varhttp=require('http')varapp=express()app.use(express.static('./dist'))app.use(functi
- Node.js实现登陆注册
哒哒哒Q
node.js前端javascript
1.服务器端在项目里创建一个json文件用来存储数据,通过express创建服务器对象,fs模块对文件进行读写。运用post请求代码如下:varexpress=require('express')varfs=require("fs")varapp=express()app.use(express.static("www"))app.use(express.urlencoded({extended:
- pinia 的使用方法
岛泪
前端vue.js
使用方式(选项式)1、在mian.js导入pinia里的createPinia函数。2、app.use这个createPinia函数的返回值。//main.jsimport{createPinia}from'pinia';app.use(createPinia());3、创建一个js文件(该文件保存着共享的数据,共享的方法),惯例上会叫该js文件为store。4、在store文件里,从pinia里
- 戴尔笔记本win8系统改装win7系统
sophia天雪
win7戴尔改装系统win8
戴尔win8 系统改装win7 系统详述
第一步:使用U盘制作虚拟光驱:
1)下载安装UltraISO:注册码可以在网上搜索。
2)启动UltraISO,点击“文件”—》“打开”按钮,打开已经准备好的ISO镜像文
- BeanUtils.copyProperties使用笔记
bylijinnan
java
BeanUtils.copyProperties VS PropertyUtils.copyProperties
两者最大的区别是:
BeanUtils.copyProperties会进行类型转换,而PropertyUtils.copyProperties不会。
既然进行了类型转换,那BeanUtils.copyProperties的速度比不上PropertyUtils.copyProp
- MyEclipse中文乱码问题
0624chenhong
MyEclipse
一、设置新建常见文件的默认编码格式,也就是文件保存的格式。
在不对MyEclipse进行设置的时候,默认保存文件的编码,一般跟简体中文操作系统(如windows2000,windowsXP)的编码一致,即GBK。
在简体中文系统下,ANSI 编码代表 GBK编码;在日文操作系统下,ANSI 编码代表 JIS 编码。
Window-->Preferences-->General -
- 发送邮件
不懂事的小屁孩
send email
import org.apache.commons.mail.EmailAttachment;
import org.apache.commons.mail.EmailException;
import org.apache.commons.mail.HtmlEmail;
import org.apache.commons.mail.MultiPartEmail;
- 动画合集
换个号韩国红果果
htmlcss
动画 指一种样式变为另一种样式 keyframes应当始终定义0 100 过程
1 transition 制作鼠标滑过图片时的放大效果
css
.wrap{
width: 340px;height: 340px;
position: absolute;
top: 30%;
left: 20%;
overflow: hidden;
bor
- 网络最常见的攻击方式竟然是SQL注入
蓝儿唯美
sql注入
NTT研究表明,尽管SQL注入(SQLi)型攻击记录详尽且为人熟知,但目前网络应用程序仍然是SQLi攻击的重灾区。
信息安全和风险管理公司NTTCom Security发布的《2015全球智能威胁风险报告》表明,目前黑客攻击网络应用程序方式中最流行的,要数SQLi攻击。报告对去年发生的60亿攻击 行为进行分析,指出SQLi攻击是最常见的网络应用程序攻击方式。全球网络应用程序攻击中,SQLi攻击占
- java笔记2
a-john
java
类的封装:
1,java中,对象就是一个封装体。封装是把对象的属性和服务结合成一个独立的的单位。并尽可能隐藏对象的内部细节(尤其是私有数据)
2,目的:使对象以外的部分不能随意存取对象的内部数据(如属性),从而使软件错误能够局部化,减少差错和排错的难度。
3,简单来说,“隐藏属性、方法或实现细节的过程”称为——封装。
4,封装的特性:
4.1设置
- [Andengine]Error:can't creat bitmap form path “gfx/xxx.xxx”
aijuans
学习Android遇到的错误
最开始遇到这个错误是很早以前了,以前也没注意,只当是一个不理解的bug,因为所有的texture,textureregion都没有问题,但是就是提示错误。
昨天和美工要图片,本来是要背景透明的png格式,可是她却给了我一个jpg的。说明了之后她说没法改,因为没有png这个保存选项。
我就看了一下,和她要了psd的文件,还好我有一点
- 自己写的一个繁体到简体的转换程序
asialee
java转换繁体filter简体
今天调研一个任务,基于java的filter实现繁体到简体的转换,于是写了一个demo,给各位博友奉上,欢迎批评指正。
实现的思路是重载request的调取参数的几个方法,然后做下转换。
- android意图和意图监听器技术
百合不是茶
android显示意图隐式意图意图监听器
Intent是在activity之间传递数据;Intent的传递分为显示传递和隐式传递
显式意图:调用Intent.setComponent() 或 Intent.setClassName() 或 Intent.setClass()方法明确指定了组件名的Intent为显式意图,显式意图明确指定了Intent应该传递给哪个组件。
隐式意图;不指明调用的名称,根据设
- spring3中新增的@value注解
bijian1013
javaspring@Value
在spring 3.0中,可以通过使用@value,对一些如xxx.properties文件中的文件,进行键值对的注入,例子如下:
1.首先在applicationContext.xml中加入:
<beans xmlns="http://www.springframework.
- Jboss启用CXF日志
sunjing
logjbossCXF
1. 在standalone.xml配置文件中添加system-properties:
<system-properties> <property name="org.apache.cxf.logging.enabled" value=&
- 【Hadoop三】Centos7_x86_64部署Hadoop集群之编译Hadoop源代码
bit1129
centos
编译必需的软件
Firebugs3.0.0
Maven3.2.3
Ant
JDK1.7.0_67
protobuf-2.5.0
Hadoop 2.5.2源码包
Firebugs3.0.0
http://sourceforge.jp/projects/sfnet_findbug
- struts2验证框架的使用和扩展
白糖_
框架xmlbeanstruts正则表达式
struts2能够对前台提交的表单数据进行输入有效性校验,通常有两种方式:
1、在Action类中通过validatexx方法验证,这种方式很简单,在此不再赘述;
2、通过编写xx-validation.xml文件执行表单验证,当用户提交表单请求后,struts会优先执行xml文件,如果校验不通过是不会让请求访问指定action的。
本文介绍一下struts2通过xml文件进行校验的方法并说
- 记录-感悟
braveCS
感悟
再翻翻以前写的感悟,有时会发现自己很幼稚,也会让自己找回初心。
2015-1-11 1. 能在工作之余学习感兴趣的东西已经很幸福了;
2. 要改变自己,不能这样一直在原来区域,要突破安全区舒适区,才能提高自己,往好的方面发展;
3. 多反省多思考;要会用工具,而不是变成工具的奴隶;
4. 一天内集中一个定长时间段看最新资讯和偏流式博
- 编程之美-数组中最长递增子序列
bylijinnan
编程之美
import java.util.Arrays;
import java.util.Random;
public class LongestAccendingSubSequence {
/**
* 编程之美 数组中最长递增子序列
* 书上的解法容易理解
* 另一方法书上没有提到的是,可以将数组排序(由小到大)得到新的数组,
* 然后求排序后的数组与原数
- 读书笔记5
chengxuyuancsdn
重复提交struts2的token验证
1、重复提交
2、struts2的token验证
3、用response返回xml时的注意
1、重复提交
(1)应用场景
(1-1)点击提交按钮两次。
(1-2)使用浏览器后退按钮重复之前的操作,导致重复提交表单。
(1-3)刷新页面
(1-4)使用浏览器历史记录重复提交表单。
(1-5)浏览器重复的 HTTP 请求。
(2)解决方法
(2-1)禁掉提交按钮
(2-2)
- [时空与探索]全球联合进行第二次费城实验的可能性
comsci
二次世界大战前后,由爱因斯坦参加的一次在海军舰艇上进行的物理学实验 -费城实验
至今给我们大家留下很多迷团.....
关于费城实验的详细过程,大家可以在网络上搜索一下,我这里就不详细描述了
在这里,我的意思是,现在
- easy connect 之 ORA-12154: TNS: 无法解析指定的连接标识符
daizj
oracleORA-12154
用easy connect连接出现“tns无法解析指定的连接标示符”的错误,如下:
C:\Users\Administrator>sqlplus username/
[email protected]:1521/orcl
SQL*Plus: Release 10.2.0.1.0 – Production on 星期一 5月 21 18:16:20 2012
Copyright (c) 198
- 简单排序:归并排序
dieslrae
归并排序
public void mergeSort(int[] array){
int temp = array.length/2;
if(temp == 0){
return;
}
int[] a = new int[temp];
int
- C语言中字符串的\0和空格
dcj3sjt126com
c
\0 为字符串结束符,比如说:
abcd (空格)cdefg;
存入数组时,空格作为一个字符占有一个字节的空间,我们
- 解决Composer国内速度慢的办法
dcj3sjt126com
Composer
用法:
有两种方式启用本镜像服务:
1 将以下配置信息添加到 Composer 的配置文件 config.json 中(系统全局配置)。见“例1”
2 将以下配置信息添加到你的项目的 composer.json 文件中(针对单个项目配置)。见“例2”
为了避免安装包的时候都要执行两次查询,切记要添加禁用 packagist 的设置,如下 1 2 3 4 5
- 高效可伸缩的结果缓存
shuizhaosi888
高效可伸缩的结果缓存
/**
* 要执行的算法,返回结果v
*/
public interface Computable<A, V> {
public V comput(final A arg);
}
/**
* 用于缓存数据
*/
public class Memoizer<A, V> implements Computable<A,
- 三点定位的算法
haoningabc
c算法
三点定位,
已知a,b,c三个顶点的x,y坐标
和三个点都z坐标的距离,la,lb,lc
求z点的坐标
原理就是围绕a,b,c 三个点画圆,三个圆焦点的部分就是所求
但是,由于三个点的距离可能不准,不一定会有结果,
所以是三个圆环的焦点,环的宽度开始为0,没有取到则加1
运行
gcc -lm test.c
test.c代码如下
#include "stdi
- epoll使用详解
jimmee
clinux服务端编程epoll
epoll - I/O event notification facility在linux的网络编程中,很长的时间都在使用select来做事件触发。在linux新的内核中,有了一种替换它的机制,就是epoll。相比于select,epoll最大的好处在于它不会随着监听fd数目的增长而降低效率。因为在内核中的select实现中,它是采用轮询来处理的,轮询的fd数目越多,自然耗时越多。并且,在linu
- Hibernate对Enum的映射的基本使用方法
linzx0212
enumHibernate
枚举
/**
* 性别枚举
*/
public enum Gender {
MALE(0), FEMALE(1), OTHER(2);
private Gender(int i) {
this.i = i;
}
private int i;
public int getI
- 第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
孙子兵法
始计第一
孙子曰:
兵者,国之大事,死生之地,存亡之道,不可不察也。
故经之以五事,校之以计,而索其情:一曰道,二曰天,三曰地,四曰将,五
曰法。道者,令民于上同意,可与之死,可与之生,而不危也;天者,阴阳、寒暑
、时制也;地者,远近、险易、广狭、死生也;将者,智、信、仁、勇、严也;法
者,曲制、官道、主用也。凡此五者,将莫不闻,知之者胜,不知之者不胜。故校
之以计,而索其情,曰
- MySQL双向复制
tomcat_oracle
mysql
本文包括:
主机配置
从机配置
建立主-从复制
建立双向复制
背景
按照以下简单的步骤:
参考一下:
在机器A配置主机(192.168.1.30)
在机器B配置从机(192.168.1.29)
我们可以使用下面的步骤来实现这一点
步骤1:机器A设置主机
在主机中打开配置文件 ,
- zoj 3822 Domination(dp)
阿尔萨斯
Mina
题目链接:zoj 3822 Domination
题目大意:给定一个N∗M的棋盘,每次任选一个位置放置一枚棋子,直到每行每列上都至少有一枚棋子,问放置棋子个数的期望。
解题思路:大白书上概率那一张有一道类似的题目,但是因为时间比较久了,还是稍微想了一下。dp[i][j][k]表示i行j列上均有至少一枚棋子,并且消耗k步的概率(k≤i∗j),因为放置在i+1~n上等价与放在i+1行上,同理