特别声明，本文翻译自@alligatorio的 Control Page Scroll in CSS Using Scroll Snapping一文，受限于译者能力，译文或存在不足，欢迎大家指出。如需转载，烦请注明出处。…

一、播放器选型 video.js video.js是一个比较完整和成熟的播放器框架，包含了整套的UI、弹幕、快捷键、清晰度切换等插件功能，无论用来做点播还是直播都是非常合适的。 hls.js hls.js是非常小巧的适合…

思路 希望有一个站点可以归并技术文章、产品探索、生活记录和项目代码。 技术文章Hexo活跃齐全的生态的确很诱人，但通过Github管理文章、图片资源其实并不是很优雅。再者，存在流通和传播上的问题。现有的专栏平台支持标签和…

背景 前文 提到了项目中引用了https://www.chartjs.org/，几经尝试一度以为它们互不兼容。百度谷歌了许久，又自己尝试了多次。终于还是找到了它们配合的点。 wkhtmltopdf 这里面使用的版本必须是…

纯CSS实现水平垂直居中 最近的几场面试都问了这个问题，自己也只答了2种，感觉面试官不满意，特地总结了几种在开发中比较实用的方法，与大家分享。 一、需要知道width,height的方案 1.绝对定位 + 负外边距 &l…

详见Githubhttps://github.com/lichking24… Thanos Dust Effect Effects Demo As Thanos making a snap with the …

前端面试重点——居中问题 在页面布局开发中，居中问题是我们经常碰到的问题，掌握居中问题对于解决页面布局非常重要，同时它也是常见的面试重点。本文汇总一些常见的居中方式以及一些注意点，权当学习笔记。 [toc] 一、水平居中…

倒计时在ios中不生效这个问题，是第二次出现了，为了不再犯第三次，所以打算记录下来倒计时之所以在iOS中不生效的原因是，ios中无法识别 yy-mm-dd hh:mm:ss格式的时间(百度之后发现的，因为混合开发是第一次…

使用场景 <a href="javascript:void(0)" >Link</a> 网页开发过程中，经常使用这种方式来阻止a标签链接的跳转行为，但是在IOS系统里，长按a标签后会弹出提示框“j…

暑假前因为种种原因没有把百度IFE的先期课程学完，这个暑假又参加了相关项目开发，边做边学也总结了一些教训。现在打算写一个系列的文章，把这种集中学习中遇到一些令我的困扰一时的点好好再总结一番。而这些因应工程实践而生的点本身…

@extend用法剖析 提醒：建议继承那些干净的无后代写法的样式 我们经常会遇到这样的情况，当我们在开发页面时候一个class需要包含前一个class的所有样式，但是又必须有他自己特殊新增的样式。但是这两个class其实…

页面中经常会遇到弹出层的部件，当弹出层激活时覆盖整个页面，且背景部分不能滚动。实现起来有以下要点： 弹出层position设置为fixed，四个定位锚点均设为0； 激活弹出层时给html和body设置overflow: …