- 其他面试题
奈何我是个菜鸡
面试
uni-app面试题一、生命周期应用生命周期、页面生命周期、组件生命周期二、条件编译在工具中，打if出现的条件编译例如： 这是h5端 性能优化面试题一、加载优化1.http请求能不能减少（能不能合并）2.图片的雪碧图3.script标签位置4.link标签（css引入）二、图片优化1.图片懒加载2.响应式图片3.webp代替其他格式4.小图标可以改用字体图标三、渲染优化1.减少重绘和回流2.
- 前端html+js实现懒加载的两种常见方法
JSU_曾是此间年少
javascript前端html
忘记啥原因了，对图片懒加载有点好奇，于是乎查了一下有哪些方法，在这里记录下来使用H5标准内置标签loading参考：vue实现懒加载_vue懒加载-CSDN博客注意事项：需要设置图片的宽高，尽量设置高度大一点，这样效果明显一点。不设置浏览器将不知道实际占位大小，会直接把图像加载过来。代码示例：图片加载.ttt{width:100px;height:500px;display:block;}使用JS
- js 手写图片懒加载插件
人间小趴菜
vue.js前端javascript
一、目标模仿vue-lazyload插件只需将img标签的src属性名替换为自定义属性v-lazy，即可实现图片懒加载功能例如：二、实现不清楚图片懒加载原理的参考我的上一篇博客1.封装自定义插件：暴露一个对象，包含一个install方法先介绍一下自定义插件使用方法和通用写法：//main.jsimportcreateAppfrom'vue';importAppfrom'./App.vue';imp
- jq 图片懒加载 + Vue-Lazyload
阿金要当大魔王~~
vue问题面试啊前端
jq原生图片懒加载Document//先调用，保证可视区域的图片显示lazy();functionlazy(){varimgS=Array.from($('img'));//获取页面img元素数组//console.log(imgS)varimgL=$('img').length;//获取页面img元素数量//console.log(imgL)varseeHeight=$(window).heig
- 前端面试题（工程化&性能优化篇）
大寄一场_
前端性能优化面试
目录1.Webpack的构建流程2.常用的plugin和loader有哪些3.tree-shaking原理4.前端页面性能优化5.首屏渲染优化6.如何减少回流和重绘7.SEO优化8.SSR服务端渲染9.Git的基本使用10.图片懒加载11.Echarts怎么做页面适配1.Webpack的构建流程（1）初始化参数。获取用户在webpack.config.js文件中配置的参数。（2）开始编译。初始化c
- 小程序瀑布流组件:支持翻页与图片懒加载
老人羽海
电商小程序中，用到瀑布流的地方非常多，每次都写一个瀑布流，重复一次逻辑，作为程序员，肯定是非常不愿意的。瀑布流的形式都是大同小异，不同的是瀑布流中每个模块的内容，随业务而变化。所以，我们把瀑布流框架抽象成组件，瀑布流的内容由业务确定。这样即可实现组件化和自定义的最大平衡，微信小程序组件源码。首先，我们来看一下瀑布流组件在实际项目中的实际效果。1实际效果瀑布流组件实际效果如下图所示，左侧为用户交互效
- 自定义指令懒加载
HTAO濤
v-LazyLoad背景：在类电商类项目，往往存在大量的图片，如banner广告图，菜单导航图，美团等商家列表头图等。图片众多以及图片体积过大往往会影响页面加载速度，造成不良的用户体验，所以进行图片懒加载优化势在必行。需求：实现一个图片懒加载指令，只加载浏览器可见区域的图片。思路：图片懒加载的原理主要是判断当前图片是否到了可视区域这一核心逻辑实现的拿到所有的图片Dom，遍历每个图片判断当前图片是否
- 一个做图片懒加载能用到的api
MrYang_b51b
$().getBoundingClientRect（）转载连接：https://zhuanlan.zhihu.com/p/55311726
- 图片懒加载——实现原理
佛系前端工程师
一、定义当打开一个有很多图片的页面时，先只加载页面上看到的图片，等滚动到页面下面时，再加载所需的图片。这就是图片懒加载。二、作用减少或延迟请求数，缓解浏览器的压力，增强用户体验。三、实现方式1､设置图片src属性为同一张图片，同时自定义一个data-src属性来存储图片的真实地址2､页面初始化显示的时候或者浏览器发生滚动的时候判断图片是否在视野中3､当图片在视野中时，通过js自动改变该区域的图片的
- 项目优化
瀡風
普通项目优化页面加载阶段页面渲染阶段一、页面加载dns预解析使用cdn静态资源的压缩与合并减少https请求异步加载defer，async服务端渲染ssr多使用内存和缓存二、页面渲染css放前面，js放后面减少dom查询，多次使用的保存为变量减少dom操作，统一通过dom片段操作事件函数的节流和防抖图片懒加载尽早进行操作，domcontentload与loadvue项目优化代码层面优化webpac
- 图片懒加载方法封装
旧时日月明
letimgList=[...document.querySelectorAll('img')]letlength=imgList.lengthconstimgLazyLoad=function(){letcount=0return(function(){letdeleteIndexList=[]imgList.forEach((img,index)=>{letrect=img.getBoundi
- vue2用自定义指令实现图片懒加载
阿湘zs
vuevue.jsjavascript前端
除了Vue内置的一系列指令(比如v-model或v-show)之外，Vue还允许你注册自定义的指令一个自定义指令由一个包含类似组件生命周期钩子的对象来定义。自定义指令必须以v-xxx开头钩子函数会接收到指令所绑定元素作为其参数。以下实现使用自定义指令实现图片懒加载效果：javascript中有个api可以获取元素是否在可视区使用newIntersectionObserver（）话不多说看代码：ex
- 利用Intersection Observer实现图片懒加载性能优化
开心点啦.
javascript前端开发语言
ntersectionObserver是浏览器所提供的一个JavascriptAPI，用于异步的检测目标元素以及祖先或者是顶级的文档视窗的交叉状态这句话的意思就是：我们可以看的图片当中，绿色的targetelement（目标元素），并且存在一个顶层的或者祖先的文档视窗也就是当前图片中的，灰色的browserviewport（浏览器的视窗）当targetelement（目标元素）进行移动的时候，将会
- 推荐一个支持 PC 和移动端，支持 animate 的所有动画效果，支持图片懒加载的vue3 瀑布流插件
给钱，谢谢！
vue.js前端javascript
直接上链接https://www.npmjs.com/package/vue-waterfall-plugin-next
- 自定义指令实现图片懒加载
小秀_heo
前端javascriptvue.js
步骤：自定义指令判断图片是否进入视口只有进入视口的图片才发送网络请求代码优化自定义指令main.jsapp.directive('img-lazy',{mounted(el,binding){//el是绑定的img元素，binding.value是图片srcconsole.log(el,binding.value)}})绑定元素：判断图片是否进入视口直接使用vueuse的useIntersecti
- vue指令实现图片懒加载
小前端
vue.js前端javascript
全局注册Vue.directive("lazy",{inserted(el,binding){//定义一个观察器，entries为状态改变元素的数组letobserver=newIntersectionObserver((entries)=>{//遍历for(letiofentries){//如果改元素处于可视区if(i.isIntersecting>0){//获取该元素letimg=i.targ
- 图片懒加载
lacduang
原理：先将图片的真实地址存储在自定义属性上面，所有图片的src设置一个默认的占位符，页面滚动时判断这些图片是否达到了可视范围之内，达到了就将这些图片的真实地址放入到src，浏览器会自动加载图片htmljs//在浏览器的范围可视范围之内的图显示出来varimgs=document.imagesvarcurIndex=0functionshowImg(){//已经加载过得不需要再处理for(vari=
- 新闻详情-图片懒加载及缓存
经典布丁
一、前言开发新闻资讯类项目，新闻详情功能是项目的核心，现在基本采用原生+webview的形式来显示新闻内容，怎么给用户更好的阅读体验这是我们需要考虑的问题。这篇文章主要针对新闻详情中图片的处理：图片加载前的占位图图片懒加载图片的本地下载、缓存、显示webview使用本地下载好的图片来展示二、技术实现2.1、图片加载前的占位图这个功能很好实现，使用本地占位图地址替换掉原始标签内src的图片地址就可以
- 懒加载、懒执行、预加载、预渲染
前端fighter
javascript前端vue.js
懒加载：懒加载就是将不关键的资源延后加载。懒加载的原理就是只加载自定义区域（通常是可视区域，但也可以是即将进入可视区域）内需要加载的东西。对于图片来说，先设置图片标签的src属性为一张占位图，将真实的图片资源放入一个自定义属性中，当进入自定义区域时，就将自定义属性替换为src属性，这样图片就会去下载资源，实现了图片懒加载。懒加载不仅可以用于图片，也可以使用在别的资源上。比如进入可视区域才开始播放视
- React中实现图片懒加载
laurfei
react.jsjavascript前端
1.下载安装懒加载模块cnpmireact-lazyload--save2.在src/assets/目录下放入懒加载占位图placeholder.gif3.在需要使用懒加载的组件中导入懒加载模块和占位图importLazyLoadfrom'react-lazyload';importplaceholderfrom"../../asset/placeholder.gif"4.在组件rander函数中
- react 实现图片懒加载
成熟渊
react.jsjavascript前端
懒加载是一种对网页性能优化的方式，而图片懒加载当一个网站加载图片过多时就需要懒加载的协助，从而提高页面的加载速度，减轻服务器的压力，节省流量。懒加载是延迟加载一些资源（如：图片）的一种策略，以用户的行为和导航模式为依据，判断图片在被需要的时候才加载。通常来说，仅当这些资源滚动到视图中才被加载。第一步、安装组件npmi--savereact-lazy-load-image-component第二部、
- mui图片懒加载 - 动态加载数据
一个记事本
准备工作：必须引入两个js文件：1、mui.lazyload.js2、mui.lazyload.img.js//当数据动态加载时要展示的img元素写法;//该方法在数据加载完成后调用就行。mui(document).imageLazyload({});
- 利用Intersection Observer实现图片懒加载性能优化
小安吖~
前端
IntersectionObserver是浏览器所提供的一个JavascriptAPI，用于异步的检测目标元素以及祖先或者是顶级的文档视窗的交叉状态这句话的意思就是：我们可以看的图片当中，绿色的targetelement（目标元素），并且存在一个顶层的或者祖先的文档视窗也就是当前图片中的，灰色的browserviewport（浏览器的视窗）当targetelement（目标元素）进行移动的时候，将
- vue3-图片懒加载指令实现
是老虎是狮子不是大象
vuevue.js前端javascript
图片懒加载：有些网站页面比较长，用户不一定访问到页面靠下面的图片，这类图片通过懒加载优化手段可以做到只有进入视口区域才发送图片请求指令用法//在图片img身上绑定指令，该图片只有正式进入到视口区域时才会发送图片网络请求使用Vueuse的一个函数来监听是否到达需要懒加载图片的位置，如果为true则发送图片请求import{useIntersectionObserver}from'@vueuse/co
- 图片懒加载：为什么它对网页性能和用户体验如此重要？
N-A
前端汇总JavaScript前端JavaScripthtml图片懒加载性能优化
目录引入实现方式html实现javaScript实现IntersectionObserver引入图片的体积和数量对网页性能影响很大，特别是对于移动设备用户或者网络连接速度较慢的用户来说。懒加载是一种重要的性能优化方式，它仅在用户需要时才加载内容，而不是一次性加载所有资源。当用户打开一个页面时，如果立即请求并加载所有图片资源，会导致页面加载速度变慢，延长了用户等待时间。同时，对于用户来说，他们可能不
- IntersectionObserver（交叉观察器）
fmk1023
JavaScript+TypeScriptjavascript前端开发语言
文章目录1.IntersectionObserver1.1observe方法1.2unobserve方法1.3disconnect方法1.4takeRecords方法1.5callback参数1.6options2.IntersectionObserverEntry对象3.图片懒加载4.元素吸顶、吸底5.加载更多1.IntersectionObserverIntersectionObserver可
- js 实现图片懒加载
一只章鱼哥
一、懒加载懒加载也叫延迟加载，Js中图片的延迟加载，延迟图片需要符合某些条件时才加载；对于图片过多的页面，为了加快页面加载速度，我们需要将页面内未出现在可视区域内的图片先不做加载，等到滚动到可视区域后再去加载。这样一来页面加载性能大幅提升，提高了用户体验。手机会自动做懒加载像天猫、京东网站等，页面中有着大量图片，一次性全部加载这些图片会使浏览器发送大量请求和造成浪费。采用懒加载技术，即用户浏览到哪
- 关于一些实用的api
我的P30
1：page-visibility用法：document.addEventListener('visibilitychange',()=>{})作用：监听页面是否显示是活跃状态，2：IntersectionObserveApi用法：constob=newIntersectionObserver(()=>{},{threshold:0})作用：监听元素是否显示在当前的视口（图片懒加载）
- uniapp 图片懒加载
嘿，小苹果
uni-app
html{{item.choose?'已选':'未选'}}jsonPageScroll(){//滚动事件this.showImg()，延迟时间，立即执行uni.$u.throttle(this.showImg,0,true)},onReady(){letthat=thisuni.getSystemInfo({success(res){that.windowHeight=res.windowHeig
- 瀑布流
Frank_Yi
图片懒加载图片都是一个loading的加载状态举例：瞬间，互联网要获取20张网络图片的请求，稍等片刻之后，并不是一开始就展示所有的图片，滚动哪里就加载几张图片图片懒加载的作用作用：缓解网络压力，使得用户体验更好img缓存机制图片懒加载如何展现的呢，img指向一个图片，其它的img也只是加载加载这个图片，其它的图片片加载的时候，直接从缓存里面进行加载图片的懒加载的问题如何判断图片是否出现在我们的视野
- 戴尔笔记本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行上，同理
