摘要: 以前做移动端项目的时候都是用rem来做适配,现在基本上都是通过viewport单位来做。 postcss-px-to-viewport就是一个将px单位转换为视口单位的 (vw, vh, vmin, vmax) 的 PostCSS 插件,它可以将你CSS中的px单位转化为vw,1vw等于1/100视 阅读全文
posted @ 2024-11-11 11:38 孙凯亮 阅读(80) 评论(1) 推荐(3) 编辑
摘要: <template> <div style="height: 100%;width: 100%;"> <swiper :direction="'vertical'" :loop='true' :allowTouchMove='false' :observer='true' :observeParen 阅读全文
posted @ 2024-06-27 10:55 孙凯亮 阅读(36) 评论(0) 推荐(0) 编辑
摘要: // pollWorker.js import { Base64 } from 'js-base64'; import RsaAndAes from '~/composables/RsaAndAes'; import { getRandomNumberFn } from '~/composables 阅读全文
posted @ 2024-06-27 09:38 孙凯亮 阅读(48) 评论(0) 推荐(0) 编辑
摘要: 传统的setInterval在某种情况下会导致内存泄漏,每次调用都会占用一部分内存空间,既然threejs的更新都是基于# requestAnimationFrame的循环调用,那么我们就可以利用这个api,自己封装一个interval循环调用的方法,至于这个api具体怎么用,可以去看一下官网,源码 阅读全文
posted @ 2024-06-26 10:20 孙凯亮 阅读(10) 评论(0) 推荐(0) 编辑
摘要: /* 默认样式 */ .element { width: 100px; height: 100px; background-color: blue; } /* 当设备像素比为1.5时,调整.element的宽度 */ @media screen and (resolution: 144dpi) { 阅读全文
posted @ 2024-05-28 19:06 孙凯亮 阅读(4) 评论(0) 推荐(0) 编辑
摘要: 两种情况一起使用 实现 不同分辨率 不同 dpi 缩放自适应处理 //webview 需要配置 mWebView.getWebSetting().setUseWideViewPort(true);//让webview读取网页设置的viewport,pc版网页 1、同分辨率 不同dpi 缩放自适应处理 阅读全文
posted @ 2024-05-15 17:30 孙凯亮 阅读(448) 评论(0) 推荐(0) 编辑
摘要: 前端页面js获取nginx服务器时间在实际开发中,我们通常要使用的是服务器端的时间,而不是本机电脑的时间,在js文件中直接通过new Date()获取的时间是本机电脑的系统时间,获取服务器时间的方法如下:1.修改nginx的配置文件nginx.conf,在对应服务器端口的server路径下直接添加如 阅读全文
posted @ 2023-11-28 10:19 孙凯亮 阅读(202) 评论(0) 推荐(0) 编辑
摘要: default.conf server { listen 9784; server_name localhost; client_header_buffer_size 512k; large_client_header_buffers 4 512k; #charset koi8-r; access_ 阅读全文
posted @ 2023-09-21 14:38 孙凯亮 阅读(3) 评论(0) 推荐(0) 编辑
摘要: ![image](https://img2023.cnblogs.com/blog/759421/202309/759421-20230921143332734-2075372285.png) ![image](https://img2023.cnblogs.com/blog/759421/202309/759421-20230921143402222-1782116544.png) ![imag 阅读全文
posted @ 2023-09-21 14:36 孙凯亮 阅读(5) 评论(0) 推荐(0) 编辑
摘要: --disable-pinch 阅读全文
posted @ 2023-09-13 10:59 孙凯亮 阅读(7) 评论(0) 推荐(0) 编辑