深红

To C 业务场景下的 Web 页面，经常会有炫酷复杂的动效需求。在一个有限的项目排期下，选择合适的动效方案但往往对前端工程师来说是一个巨大的挑战。

前文《浅谈移动端单屏解决方案》中，我介绍了移动端单屏场景下的一些常规解决方案。但是，这些方案主要针对的是竖屏的页面，对于一种特殊情况：横屏单屏页面，我们则需要进一步适配。

单屏页面（又称翻屏页面），由于需要把一整屏的内容完整展示给用户，同时又要求页面不能出现滚动条，那么，仅仅只是针对屏幕宽度进行等比例缩放的适配，其实效果并不理想

做移动端页面有一段时间了，总结下工作中常用的几种移动端适配方案：1.rem方案 2.vw方案 3.rem+vw 方案

浪费带宽，如果用户仅仅观看了一个视频的前几秒，可能已经被提前下载了几十兆流量了。即浪费了用户的流量，也浪费了服务器的昂贵带宽 需要注意的是，普通的mp4格式文件，是无法通过MediaSource进行加载的，需要我们使用一些转码工具，将普通的mp4转换成fmp4(Fragment…

前不久接手过一个历史悠久的项(shi)目(shan)，技术栈之复杂(~~混乱~~)令我潸然泪下：你甚至可以在一个项目里使用前端三大框架(Angular1, Vue, React)。 鉴于接到的是一个全新的需求，于是我又双叒叕引入了Ant Design Pro V4全家桶(第四份…

Express和Koa作为轻量级的web框架，虽然灵活简单，几行代码就可以启动服务器了，但是随着业务的复杂，你很快就会发现，需要自己手动配置各种中间件，并且由于这类web框架并不约束项目的目录结构，因此不同水平的程序员搭出的项目质量也是千差万别。为了解决上述问题，社区也出现了各…

可以看出，收银台页面一般要适配3个终端：pc端，触屏端，app端。因此，主流的第三方支付平台(微信，支付宝，花呗分期，京东白条)也需要能支持这三种场景的支付 由于支付涉及部门核心业务，因此就不拿公司线上的收银台做讲解了。支付交互流程，主要参考哔哩哔哩会员购和慕课网（~~没有利益…

出现这个警告的原因是：chrome在80版本之后，更新了cookies的携带机制，把原来Cookie的SameSite属性值，由None改成了Lax，这就会导致一些需要第三方cookie的应用产生了异常。 Name: cookie名。 Value: cookie值。 Domai…