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

Web前端工程师是当前各大企业都比较稀缺的人才，薪资待遇和就业前景都很不错。不论是专业还是非专业，有基础亦或是无基础，都想通过学习Web前端实现高薪就业。不过，学习要一步一个脚印，不能一口吃一个胖子，所有的实战经验都是基于理论而积累形成，今 ...

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. 鉴权与 ...

硬件和软件技术的进步是推动整个互联网技术进步的主要因素。顶尖的编程语言是现代技术与新兴技术的核心组成部分。今天的开发人员需要学习的编程语言比以往任何时候都要多。同样，许多IT外包公司现在正在使用大量语言来构建所有不同类型的软件应用程序。 对 ...