- swiper
牛耀
swiper.js是一款成熟稳定的应用于PC端和移动端的滑动效果插件，一般用来触屏焦点图、触屏整屏滚动等效果。swiper分为2.x版本和3.x版本，2.x版本支持低版本浏览器(IE7)，3.x放弃支持低版本浏览器，适合应用在移动端。x版本中文网址：http://2.swiper.com.cn/x版本中文网地址：http://www.swiper.com.cn/swiper使用方法：.......
- Swiper.js实现无缝滚动
欢喜~999
javascript前端html
1.引入Swiper.js其他获取方式通过NPM获取Swiper$npminstallswiperswiper.js下载路径：下载Swiper-Swiper中文网Swiper各版本的下载地址，Swiper百度网盘下载https://www.swiper.com.cn/download/index.html2.在HTML文件中加入无缝滚动的图片3.js中设置滚动效果varmySwiper=newSw
- react 中 swiper.js 的使用
想必是渣渣宇了
ReactJSreactjs
基础
[email protected]{Swiper,SwiperSlide}from'swiper/react'//引入Swiper样式import'swiper/swiper.min.css'console.log('slidechange')}//onSwiper该函数将返回所创建Swiper的一个实例。可以将此实例保存到state，然后对其调用所需的所有方法onSwip
- react轮播图swiper.js和antd走马灯的使用
咸鱼翻身不想当咸鱼
Reactandt前端react.jsswiperantdjavascript
本文主要记录两种方法的使用以及使用过程中遇到的问题。本来很久之前就要写了，一直拖着，结果第二次又踩坑了上次同样的问题，一定得记录下来提醒自己！一、Swiper这是swiper.js官网1、引入swiper和swiper样式//index.jsimportSwiperfrom'swiper'import'swiper/css/swiper.css';一定要记得引入样式，不然展示效果会有问题。不同版本
- React Swiper.js使用（详细版）3D聚焦特效，自定义导航按钮等
一路向阳~负责的男人
react.js前端swiper.js
共用代码import'swiper/css'import'swiper/css/navigation'import'swiper/css/pagination'import{Navigation,Pagination,Scrollbar,A11y,Autoplay,EffectCreative}from'swiper/modules';import{Swiper,SwiperSlide,}from
- swiper.js
不可妥协
swiper之vue.js中使用作者：子长 自从摒弃了mvc模式，不再从事展示型的网站建设，已经三年多没用过swiper.js了，至此它已经进行了几个大版本的更新，最新版本为swiper6。 今天突然需要用到滑动效果，瞬间想起了它，顺便来分享一下swiper在vue中的使用vue-awesome-swiper vue-awesome-swiper是swiper在vue框架下的一个npm包，使
- Vue使用Swiper组件制作轮播图
外星人_863d
最近在用Vue制作移动端项目，碰到了轮播图的制作，接下来就让小编一步一步带大家动作制作吧。1.下载安装包cnpminstallvue-awesome-swiper@3--save 因为版本不兼容的问题，这里指定下载的版本是3.xxx。第一次下载的时候可以先不指定，等到轮播图没有结果时再重新指定版本下载。 下载完成之后，要先将swiper.css和swiper.js放到自己的项目文件夹下，这
- Angular中使用Swiper
_LG_
项目使用的Angular版本是V6.0.3version.png安装Swipernpminstallswiper--save或者yarnaddswiper--save在angular.json文件添加swiper.js和swiper.cssangular.json安装模组定义档npminstall@types/swiper--save或者yarnadd@types/swiper--save配置ts
- vue3 swiper 中间大图 两边显示部分
山橘满月
vue3swiper前端javascript开发语言
swiper官网====》swiper安装步骤效果图：src/components下建一个swiper.js文件import{createApp}from'vue'constapp=createApp()import{Swiper,SwiperSlide}from'swiper/vue'//按需加载模块此处仅需分页及指示点importSwiperCore,{Navigation,Paginatio
- 移动端滑动切换图片demo
玛丽楠萌兔
如果可以引用库，建议使用swiper.js，方便，功能强大https://www.swiper.com.cn/以下代码仅供参考，适用于不想引用代码库，想要简单实现移动端无缝滑动的同学demo.pngswiperDemo*{margin:0;padding:0;}ul,ol{list-style:none;}.clearfix:before,.clearfix:after{content:"";di
- vue使用swiper插件vue-awesome-swiper实现轮播
咖啡豆6
第一步cnpminstallvue-awesome-swiper@3--save因为版本不兼容的问题，这里指定下载的版本是3.xxx。第一次下载的时候可以先不指定，等到轮播图没有结果时再重新指定版本下载。下载完成之后，要先将swiper.css和swiper.js放到自己的项目文件夹下，这两个文件的存放位置在dist-->css-->swiper.css/dist-->js-->swiper.js
- 小程序组件传值
wTMnsn
小程序
1、组件、插件、类库、框架组件：具有完整功能（html-视图,css-样式,js-逻辑），并且独立运行的模块插件：通常是为了完成某项具体的业务功能而开发的js文件例如：swiper.js,弹框.js，。。。。类库：library,是提供了为了完成项目的工具方法的集合，跟具体的业务无关！例如：jQuery,lodash.js框架:framework,分是为了快速完成项目搭建的基础。框架分：UI框架和
- vue + ts 实现轮播插件
Jiwenjie
背景最近在学习ts，打算用ts写一个练手项目，参照的网站内容是wanandroid，这个接触过android开发的同学可能更i了解一些，其实一开始是打算后台全部都自己写的，不过奈何一个懒字，所以现在的打算就是自己实现登录注册简单的逻辑。这些都不重要，一开始实现轮播是打算在vue中引入轮播图swiper.js，后来想想还是自己写算了。也当作熟悉ts。先上效果图(这里没有动态图片，各位同学可以自己实现
- nuxt.js+vue2.x使用swiper
相维变
安装swiper5,没有指定版本的话，默认安装最新的，vue2用不了
[email protected]在plugins目录下新建文件swiper.js,内容如下importVuefrom'vue'importVueAwesomeSwiperfrom'vue-awesome-swiper'exportdefault()=>{Vue.use(VueAwesomeSwi
- 手把手教你在react中使用swiper做轮播图
李现的小迷妹
[TOC]1.安装swipernpminstallswiper--save2.在轮播组件里引入swiper//引入此路径，才不会打包失败importSwiperfrom'swiper/dist/js/swiper.js';//引入样式，还可以加上自己的样式import'swiper/dist/css/swiper.min.css';3.在组件挂在完毕的时候，生成Swiper对象componentD
- 前端高效开发必备——常用js框架和第三方插件
一键写代码
JavaScript前端技术积累
轮播图1、swiper.js视频音频播放1、video.js时间日期处理1、moment.js图像浏览1、viewer.jsjQuery图像浏览插件2、cropper.jsjQuery简单且功能强大的图片剪裁插件3、lazy.js图片懒加载库4、PhotoSwipe-适用于移动和pc，模块化，框架独立的JavaScript图像库https://photoswipe.com/❤❤❤❤❤图表1、ech
- 修改Swiper 底部默认小点样式为任意字符串
云边小卖铺.
javascript
首先引入插件：swiper.css与swiper.js，地址下载Swiper-Swiper3|Swiper中文网css样式代码：html,body{background:#efefef;position:relative;height:100%;}body{background:#eee;font-family:HelveticaNeue,Helvetica,Arial,sans-serif;fo
- swiper设置不需要无缝滚动_解决swiper.js中无缝轮播的问题。
weixin_39719165
swiper设置不需要无缝滚动
根据公司需求需要对让轮播无间隙播放，类似这种效果：http://www.16sucai.com/upload...。因为偷懒用的是swiper.js插件编写的。swiper.js自动轮播的时候都会有自动停顿，各种调研都没有合适的方法，只有慢慢摸索。通过查看代码，发现.swiper-wrapper这个类中有个属性：transition-timing-function：ease;,修改swiper.j
- 学习Vue之旅：Day8——网易云实战遇到的问题
zhengsweet
Vuevue.jshtmlhtml5
目录如何下载后端写好的网易云api？如何安装？如何运行？api搞好之后，如何启动网易云仿写项目？如何做移动端？rem布局怎么理解？如何从iconfont引用图标到Vue项目中？在Vue中引入swiper.js:axios：如何调用后端的api来获取轮播图？通过api获取到banner图之后，如何展示在elementui的走马灯那个轮播图上？如何修改elementui的走马灯组件的dot/小圆点的样
- 微信小程序swiper-dot中的点如何改成滑块详解
目录背景目标效果思路实现swiper监听change自定义dot模块change事件中的逻辑写在最后本文主要介绍如何基于已有的组件（比如微信小程序的swiper，还有我们平时h5用的比较多的swiper.js等），实现一个滑块样式的指示面板。demo基于小程序，但是逻辑通用。背景最近要做一个新的小程序，在首页部分有一个swiper模块，因为设计同学的出色发挥，让我在枯燥的开发中得到了些许快乐。他们
- vue-awesome-swiper的用法&同一页面有多个swiper如何使用
Lofan93
前言：swiper.js的vue版api跟cdn引入事一样的api用法，共用官网那套api文档，此篇写下时，swiper.js的版本是Swiper4.x。这篇用的也是4.x的版本，注意swiper4.x跟swiper3.x的api用法有部分不同，详细请参考swiper官网。用npm安装：npminstallvue-awesome-swiper--save全局注册，main.js中importVue
- 移动端 轮播插件 swiper.js
black白先森
链接swiper.js项目中广泛用到，所以贴出来，自己遇到了坑点，先贴出你使用你使用的芒果你使用你使用的芒果尚你使用你使用的芒果尚尚用的1你使用的芒果尚未填写心得2你使用的芒果尚未填写心得3你使用的芒果尚未填写心得4varmySwiper1=newSwiper('.msg-swiper',{autoplay:2800,loop:true});跟官网写的一样简单，只要类名一个是swipe-slide
- Swiper.js插件超简单实现轮播图
Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。超好用话不多说，直接上教程1、首先加载插件，需要用到的文件有swiper.min.js和swiper.min.css文件。可下载Swiper文件或使用CDN。请勿直接引入Swiper中文网的文件xx2、CSS样式.swiper-container{//你可
- 小程序的组件使用及组件传参
Tiam-2016
小程序
一、小程序组件复用组件是什么组件：具有完整功能（html-视图,css-样式,js-逻辑），并且独立运行的模块插件：通常是为了完成某项具体的业务功能而开发的js文件例如：swiper.js,弹框.js，。。。。类库：library,是提供了为了完成项目的工具方法的集合，跟具体的业务无关！例如：jQuery,lodash.js框架:framework,分是为了快速完成项目搭建的基础。框架分：UI框架
- Vue + ts实现轮播插件的示例
背景最近在学习ts，打算用ts写一个练手项目，参照的网站内容是wanandroid，这个接触过android开发的同学可能更i了解一些，其实一开始是打算后台全部都自己写的，不过奈何一个懒字，所以现在的打算就是自己实现登录注册简单的逻辑。这些都不重要，一开始实现轮播是打算在vue中引入轮播图swiper.js，后来想想还是自己写算了。也当作熟悉ts。先上效果图(这里没有动态图片，各位同学可以自己实现
- 菜鸟看前端（微信小程序自定义组件封装-轮播图的封装）
中庸之为德也，其至矣乎
自定义组件小程序
在根目录下新建components文件夹tip:所有文件都可以自定义名字在components文件夹下新建swiper文件夹,在文件夹内新建component新建完成后在swiper.wxml中写入在swiper.js中写入//components/w-swiper/w-swiper.jsComponent({/***组件的属性列表*///用来接收传入自定组件的数据properties:{imag
- 在react中使用swiper.js(v6)
leslie
react.jsjavascript
因为本人最近在使用react写mobilewebsites的时候需要用到滑动翻页的效果，于是想到找一个swiper来使用,然后看了几篇文章，大多都是在componentDidMount中使用new实例化的方式引入Swiper,自己使用的使用发现这些文章的内容只能实现手动滑动，于是就自己探索了一下，然后终于找到了解决办法。不多说，直接上代码吧importReactfrom'react';import
- vue项目中使用swiper.js
嗄哩露吖
vue
vue项目中使用swiper.js版本号：“swiper”:“^4.5.1”,swiper官网：https://www.swiper.com.cn/demo/index.html1、中间放大，两边缩小的swiper轮播图；页面接口代码：在需要的页面中引入importSwiperfrom"swiper";import"swiper/dist/css/swiper.min.css";initSwipe
- 微信小程序实现tab和swiper切换结合效果viewpage+tab效果
奋斗的蚂蚁299
微信小程序
swiper.js代码//index.js//获取应用实例varapp=getApp();varmtabW;Page({data:{tabs:["A","B","C","D","E"],//tob标题pageData:["pageA","pageB","pageC","pageD","pageE"],//page数据activeIndex:0,slideOffset:0,tabW:0,index:
- swiper改动之显示三个滑块，左右两个滑块露出一部分
this_ITBoy
原创
说到滚动轮播，很多人就会想到swiper.js这个插件，最近一个微信项目用的jQuery-weUI样式库，这个UI库的滚动轮播也是封装的swiper插件，直接引用虽然很简单，不过要是有一些特殊需求的话，还是需要自己去改造的，比如下图需求：可看到不仅只是滑动，还需要同时显示三个，中间一个全部显示，左右两个露出一部分，让用户看到，然后知道可以滑动。普通的swiper只能满足于一个个100%宽度显示然后
- 戴尔笔记本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行上，同理
