- Vue项目中使用Mock.js进行API模拟
洛可可白
前端专栏javascriptvue.js前端
Vue项目中使用Mock.js进行API模拟前言欢迎来到我的小天地,这里是我记录技术点滴、分享学习心得的地方。️技能清单编程语言:Java、C、C++、Python、Go、前端技术:Jquery、Vue.js、React、uni-app、EchartsUI设计:Element-ui、Antd、Color-ui后端技术:SpringBoot、Mybatis-plus、Swagger移动开发:Andr
- vite开发环境跳转页面卡住,加载慢,ant-design-vue 按需导入的新组件导致页面加载慢
vitevue.js
环境vite:2.9.9unplugin-vue-components:0.19.6参考issues:使用按需引入时,首次启动服务会依赖预构建style#361vite-plugin-ifdef(在vite中使用conditioncomplie)问题描述本地开发时,遇到跳转页面要等10s以上才能跳转成功,打包后没有这个问题问题分析发现跳转到的页面如果有新的antd组件,就会有这个问题问题原因项目中
- 【Antd】Form 表单获取不到 Input 的值
一颗不甘坠落的流星
工作随记javascript前端react.js
文章目录今天遇到了一个奇怪的bug,Form表单中的Input组件的值,不能被Form获取,导致输入了内容,但是表单提交的时候值为undefined报错代码import{Button,Form,Input}from'antd';importReactfrom'react';constApp:React.FC=()=>{constonFinish=({desc)=>{console.log('des
- 给图片添加图片水印
九九七七
react.jsanti-design-vue前端图片水印vue.js
一、项目场景:react+antd4.x(此版本没有watermark水印),需要将后端传递的图片添加图片水印二、水印添加:(此代码为修改好的)importimgsfrom'./水印图片.png';//引入水印图片...代码const[url,setUrl]=useState('');//状态管理变量,记录图片最终的路径,vue中使用data来控制...代码//水印constimg=documen
- 前端Excel导出实用方案(完整源码,可直接应用)
零凌林
vue2.0前端百宝箱JavaScript的世界前端vue.jsjavascriptsheetjsexcelExcelanti-design-vue
目录前言:技术选型:主要功能点:核心代码:完整代码:开发文档前言:在前后端分离开发为主流的时代,很多时候,excel导出已不再由后端主导,而是把导出的操作移交到了前端。本文在全局导出组件封装上,保持了高度的扩展性,无论大家用的是element组件库还是antdvue的组件库或者其他的组件库,都容易进行更换。技术选型:vue+antdvue+sheetjs前端导出excel导出,需借助第三方插件,目
- node+vue3+mysql前后分离开发范式——实现对数据库表的增删改查
yma16
node-vue全栈开发node.jsjavascriptmysqlvue.jsanti-design-vue全栈开发
文章目录⭐前言⭐功能设计与实现node后端操作数据库实现增删改查vue3前端实现增删改查⭐效果⭐总结⭐结束⭐前言大家好,我是yma16,本文分享关于node+vue3+mysql前后分离开发范式——实现对数据库表的增删改查。技术选型前端:vite+vue3+antd后端:nodekoa数据库:mysqlkoa是一个现代的Node.js框架,可以用来构建Web应用程序。Vue.js是一款用于构建用户
- [Python] Basic Functions
EricWang1358
Pythonpython服务器linux
Pythonprint()Functionprint(object(s),sep=separator,end=end,file=file,flush=flush)Ittakesoneormoreargumentsseparatedbycomma(,)andaddsa'newline'attheendbydefault.Parameters:object(s)-Asmanyasyouwantdata
- 2024年最佳React组件库
ChatGPTer
UI/UXreact.jsjavascript前端
我的新书《AndroidApp开发入门与实战》已于2020年8月由人民邮电出版社出版,欢迎购买。点击进入详情目录SaaSUIMUIPrimeReactGrommetAntDesign结论React在首次发布十年后继续主导着Web开发世界。尽管存在来自Angular、Vue和其他一些语言的激烈竞争,但React仍然是流行的开发者选择。多年来,许多React组件库旨在帮助开发人员不断寻找改进项目和简化
- 【React】使用lodash的debounce未生效
田本初
Reactreact.jsjavascript前端
react中直接使用lodash的debounce函数,发现并未生效,1秒内多次触发,控制台仍有多次打印,这是因为debounceSearch函数被重新定义了,需要使用useCallback来包装函数。import{ChangeEvent}from"react"import{useCallback,useState}from"react"import{Input}from"antd"import_
- 基础antdesign的业务型 短时间控件封装(复制即可使用)
爱吃排骨
javascript前端react.js
{/*startFieldName开始时间标识endFieldName结束时间标识label同formlablerules是否开启规则校验默认开启detailData详情数据,用于编辑回显dateRange限制结束时间的范围例如:开始时间选择了2024-02-05,加上dateRange=3后只能选择2024-02-05到2024-02-08内的日期*/}importReactfrom'react
- 基于ant的图片上传组件封装(复制即可使用)
爱吃排骨
javascript前端react.jsantdesign图片上传封装
/***上传图片组件*@paramimgSize图片大小限制*@paramdata上传数据*@paramdisabled是否禁用*/importReact,{useState,useEffect}from'react';import{Upload,Icon,message}from'antd';constUploadImage=({imgSize=50,data={Directory:'Image
- 关于umi ui图标未显示问题
咸鱼不闲.s
uijavascript开发语言umi-uiant-desogn-pro
使用antdesignpro时,安装了umiui,安装命令:yarnadd@umijs/preset-ui-D但是启动项目后,发现没有显示umiui的图标找了许多解决方案,发现umi的版本问题,由于我使用的antdesignpro官网最新版本,按照官方文档创建项目时,官方的脚手架不提供umi3的版本,而umi4不支持umiui图标,此时需要使用老版本的antdesignpro脚手架npmi@ant
- 推荐几个基于Vue3.0全家桶的优秀开源项目
一只理智恩
vue开源
PPTistPPTist是一个基于Vue3.x+TypeScript+Pinia+AntDesignVue+Canvas的在线演示文稿(幻灯片)应用,还原了大部分OfficePowerPoint常用功能,实现在线PPT的编辑、演示,支持导出PPT文件。演示地址:PPTIST-在线演示文稿源码地址:GitHub-pipipi-pikachu/PPTist:基于Vue3.x+TypeScript的在线
- FormMaking V3 发布,支持 Vue 3 的可视化低代码表单设计器
GavinZhulei
可视化vue数据可视化
简介FormMakingv3是基于Vue3.x和ElementPlus开发的可视化/低代码表单设计器,可以生成Element和Antd样式的表单。FormMaking目前已被民航、政务、教育、医疗、测绘、金融、网络安全、智慧城市等不同领域采用,V3版本完全支持兼容FormMaking,在使用和功能上完全一致。预览地址:https://form.making.link/v3/sample/?from
- Be a simple and happy ordinary person(1)
KevinZucker
Idealisthedrivingforceoflife,butifpeopleclingtoittoomuch,itwillbecomeashackleoflife,andyourlifewillfeelheavy,andfinallycrumbleanddieintheburdenofconstantdisappointment.Remembertheadage"theordinaryisth
- 多少亲密关系,毁于一句“我没空”
自律时光
【香知蜜读1192】2019/03/21星期四荐书蜜友:书童珊珊文:GrantDonnelly去年春天,我收到了一封朋友的喜帖,邀请我去巴黎参加她的婚礼。虽然我很为朋友高兴,但有两个严肃的问题摆在我的面前:去巴黎不仅很花钱,还会大量占据我少得可怜的假期。我决定不去了,但我纠结要怎样告诉她。我可以只告诉她我去不了了吗?我应该告诉她我没钱或者没时间吗?避免伤害她的感情或者避免让她觉得我不重视这段友谊最
- antd 表单图片上传、表格拖拽排序
领带衬有黄金
1.需求需求1:antd表单中图片收集需求2:表格拖拽排序2.说明表单提交图片时,使用a-uupload或者el-upload都需要阻止图片自动提交。表格拖拽需要使用到vuedraggable,拖拽后,保存顺序,返回到后台。3.核心代码DatabaseList.vue(父)添加数据库上传提交重置刷新{{type?'完成':'拖拽表格'}}import{mapGetters}from'vuex'im
- 20180604
DanielJang
第一句答:Irespecthim.Hehadasenseofhonorandprideasasoldier.Heisaninterestingandsternman.我尊敬他。他忠于自己的祖国,报效自己的祖国,而且他是一个风趣又不失严厉的人。第二句答:LientenantDanwasfromalong,greatmilitarytradition.Hehadalottoliveupto.他来自一个
- antd ProComponent 常用操作总结
HoPGoldy
相信很多同学都用过AntDesign这一react著名组件库,而ProComponents则是在antd之上进行封装的页面级组件库(指一个组件就可以搞定一个页面)。它同时也是AntDesignPro中后台框架所用的主要组件库。如果你手上有要用react开发的中后台新项目又人手不够的话,我强烈推荐你体验一下这个库。可以极大的减少日常CRUD的代码量并统一风格。在ProComponent中,最为核心的
- Swift 日期-获取距离当前日期,几年、几月、几日的日期
请叫我飞哥@
iOS开发SwiftUIswiftiosswiftui
///获取距离当前日期,几年几月几日的日期//////-Parameters:///-year:距离当前日期的前/后几年如:去年:-1明年:1今年:0///-month:距离当前日期的前/后几个月如:上个月:-1下个月:1这个月:0///-day:距离当前日期的前/后几天如:昨天:-1明天:1今天:0///-Returns:返回所要的日期funcCurrentDateToWantDate(year
- vue Antd的Table组件嵌套Table以及选择框联动
这是一个无法打破的魔咒
取消保存importscrollLoadfrom'@/components/ScrollLoad/index'constcolumns=[{title:'序号',customRender:(text,record,index)=>`${index+1}`,fixed:'left',width:70,align:'center'},{title:'产品主图',dataIndex:'image_lin
- antd上传图片到oss
先有行而后有痴
this.props.sign是获取oss签名信息,this.state.iimageUrl为Upload组件显示的图片
- antdpro complete版 启动报错 白屏 Absolute route path “/*“ nested under path “/user“ is not valid.
Distant Blue
antdesignpro前端antdproantdesignpro
报错日志当前环境尝试了其他版本的pro,还是不行。解决办法最终查到某位大佬的博客解决原文地址
- antdpro框架npm install 报错,切换tyarn安装成功。
Distant Blue
antdesignpronpm前端antdproantdesignpro
报错日志有时间补当前版本解决办法进入工作目录安装官方推荐的tyarn工具:npminstallyarntyarn-g进行依赖安装:tyarn启动项目:tyarnstart注意:技术迭代较快,建议查询官网后实践,以上作为参考。AntDesginPro官网Tyarn地址如果启动后显示空白页面,参考专栏中的另一篇博客。
- React - 分页插件默认是英文怎么办
_揽
前端学习笔记react.jsjavascript前端
英文组件的通用解决方案这里以分页插件为例:大家可以看到,最后的这个页面跳转提示文字为Goto,不是中文,而官网里面的案例则是:解决方案:import{ConfigProvider}from'antd';importzhCNfrom'antd/lib/locale/zh_CN';然后在分页组件(或者其他组件,例如日期组件)外套上一层:结果如下:如果你想全局生效,如果是React项目,就可以在layo
- npm 以组织为单位发布依赖包(@username/package-name、@org-name/package-name)
示例:@ant-design/aliyun-theme@ant-design/antd-theme-variable@ant-design/charts//...1.注册组织在官网注册相应的组织,npmjs.com以个人账号登录。点击头像找到AddOrganization,填写相关信息,创建完成。2.发布首先需要在终端中设置npm登录信息:npmlogin发布分为两种情况,一种是已经创建了项目,现
- antd 动态添加表单_antd Select下拉菜单动态添加option里的内容操作
阿洋AyOuNg
antd动态添加表单
antdSelect下拉菜单动态添加option里的内容,通过form表单绑定select选中的值提供一个公共的方法,每次只需去调用这个方法就行了//这里是示例数据格式letgiftScope=[{code:200,id:1,name:"张三"},{code:300,id:2,name:"李四"},{code:400,id:3,name:"王五"},{code:500,id:4,name:"赵六"
- 通过 Serverless 加速 Blazor WebAssembly
dotNET跨平台
Blazor❤Serverless我正在开发AntDesign的Blazor版本,预览页面部署在GithubPages上,但是加载速度很不理想,往往需要1分钟多钟才完成。项目地址:https://github.com/ElderJames/ant-design-blazor[1]求Star。当寻求解决方案时,了解到了Serverless可以轻松地部署静态网站到腾讯云的对象存储服务上,经过尝试之后,
- C# Winform UI Ant Design 5.0 设计语言
红蓝胖瘦
WinformUIc#ui设计语言
AntDesignUIWinformUIlibraryuseAntDesign5.0目前50+基础控件,完成所有动效/阴影,原生无边框窗口(拥有原生窗口动画和特性),占用资源低,控件纯GDI绘制没有图片,界面库会持续更新,商用授权可联系我https://ant-design.antgroup.com/components/overview-cn源码地址:https://gitee.com/antd
- 前端又又出新框架,这次没有打包了
聪明的竹子
前端
最近,前端开发领域又迎来了一个新框架——ofa.js。它的独特之处在于,不依赖于现有的nodes/npm/webpack前端开发工作流程。与jQuery类似,只需引用一个脚本,您就能像使用React/Vue/Angular一样轻松地开发大型应用。极易上手如果您要开发简单的项目,想要用一个漂亮的按钮组件,例如AntDesign中的Button组件,你需要学习Node.js、NPM和React等知识,
- 戴尔笔记本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行上,同理