书架

书架

=一个知识书库=

屏幕尺寸、像素、分辨率和 devicePixelRatio

屏幕尺寸、像素、分辨率和 devicePixelRatio

## 引子 最开始写页面的时候,对页面里面的 `px` 还是蛮好奇的,电脑上的分辨率好像正好跟页面渲染的宽度值对应,但手机里面却不是这样的,记得当时还去找了相关资料,好像知道是怎么回事。最近脑海里再次想起了这个问题,但已经不知道该如何表述,又没有相关的笔记,这个觉得有必要区分一下相关的概念。 <!--more--> ## 屏幕尺寸 屏幕尺寸是指屏幕对角线的尺寸,经常看到的描述是英寸(缩写 in),1 in = 2.54 cm 。 ![screen-inch](http://www.lixianglong.cn/bg_store/img/content/6d9816
more...
深入理解设备像素比

深入理解设备像素比

## 描述 | 项目 | 描述 | | ---------- | ---------------------------------- | | 操作系统 | `Windows 10 专业版` | | Edge | `110.0.1587.41 (正式版本) (64 位)` | | 物理分辨率 | `1920x1080` | ## 像素 像素**Pixel**是计算机图形处理中的一个基本概念,它是 `图像元素
more...
通用card样式

通用card样式

```javascript <template> <div class="app-container"> <div class="sect-container card-container"> <div class="container-body"> <div class="body-left"></div> <div class="divider"></div> <div class="body-right"></div> </div> </div> </div> </tem
more...
npx简介

npx简介

> npx 官网的简介:[https://docs.npmjs.com/cli/v10/commands/npx](https%3A//docs.npmjs.com/cli/v10/commands/npx) npx 是一个命令行工具,npm 5.2.0 版本中新增的功能。以前用 vue 的脚手架创建项目,需要全局安装 vue-cli,用 npx 可以不用全局安装就能使用。 vue2 创建项目,之前需要全局安装: ```bash npm install @vue/cli -g vue create project-name ``` 用 npx 可以直接创建:
more...
Three.js之作品集

Three.js之作品集

> 收藏一些不错的开源作品 <!--more--> # 一、Car ## 1.Three.js 打造可交互 3D 领克汽车 > 作者奥利奥在个人主页上实现了一个可交互 3D 汽车,奥利奥是杭州的一名前端开发人员,热衷于构建他想要的数字服务。目前,他在中国汽车制造商吉利工作。 ![图片](http://www.lixianglong.cn/bg_store/img/content/gif/YzYvtU8MjEsTqFAialHlSAHE15VbnHmm5QhAkQ.gif) ### 技术栈 - Next.js - 一个具有混合静态和服务器渲染以及路由预获
more...