摘要:布局,缩放这也是淘宝使用的方案,根据屏幕宽度设定值,需要适配的元素都使用为单位,不需要适配的元素还是使用为单位。 讨论适配方案之前,先了解几个移动端的概念。 基础概念 设备像素(device pixels):又称为物理像素,是显示屏的最小物理单位。在操作系统的调度下,每一个设备像素都有自己的颜色值和亮度值。 设备独立像素(device independent pixels):基于计算机...
摘要:补充指令解析器源码补充下节点类型的知识元素节点属性节点文本节点节点实体引用名称节点实体名称节点处理指令节点注释节点文档节点文档类型节点文档片段节点声明节点指令解析器解析节点,直接固定某个节点进行替换数据的解析模板指令,替换模板数据初始化试图 补充指令解析器compile github源码 补充下HTML节点类型的知识: 元素节点 Node.ELEMEN...
摘要:打开一篇多图的微信公众好文章。在图片加载过程中,我们发现微信对每一个都塞了也个占位图,而且占位图的宽高就是实际加载完图的宽高。这是如何做到的呢微信所有的标签里都有自定义的这两个属性是关键是图片的是图片的高宽值设定的,。 打开一篇多图的微信公众好文章。在图片加载过程中,我们发现微信对每一个img都塞了也个占位图,而且占位图的宽高就是实际加载完图的宽高。这是如何做到的呢? 1.微信所有的i...
摘要:由出品的前端开源项目周报第十二期来啦。我们的前端开源周报集合了一周来新收录的优质的前端开源项目,方便前端开发人员便捷的找到自己需要的项目工具等。 由OpenDigg 出品的前端开源项目周报第十二期来啦。我们的前端开源周报集合了OpenDigg一周来新收录的优质的前端开源项目,方便前端开发人员便捷的找到自己需要的项目工具等。vue2-elm 重写饿了么webapp showImg(htt...
摘要:编写的内容,就像你目前正在阅读的文章,组成了超过的网页。为这个文本内容添加样式将有一个很长的路要走。添加让我们借这个机会,来提高文本格调。瞧按照网页设计的基本原则,我们在短短几分钟内设计了一个像样的页面。 showImg(https://segmentfault.com/img/bVCrlL); 比方说,你想要在自己网站上分享一个产品,或者是一个作品集,又或者仅仅只是一个灵感。在你发布...