2024-09-10直到iphone4诞生，彻底改变人们对“上网”这个行为的思维方式。原来我们可以在一个方砖大小的设备上访问页面，那我们将来是不是可以在一个几十上百寸的巨幕上访问页面？在一张A4纸大小的板子上访问页面？人们用千奇百怪的设备访问你的网页，这时候如果你依然墨守成规，那就只能在用户糟糕体验之后的唾弃声中抱着你的电脑屏幕退场。

https://www.qianduange.cn//article/18037.html 分类：前端知识

2024-07-22在本章中，我们介绍了应用程序缓存的基础知识，包括其实施示例。我们的回顾指出了使用这项新技术的好处，但也讨论了缺点，比如不一致的支持，主要是在旧版浏览器中，以及在测试时面临的问题。我们学会了如何处理离线交互，以及和IndexedDB如何允许我们在客户端临时存储信息作为解决方案。在下一章中，我们将讨论性能优化，并看看这在本书中开发的应用程序中是如何发挥作用的。在这一章中，我们考虑了优化应用程序各个部分的性能，包括样式、脚本和媒体。我们讨论了验证、优化和分析我们的样式和脚本。

https://www.qianduange.cn//article/14184.html 分类：前端知识

2024-06-18以 iphone XS 为例，当写 CSS 代码时，针对于单位 px，其宽度为 414px & 896px，也就是说当赋予一个 DIV元素宽度为 414px，这个 DIV 就会填满手机的宽度；而如果有一把尺子来实际测量这部手机的物理像素，实际为 1242*2688 物理像素；经过计算可知，1242/414=3，也就是说，在单边上，一个逻辑像素=3个物理像素，就说这个屏幕的像素密度为 3，也就是常说的 3 倍屏。

https://www.qianduange.cn//article/12636.html 分类：前端知识

2024-06-18移动端-确认订单页面含源码与资源orders.cssorder.html页面效果这里的数据以iphone6/7/8为例（之后会有含移动适配的页面，感谢b站黑马，项目来自于这上面的）里面有设计稿，可以自己做一做，设计稿测量可以用PxCook或者PS(移动端设计稿一般在开发模式下调为2x)链接：https://pan.baidu.com/s_手机h5前端订单页面样式

https://www.qianduange.cn//article/12633.html 分类：前端知识

2024-05-09示例：设置一个 rem 为 100px，都会继承 html 里的 font-size。示例 2：自身的 font-size 乘以继承的 line-height => 16 * 2 = 32px。示例：iphone5、iphone6/7/8、iphone6/7/8Plus 机型。示例：测试 relative 和 absolute。示例 1：继承 body 的行高：30px。示例：flex 布局画色子（三点）示例：flex 布局画色子（五点）示例：（不设置 bfc）示例：（设置 bfc）

https://www.qianduange.cn//article/7573.html 分类：前端知识

2024-04-22iphone7没有办法将复制的文字粘贴到页面的输入框_iphone input长按不显示粘贴

https://www.qianduange.cn//article/5768.html 分类：前端知识

2024-02-21px是pixel单词的缩写，翻译为像素。像素是影响显示的基本单位。像素单位常见的有三种像素名称：设备像素（也称之为物理像素）；设备独立像素（也称之为逻辑像素）；CSS像素设备像素，也叫物理像素。设备像素指的是显示器上的真实像素，每个像素的大小是屏幕固有的属性，屏幕出厂以后就不会改变了我们在购买显示器或者手机的时候，提到的设备分辨率就是设备像素的大小比如iphone X的分辨率 1125x2436，指的就是设备像素设备独立像素，也叫逻辑像素。_css vw

https://www.qianduange.cn//article/2383.html 分类：前端知识

2024-01-27移动端的浏览器一般都支持window.orientation这个参数，通过这个参数可以判断出手机是处在横屏还是竖屏状态。之前，做了一个H5项目，需要在横竖屏变化时，展示不同效果。ipad,iphone： 90 或 -90 横屏。ipad,iphone： 0 或180 竖屏。Andriod： 90 或 -90 竖屏。Andriod：0 或180 横屏。_h5横屏

https://www.qianduange.cn//article/543.html 分类：前端知识