- 博客(5)
- 收藏
- 关注
RSS订阅原创 移动端响应式布局技巧
基本概念设备像素（物理像素/像素分辨率）：显示器的最小物理单位（对于一个显示器来说是固定的），以手机为例，iphonex像素分辨率为1125X2436，是指屏幕横向能线上1125个物理像素点，纵向能线上2436个物理像素点。通常说的4K显示器指的是4096X2160设备独立像素 ：一个设备独立像素可能包含多个物理像素devicePixelRatio：像素比，指的是物理像素和设备独立像素的比，即1独立像素由多少个物理像素渲染dpr：设备像素比，设备像素/设备独立像素，代表设备独立像素到设备像素
2022-02-11 15:52:17
353
原创 移动端1px问题
产生原因：为了适配各种屏幕，我们写代码时一般使用设备独立像素来对页面进行布局，而在设备像素比大于1的屏幕上，我们写的1px实际上是被多个物理像素渲染，这就会出现1px在有些屏幕上看起来很粗的现象。Window.devicePixeRatio = 物理像素 / dips解决方案：.h-line-bottom{ position: relative; border:none;}.h-line-bottom:after{ content: ''; position: abso
2022-02-11 10:49:15
140
原创 express中间件原理
const middle1 = (next) => { console.log(1); next(); console.log(2); }; const middle2 = (next) => { console.log(3); next(); console.log(4); }; ...
2022-02-10 11:21:26
321
原创 w3c盒模型
1.标准合模型box-sizing：content-box实际宽度 =width+padding+border实际高度 =height+padding+border2.IE合模型box-sizing：border-box实际宽度 =width（padding+border）实际高度 =height（padding+border）
2021-12-23 18:10:12
398
原创 nginx
什么是NginxNginx (engine x) 是一个高性能的HTTP和反向代理web服务器。Nginx以事件驱动的方式编写，所以有非常好的性能，同时也是一个非常高效的反向代理、负载平衡服务器。在性能上，Nginx占用很少的系统资源，能支持更多的并发连接，达到更高的访问效率；在功能上，Nginx是优秀的代理服务器和负载均衡服务器；在安装配置上，Nginx安装简单、配置灵活。Nginx支持热部署，启动速度特别快，还可以在不间断服务的情况下对软件版本或配置进行升级，即使运行数月也无需重新启动。
2021-12-23 17:21:10
1133
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人