推荐
最新
热榜
其他
谈谈你对BFC的理解？

谈谈你对BFC的理解？

一、是什么我们在页面布局的时候，经常出现以下情况：这个元素高度怎么没了？这两栏布局怎么没法自适应？这两个元素的间距怎么有点奇怪的样子？......原因是元素之间相互的影响，导致了意料之外的情况，这里就涉及到BFC概念BFC（BlockFormattingContext），即块级格式化上下文，它是页面中的一块渲染区域，并且有一套属于自己的渲染规则：内部的盒子会在垂直方向上一个接一个的放置对于同一个BFC的俩个相邻的盒子的margin会发生重叠，与方向无关。每个元素的左外边距与包含块的左边界相接触（从左到右）
其他
说说 HTTP1.0/1.1/2.0 的区别?

说说 HTTP1.0/1.1/2.0 的区别?

一、HTTP1.0HTTP协议的第二个版本，第一个在通讯中指定版本号的HTTP协议版本HTTP1.0浏览器与服务器只保持短暂的连接，每次请求都需要与服务器建立一个TCP连接服务器完成请求处理后立即断开TCP连接，服务器不跟踪每个客户也不记录过去的请求简单来讲，每次与服务器交互，都需要新开一个连接例如，解析html文件，当发现文件中存在资源文件的时候，这时候又创建单独的链接最终导致，一个html文件的访问包含了多次的请求和响应，每次请求都需要创建连接、关系连接这种形式明显造成了性能上的缺陷如果需要建立长连接
其他
实现Web端指纹登录

实现Web端指纹登录

前言现在越来越多的笔记本电脑内置了指纹识别，用于快速从锁屏进入桌面，一些客户端的软件也支持通过指纹来认证用户身份。前几天我在想，既然客户端软件能调用指纹设备，web端应该也可以调用，经过一番折腾后，终于实现了这个功能，并应用在了我的开源项目中。本文就跟大家分享下我的实现思路以及过程，欢迎各位感兴趣的开发者阅读本文。实现思路浏览器提供了WebAuthenticationAPI,我们可以利用这套API来调用用户的指纹设备来实现用户信息认证。最终的实现效果视频，请移步：web端指纹登录注册指纹首先，我们需要拿到
其他
2018前端最值得关注的技术有哪些？

2018前端最值得关注的技术有哪些？

前言2018已经过去了一多半，来简单总结一下。人在进步，技术在发展。2018年前端有哪些领域，技术值得关注，哪些技术会兴起，哪些技术会没落。下面就我个人的判断进行一个预测判断，希望能对大家起到一个参考作用！下面提及的技术，只是建议大家关注，也不是建议大家全部的都要学，而是建议大家按需学，自己觉得哪些需要学，对哪些有兴趣就学哪些！如果大家有什么工具，框架，库觉得可以推荐的，欢迎在评论区提点，让大家相互进步，学习！PWAPWA(ProgressiveWebApps)由谷歌提出，用前沿的技术开发，让网页使用如同
其他
说说地址栏输入 URL 敲下回车后发生了什么？

说说地址栏输入 URL 敲下回车后发生了什么？

一、简单分析简单的分析，从输入URL到回车后发生的行为如下：URL解析DNS查询TCP连接HTTP请求响应请求页面渲染二、详细分析URL解析首先判断你输入的是一个合法的URL还是一个待搜索的关键词，并且根据你输入的内容进行对应操作URL的解析第过程中的第一步，一个url的结构解析如下：DNS查询在之前文章中讲过DNS的查询，这里就不再讲述了整个查询过程如下图所示：最终，获取到了域名对应的目标服务器IP地址TCP连接在之前文章中，了解到tcp是一种面向有连接的传输层协议在确定目标服务器服务器的IP地址后，则
其他
怎么理解回流跟重绘？什么场景下会触发？

怎么理解回流跟重绘？什么场景下会触发？

怎么理解回流跟重绘？什么场景下会触发？一、是什么在HTML中，每个元素都可以理解成一个盒子，在浏览器解析过程中，会涉及到回流与重绘：回流：布局引擎会根据各种样式计算每个盒子在页面上的大小与位置重绘：当计算好盒模型的位置、大小及其他属性后，浏览器根据每个盒子特性进行绘制具体的浏览器解析渲染机制如下所示：解析HTML，生成DOM树，解析CSS，生成CSSOM树将DOM树和CSSOM树结合，生成渲染树(RenderTree)Layout(回流):根据生成的渲染树，进行回流(Layout)，得到节点的几何信息（位
其他
Web前端 研发模式演变过程

Web前端 研发模式演变过程

一、简单明快的早期时代可称之为Web1.0时代，非常适合创业型小项目，不分前后端，经常3-5人搞定所有开发。页面由JSP、PHP等工程师在服务端生成，浏览器负责展现。基本上是服务端给什么浏览器就展现什么，展现的控制在WebServer层。这种模式的好处是：简单明快，本地起一个Tomcat或Apache就能开发，调试什么的都还好，只要业务不太复杂。然而业务总会变复杂，这是好事情，否则很可能就意味着创业失败了。业务的复杂会让Service越来越多，参与开发的人员也很可能从几个人快速扩招到几十人。在这种情况下，
其他
使用预渲染提升SPA应用体验

使用预渲染提升SPA应用体验

前言在目前的前端领域，单页web应用（SPA）已经有了比较高的占有率，比较主流的web框架React、Angular、Vue几乎已经统治了前端市场。单页应用确实带来了更好的前后端分离，以及用户体验好、快，内容的改变不需要重新加载整个页面等等的优点，喜忧参半，SPA应用首屏加载慢、白屏以及SEO等问题也就慢慢显露出来。问题的来源是SPA应用采用的是客户端渲染，DOM节点要等待JS文件加载完毕后才会生成，所以就浮现了以上几个问题。为了解决以上问题，目前有两个比较主流的解决方案：1、服务端渲染（SSR）2、预渲
下拉加载更多
猜你喜欢
换一换
最新文章
更多