总体来说，在2019年的大前端领域虽然并没有出现什么颠覆性技术。但是随着Flutter、WebAssembly、Serverless的广泛被运用和火爆发展还是超出了大家的预期，同时也让我们进一步看到了大前端技术的融合趋势。Flutter：谷 ...

最近做的项目里涉及到一个视频列表，点击播放视频，有点类似短视频APP个人主页的效果，直接使用了h5自带的video标签，没想到坑一个接一个。 首先展示下效果图： 踩坑记录： 踩坑一：视频列表中直接使用多个video标签无法达到产品的设计效果 ...

object-fit：指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框。与我们熟悉的background-size属性有点相似。 contain被替换的内容将被缩放，以在填充元素的内容框时保持其宽高比。 整个对象在填充盒子的同时 ...

今天跟大家分享一些目前比较热门新鲜度靠前的50款前端工具，希望对你有所帮助。一、构建工具1、 Parcel地址：https://parceljs.orgParcel是一款极速零配置WEB应用打包工具，快速、几乎零配置是它最大的特点，开箱即用 ...

为什么明明输入的网址是A，但是打开的网站是B？为什么别的站点随便什么网址打开都是同一个页面？为什么别人换了网址也不需要单独说明？让我们走进边缘规则的妙用解开谜底。 经常会有朋友来问，网站访问时会自动从 HTTP 跳转到 HTTPS 并反馈 ...

自学前端开发程序员和大学学计算机的人学习前端开发，差别在哪？谁会更受公司欢迎？相对于专业就是编程的人来说，学习前端自然会更容易，因为他们具备更加完善的理论体系，所以学习编程会更加容易 相对于自学前端开发编程的人，可能因为涉及到自己未知的基础 ...

如今越来越多的人开始学习编程，尤其是年轻人和在校学生，都希望通过学习编程，能够找到一份儿不错的工作，JavaScript是Web前端人员必须要掌握的知识点之一，也是一门高级语言。最初JavaScript只是在Web浏览器中运行，随着Node ...

PWA是指渐进式web应用，一般由web app manifest, service worker, app shell, notification push等部分组成。 这里目前只讨论web app manifest, service w ...

网络身份的验证的场景非常普遍，比如用户登陆后才有权限访问某些页面或接口。而HTTP通信是无状态的，无法记录用户的登陆状态，那么，如何做身份验证呢？ 下面，会从浅入深，陆续介绍几种常用的认证方式和相关概念。文章较长，请耐心阅读。 1. 鉴权与 ...

HTTP是Web中常见的通信方式，无状态，简单易用。当然，它的不足之处也非常明显： 通信使用明文，内容可能被窃听 不验证通信方的身份，有可能遭遇伪装 无法证明报文的完整性，所以报文有可能被篡改 为了解决HTTP协议的痛点，采用通信加密的方式 ...