- 博客(5)
- 收藏
- 关注
RSS订阅原创 移动端响应式布局技巧
基本概念 设备像素（物理像素/像素分辨率）：显示器的最小物理单位（对于一个显示器来说是固定的），以手机为例，iphonex像素分辨率为1125X2436，是指屏幕横向能线上1125个物理像素点，纵向能线上2436个物理像素点。通常说的4K显示器指的是4096X2160 设备独立像素 ：一个设备独立像素可能包含多个物理像素 devicePixelRatio：像素比，指的是物理像素和设备独立像素的比，即1独立像素由多少个物理像素渲染 dpr：设备像素比，设备像素/设备独立像素，代表设备独立像素到设备像素
2022-02-11 15:52:17
429
原创 移动端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
189
原创 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
363
原创 w3c盒模型
1.标准合模型 box-sizing：content-box 实际宽度 =width+padding+border 实际高度 =height+padding+border 2.IE合模型 box-sizing：border-box 实际宽度 =width（padding+border） 实际高度 =height（padding+border）
2021-12-23 18:10:12
453
原创 nginx
什么是Nginx Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器。 Nginx以事件驱动的方式编写，所以有非常好的性能，同时也是一个非常高效的反向代理、负载平衡服务器。在性能上，Nginx占用很少的系统资源，能支持更多的并发连接，达到更高的访问效率；在功能上，Nginx是优秀的代理服务器和负载均衡服务器；在安装配置上，Nginx安装简单、配置灵活。 Nginx支持热部署，启动速度特别快，还可以在不间断服务的情况下对软件版本或配置进行升级，即使运行数月也无需重新启动。
2021-12-23 17:21:10
1171
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人