- 2024-12-09go 语言 print、printf、println的区别
print和println这两个打印方式类似,只在格式上有区别println打印的每一项之间都会有空行,print没有,例如:fmt.println("go","python","php",javascript")//gopythonphpjavascriptfmt.print("go","python","php",javascript&qu
- 2024-11-24定时器JS深入理解解读
set&clearinterval&timeout相信不论是老油条还是新手小白,你早就听过或者用过setInterval和setTimeout这俩哥们儿和他们的死敌clearInterval和clearTimeout了吧,作为项目里的“老面孔”和面试高频考点,今天GJ504b就带大家深入解读这四大活宝
- 2024-05-29px2rem 实现vue rem 自适应/
npminstallpostcss-px2rempx2rem-loader--save新建js文件rem.js//rem等比适配配置文件//基准大小constbaseSize=16//设置rem函数functionsetRem(){//当前页面宽度相对于1920宽的缩放比例,可根据自己需要修改。constscale=document.documentElem
- 2024-04-24Vue-cli 将px转化为rem适配移动端
vue-cli2版本配置1.下载lib-flexible我使用的是vue-cli+webpack,所以是通过npm来安装的npmilib-flexible--save2.引入lib-flexible在main.js中引入lib-flexibleimport'lib-flexible/flexible'3.设置meta标签通过meta标签,设置设备宽度以及缩放比例<metaname="viewport
- 2024-03-20postcss-px2rem 的使用
两种方法:1、不改变第三方组件的样式第一步先卸载安装的postcss-px2remnpmuninstallpostcss-px2rem安装postcss-px2rem-excludenpmipostcss-px2rem-exclude--save第二步在项目根目录下面建立postcss.config.js文件 module.exports={plugins:{
- 2024-03-12前端大屏尺寸实现自适应屏幕大小
说在前面目前很多业主在使用系统的时候都会有大屏的需求,很多屏幕并不会像我们开发的屏幕一样标准,比如1920*1080,这样我们就需要根据业主的屏幕尺寸进行适配,避免一些图表或文字在大屏中出现偏移,影响视觉观感。方案比选方案一:如果希望在大屏中实现最佳的展示效果,应该由设计人
- 2024-03-11vue项目实现PC端各分辨率适配
最近做项目刚好用到pc端分辨率适配,在这里分享一下我的做法。1.先下载需要的插件包px2rem-loader、postcss-pxtoremnpminstallpx2rem-loadernpminstallpostcss-pxtorem@5.1.12.配置rem.js文件(名称自己随意取就可以),一般放置在utils文件夹里,没有就新建一个utils文件
- 2024-01-31px2rem vite
1//vite.config.js23importpostcssPluginPx2remfrom'postcss-plugin-px2rem'45exportdefaultdefineConfig({6css:{7postcss:{8plugins:[9postcssPluginPx2rem({10
- 2023-11-13rem适配(移动端)
移动端适配是开发过程中不得不面对的事情。在此,我们使用postcss中的px2rem-loader,将我们项目中的px按一定比例转化rem,这样我们就可以对着蓝湖上的标注写px了。我们将html字跟字体设置为100px,很多人选择设置为375px,但是我觉得这样换算出来的rem不够精确,而且我们在控
- 2023-10-12vue cli2 3 4使用lib-flexible px2rem完美解决移动端适配问题
安装lib-flexible$npminstalllib-flexible--savelib-fiexble,lib-flexible会自动在html的head中添加一个metaname="viewport"的标签,同时会自动设置html的font-size为屏幕宽度除以10,也就是1rem等于html根节点的font-size。假如设计稿的宽度是750px,此时1rem应该等于75px。
- 2023-06-29在 Vue Cli 3 + 中使用 px2rem-loader
安装amfe-flexiblenpminstallamfe-flexible-S安装px2rem-loadernpminstallpx2rem-loader-D在mian.js中引入import'amfe-flexible'在vue.config.js中配置module.exports={chainWebpack:config=>{config.module.rule('scss
- 2023-06-28vue自动将px转换成rem
1.首先下载lib-flexiblenpminstalllib-flexible--save2.在main.js中引用 lib-flexibleimport'lib-flexible/flexible'3.安装px2rem-loader(将px转换成rem)npminstallpx2rem-loader4.配置px2rem(在build/utils.js中配置px2rem)我这边是根据iphone6的设计图尺寸
- 2023-04-25vue3+vite自适应PC端
1、下载包pnpmaddlib-flexible-computerpostcss-px2rempx2rem-loader-D2、在main.ts里引入import"lib-flexible-computer";3、在vite.config.ts写入importpx2remfrom"postcss-px2rem"css:{postcss:{plugins:[px2rem({
- 2023-04-22移动端开发的准备
移动端开发移动端最大问题,不能解决完全自适问题js框架的安装ui库的引入先准备转码器插件Babel移动端自适应的插件lib-flexible,postcss-plugin-px2rem
- 2023-03-05vue项目PC端如何适配不同分辨率屏幕
闲聊:年前小颖第一家公司同事问我有做过pc端适配的项目吗,我给妹纸说了下,结果发现没说完,自己当时也没想起来,今天干脆总结下,方便自己和大家日后查看第一步:安装postcss-px2r
- 2022-11-15umi配置chainWebpack,使用自定义loader----jsx-px2rem
前言虽然云谦大佬在github上说了,umi本身的配置已经很完善了,但是肯定满足不了所有人各种各样的奇葩需求。。。比如今天说的将jsx中的style里,将px转换为rem。 umi本身提
- 2022-09-02自适应布局 tb自适应布局
第一种方法是将文件下载到你的项目中,然后通过相对路径添加:<scriptsrc="build/flexible_css.debug.js"></script><scriptsrc="build/flexible.debug.js"></script>第