#青训营笔记创作活动# 问题描述
小F被神秘力量带入了一个魔幻世界,这里危机四伏。为了在异世界中生存,小F需要找到安全区。异世界可以被表示为一个大小为n x m的二维数组,每个格子的值代表该位置的危险程度。
小F的能力值为X,当某个格子的危险程度小于等于X时,这个格子是安全的。如果多个安全的格子相邻(上下左右连通),它们可以构成一个安全区。你需要帮助小F计算出一共有多少个安全区。
测试样例
样例1:
输入:n = 3, m = 3, X = 4, a = [[2, 3, 3], [3, 3, 3], [3, 3, 3]]
输出:1
样例2:
输入:n = 2, m = 2, X = 5, a = [[6, 6], [6, 4]]
输出:1
样例3:
输入:n = 3, m = 3, X = 3, a = [[1, 2, 2], [2, 3, 3], [3, 4, 5]]
输出:1
题解:
一个原二维数组,新建一个visited数组记录是否经过,直接全部遍历,遇到安全值小于能力值且没经过的点就进入while循环。while循环通过队列实现安全区域的搜寻,通过maxnum记录安全区域的个数。
#青训营笔记创作活动#
1月24日 Day11
一项技能——Vue项目屏幕适配方案
1.基于rem的适配方案
(1)rem的概念
rem是指相对于根元素的字体大小的单位,在日常开发过程中我们通常把根元素(html/body)的字体设置为10px,方便于我们计算(此时子元素的1rem就相当于10px)
(2)适用场景不固定宽高比的Web应用,适用于绝大部分业务场景。(3)应用步骤安装依赖npmipostcss-pxtoremautoprefixeramfe-flexible--save-devpostcss-pxtorem是PostCSS的插件,用于将像素单元生成rem单位autoprefixer浏览器前缀处理插件amfe-flexible可伸缩布局方案替代了原先的lib-flexible选用了当前众多浏览器兼容的viewport项目根目录创建postcss.config.js文件main.ts/js文件中导入依赖:import"amfe-flexible/index.js"重启项目
2.基于scale的适配方案
(1)scale的相关方法在CSS3中,我们可以使用transform属性的scale()方法来实现元素的缩放效果。缩放,指的是“缩小”和“放大”的意思。transform:scaleX(x);/沿x轴方向缩放/transform:scaleY(y);/沿y轴方向缩放/transform:scale();/同时沿x轴和y轴缩放/
(2)适用场景固定宽高比的Web应用,如大屏或者固定窗口业务应用
(3)应用步骤新建resize.ts/js文件相关界面引入resize.ts/js
1月24日 Day11
一项技能——Vue项目屏幕适配方案
1.基于rem的适配方案
(1)rem的概念
rem是指相对于根元素的字体大小的单位,在日常开发过程中我们通常把根元素(html/body)的字体设置为10px,方便于我们计算(此时子元素的1rem就相当于10px)
(2)适用场景不固定宽高比的Web应用,适用于绝大部分业务场景。(3)应用步骤安装依赖npmipostcss-pxtoremautoprefixeramfe-flexible--save-devpostcss-pxtorem是PostCSS的插件,用于将像素单元生成rem单位autoprefixer浏览器前缀处理插件amfe-flexible可伸缩布局方案替代了原先的lib-flexible选用了当前众多浏览器兼容的viewport项目根目录创建postcss.config.js文件main.ts/js文件中导入依赖:import"amfe-flexible/index.js"重启项目
2.基于scale的适配方案
(1)scale的相关方法在CSS3中,我们可以使用transform属性的scale()方法来实现元素的缩放效果。缩放,指的是“缩小”和“放大”的意思。transform:scaleX(x);/沿x轴方向缩放/transform:scaleY(y);/沿y轴方向缩放/transform:scale();/同时沿x轴和y轴缩放/
(2)适用场景固定宽高比的Web应用,如大屏或者固定窗口业务应用
(3)应用步骤新建resize.ts/js文件相关界面引入resize.ts/js
展开
评论
点赞