DPR
  • 2024-10-23题解:CF1225E Rock Is Push
    很玄妙的一道dp题。HintAnalysis首先你要确保你会做当石头没有/固定的情况,这道题其实也是dp。考虑石头带来的影响,唯一的作用就是限制你的移动,比方说你下面有\(3\)块石头,由于只能向右或向下移动,你实际上往下只能走到当前列第\(n-3\)行。于是对于石头的处理,设\(rs[i][j
  • 2024-08-21前端开发中的大屏布局方案:使用 rem 单位与动态设置 html 的 font-size
    使用rem单位与动态设置html的font-size前言随着设备尺寸的多样化,网页需要能够在不同大小的屏幕上提供良好的用户体验。传统的布局方式(如使用px)在不同分辨率下可能会导致布局失真。为了解决这个问题,我们可以通过动态设置html元素的font-size并使用rem单位来构
  • 2024-07-17移动端适配方案
    移动端适配方案1、媒体查询媒体查询的使用还能节省开发时间和成本,因为开发人员只需编写一次代码,就可以适应多种设备。同时,它还可以根据设备的特性选择最适合的图片、字体和其他资源,从而减少页面加载时间,提高网站的性能。响应式设计是一种现代网页设计方法,它可以使网页在不同的设
  • 2024-04-29关于设备像素比
    因为高dpi会把原本低dpi的图片或者canvas拉伸导致模糊,所以在定义的时候我们让画布和画布的内容(因为canvas和内容是两个东西)都放大,这样保证高清,个人理解,如有更好的想法可及时更改1.画布尺寸调整:首先,我们需要根据设备的DPI或像素比调整Canvas的物理尺寸。这意味着如果设备的DPI较高
  • 2024-01-21微信小程序 canvas
    页面绑定canvas<viewstyle='width:0px;height:0px;overflow:hidden;'><!--//调试时候可用直接将canvas显示在页面上//调试完成将canvas隐藏<canvasid="canvasContaner"type="2d"></canvas>--><canvasid="canvasContaner&q
  • 2024-01-11vue使用flexible.js 最大宽度只有540
    分辨率大于540px的时候,flexible限制为540,一般的手机显示没有问题,但对于大于540的竖屏屏幕,可能右边就会留白。我想让横屏的时候限制在540,竖屏的时候根据页面实际宽度自适应,解决方法如下:1、安装npminstalllib-flexible--save 2、为了避免每次安装的时候,都被覆盖掉,打开\nod
  • 2023-12-21同样的SQL,怎么突然就慢了?
    本篇文章素材来源于某银行系统的一次性能问题分析。许久没写这种troubleshooting类型的技术文章了,因为曾在服务公司呆过多年,工作原因,这方面之前做的多,听的更多,导致已经达到在自己认知维度下的一个小瓶颈,纯技术型的问题,稍微常见的基本都遇到过,非常少见的也基本是bug类(软件缺陷只能
  • 2023-11-22DPR Walk
    题意给定一个无向图,求路径长度为\(k\)的路径条数。\(n\le50\)。Sol考虑\(dp\),设\(f_{i,j}\)表示从\(i\toj\)的路径长为\(k\)的方案数。不难发现转移即为矩阵乘法。直接快速幂即可。Code#include<iostream>#include<algorithm>#include<cstdio>#includ
  • 2023-11-14PostCSS通过px2rem插件和lib-flexible将px单位转换为rem(root em)单位实现大屏适配
    目录文档postcss中使用postcss-plugin-px2rem安装postcss-plugin-px2rem示例默认配置webpack中使用postcss-plugin-px2rem项目结构安装依赖文件内容大屏适配参考文章文档类似的插件postcss-plugin-px2remhttps://www.npmjs.com/package/postcss-plugin-px2remhttps://github.com/
  • 2023-10-31app直播源代码,Flutter 宽高自适应
    app直播源代码,Flutter宽高自适应工具类代码如下: import'dart:ui';classHYSizeFit{ staticdoublescreenWidth=0.0; staticdoublescreenHeight=0.0; staticdoublephysicalWidth=0.0; staticdoublephysicalHeight=0.0; staticdoubledpr=0.0; 
  • 2023-09-14vue2实现pc端自适应分辨率
    思路:使用lib-flexible结合postcss-pxtorem实现第一步在项目utils下建立flexible.js文件(直接下载则不用新建该文件)第二部复制以下代码到刚建好的文件中或者直接yarninstalllib-flexible-pc-y//基于libflexible用来适配pc端(function(win,lib){ vardoc=win.docu
  • 2023-08-06CSP模拟14
    不会暴力!不会暴力!第负一题分治+DP只会$n^2$暴力.\(dpl[i][0/1]向左选/不选mid的最大值\)\(dpr[i][0/1]向右选/不选mid的最大值\)$ans=\sum_{i=l}^{mid}\sum_{j=mid+1}^{r}max(dpl[i][0]+dpr[j][0],dpl[i][1]+dpr[j][0],dpr[i][0]+dpr[j][1]),但
  • 2023-08-05前端常用页面适配
    1、媒体查询(media)通过在CSS文件中使用@media规则来定义媒体查询。@mediascreenand(max-width:768px){/*在宽度小于等于768px时应用的CSS样式*/}@mediascreenand(min-width:768px)and(max-width:992px){/*在宽度大于768px且小于等于992px时应用的CSS
  • 2023-05-29微信小程序使用ec-canvas在真机上预览图表模糊的解决办法
    在初始化echarts的方法中添加devicePixelRatio:dpr,代码如下:const[ec,setEc]=useState<any>({//初始化图表onInit:(canvas,width,height,dpr)=>{chart=echarts.init(canvas,null,{width,height,devicePixelRatio:dpr,})
  • 2023-03-14canvas基本概念
    基本概念1.路径canvas的路径存放在路径列表里,在调用绘制命令的时候依次绘制。2.beginPathbeginPath表示一段路径的开始,在使用beginPath以后,重新开始填充路径队列。3.c
  • 2023-02-21现代图片性能优化及体验优化指南 - 响应式图片方案
    本文是系列第二篇。系列文章:现代图片性能优化及体验优化指南-图片类型及Picture标签的使用图片资源,在我们的业务中可谓是占据了非常大头的一环,尤其是其对带宽的消
  • 2023-01-17vue H5样式适配PC端分辨率
    VUEH5样式适配PC端分辨率VUE2vue-element-admin脚手架,版本4.4.0,使用笔记本开发125%,在其它电脑端显示时分辨率不是125%的情况下,样式会发生变化,看到的与自己本地开发环
  • 2023-01-15区间dp模板
    该死的csdn登陆不上去了,为了防止区间dp模板丢失,在这里再存一份然后是左右取数字的问题,我记得20年的时候我应该看过这题,是有一个数列,前后取若干个数字,问先手能取最大值那
  • 2022-12-07canvas适配(图片、文字在移动端显示模糊问题)
    canvas图片、文字在移动端显示模糊问题因为canvas不是矢量图,而是像图片一样是位图模式的。高dpi显示设备意味着每平方英寸有更多的像素。也就是说二倍屏,浏览器就会以2
  • 2022-11-1220221112_T1A+_整体二分背包
    题意给定一个树,有\(q\)个询问,每次都是其子树内做背包。题解赛时得分:100/100子树,我们不难想到用dfs序上操作,那么现在问题变成了区间背包。区间背包怎么做,首先,对于
  • 2022-11-08Vue3+Taro+NutUI 微信小程序使用canvas组件完成电子签名功能
    使用Taro小程序开发框架中的canvas组件实现电子签名功能,实现签名时屏幕自动横屏,可清空签名重签,可保存导出图片的64位码。请将手机屏幕横向在区域内进行签名重签完
  • 2022-08-31 demo:canvas 绘制图片、并保存在相册,并使图片保持原始大小和清晰度
    1<template>2<viewclass="content">3<buttontype="primary"@click="selectImage">选择图片</button>4<canvasid="myCanvas"type