主页

前端优化

资源提示(Resource Hints) Resource Hints(资源提示)定义了HTML中的Link元素与dns-prefetch、preconnect、prefetch与prerender之间的关系。 它可以帮助浏览器决定应该连接到哪些源,以及应该获取与预处理哪些资源来提升页面性能。 dns-prefetch可以指定一个用于获取资源所需的源(origin),并提示浏览器应该尽可能早的解析。 preconnect用于启动预链接,其中包含DNS查找,TCP握手,以及可选的TLS协议,允许浏览器减少潜在的建立连接的开销。 Prefetch用于标识下一个导航可能需要的资源。浏览器会获取该资源,一旦将来请求该资源,浏览器可以提供更快的响应。 <link re...

阅读更多

像素

在ios系统中每一个控件在屏幕中都通过坐标轴定位具体位置,但是这个坐标轴的范围不是根据物理像素点标记,而是通过逻辑像素标记; 逻辑像素就是不管屏幕尺寸,只需按照固定的逻辑像素定位坐标轴中控件的位置; 例如,iphone4,屏幕尺寸3.5,物理分辨率320x480,iphone5,4寸,物理分辨率640x1136; 进行页面布局时,需要判断是哪种屏幕,然后按照逻辑像素布局,iphone4逻辑像素是320x480,iphone5逻辑像素是320x568; 像素(px)是设计师的最小设计单位,点(pt)是iOS最小的开发单位。 我们日常所说的二倍图,三倍图就是指屏幕中一个点中有两个像素或三个像素。 一个设备究竟要使用二倍图还是三倍图,只需看ppi和dpi的比值就可以了。(ps:plus中...

阅读更多

拖拽事件

1.dropend 在drop后执行; 2.行内事件的函数必须传递event,否则不执行; 3.setData必须在dragstart事件里,其余地方不生效; 可设置多次不同类型的数据;如果同一类型,后面的会覆盖前面的; 4.getData只在drop事件才能得到; 5.ondragover要阻止默认行为,否则drop执行不到` ; 6.drop最好也加阻止默认行为,否则文件类型的拖拽会打开文件;

阅读更多