当小编每次想要了解一个文件的详细信息时，除了鼠标右键选择属性外，就只能用第三方软件了。虽然Windows在资源管理器中提供了“详细信息窗格”，看似解决了快速查看不同类型文件“详细信息”的问题，但是微软啊，咱能在用户体验上再用点心吗？这么粗陋的界面让我们看高清图标玩呢？既然指望不上微软，小编也只能带着大家用注册表自力更生了。Win+R之后输入regedit启动 …
display 属性
前言在前端开发中，我们可以用CSS设置元素的样式，美化界面，也可以用CSS设置元素布局，即格式化上下文(Formatting Context)，简称为FC盒模型-BOX我们的页面是由一个个元素组成的，渲染时会将其抽象为一个个的盒(BOX)进行布局渲染元素的类型和display属性，决定了一个Box的类型不同类型的Box，会参与组成不同的FC我们可以在浏览器控 …
今年来，各大公司都缩减了HC，甚至是采取了“裁员”措施，在这样的大环境之下，想要获得一份更好的工作，必然需要付出更多的努力。本文挑选了20道大厂面试题，建议在阅读时，先思考一番，不要直接看解析。尽管，本文所有的答案，都是我在翻阅各种资料，思考并验证之后，才给出的。但因水平有限，本人的答案未必是最优的，如果您有更好的答案，欢迎给我留言。如果有错误，可以在评论区 …
很多大公司面试喜欢问这样一道面试题，输入URL到看见页面发生了什么？ 简单来说，共有以下几个过程：DNS解析发起TCP连接发送HTTP请求服务器处理请求并返回HTTP报文浏览器解析渲染页面连接结束。DNS解析DNS解析实际上就是寻找你所需要的资源的过程。假设你输入www.baidu.com，而这个网址并不是百度的真实地址，互联网中每一台机器都有唯一标识的IP …
组合模式的概念深入剖析组合模式主要聚焦于解决对象之间的层次结构以及统一操作的问题。在现实世界中，许多事物都呈现出 “部分 - 整体” 的层次关系，例如一个公司有多个部门，每个部门又有多个小组，小组里还有员工；再如一个图形界面，有窗口，窗口中包含按钮、文本框等组件，按钮和文本框还可能包含图标等子元素。组合模式就是为了能够以一种统一的方式来处理这些具有层次关系的 …
这里没什么好说的直接上图、上代码:CSS实现自适应正方形以及等宽高比矩形* * {padding: 0;margin: 0;} *html, body {height: 100%;}* 方法一: *.w_son-cont {width: 20% ;*基于父级的宽度设置*padding-top: 20% ; * 或者padding-bottom: 20%; * …
概述PC优化手段在Mobile侧同样适用在Mobile侧我们提出三秒种渲染完成首屏指标基于第二点，首屏加载3秒完成或使用Loading基于联通3G网络平均338KBs(2.71Mbs），所以首屏资源不应超过1014KBMobile侧因手机配置原因，除加载外渲染速度也是优化重点基于第五点，要合理处理代码减少渲染损耗基于第二、第五点，所有影响首屏加载和渲染的代码 …
自苹果推出了iPhone应用商店以来，App成为了我们生活中不可或缺的一部分，而对于实体业务也是如此，现在各行业都在推出自己的App，但有没有人想过这样一种场景，如果自己的潜在客户还没有安装你的App亦或是即便安装但因为客户的手机存储空间紧张而卸载掉了你的App？那有没有使App更轻量，更易安装的技术实现呢？答案是“有的”。渐进式Web应用程序就是为此而生的 …
1、Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?（1）、 声明位于文档中的最前面，处于 标签之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档。 （2）、严格模式的排版和 JS 运作模式是 以该浏览器支持的最高标准运行。（3）、在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。（4）、DOCT …
浏览器解析HTML的过程 1、构建 frame, 以建立DOM树。2、回流(reflow) 引起Dom树结构变化，改变页面布局。 3、重绘(repaint) 不会引起Dom树变化及页面布局变化，只重新渲染页面样式回流与重绘两者之间的联系在于: 触发回流一定会触发重绘, 而触发重绘却不一定会触发回流。我们可以把页面理解为一个黑板，黑板上有一朵画好的小花。现在我 …