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

文中我强调了移动端适配是对屏幕宽度进行缩放：对于普通的流式布局(长屏幕页面)，页面内容是可以上下滚动的。屏幕小，一屏幕看到的东西虽然变少，但是用户可以通过手势滚动页面，继续浏览下一屏的内容。因此在常规情况下，对于屏幕宽度进行等比例缩放已经能解决大部分应用场景了

做移动端页面有一段时间了，总结下工作中常用的几种移动端适配方案。基础网上已经有非常多的基础知识总结，不再赘诉，详情可以见《关于移动端适配，你必须要知道的》《不要再问我移动适配的问题了》其中容易搞混的概念是视口 {代码...} meta标签中的viewport属性，就是视图的含义视口分为布局视口视觉视口理想视口布局视...

前言提到网页播放视频，大部分前端首先想到的肯定是: {代码...} 的确，一个简单的video标签就可以轻松实现视频播放功能但是，当视频的文件很大时，使用video的播放效果就不是很理想:播放不流畅(尤其在：首次初始化视频 场景时卡顿非常明显)浪费带宽，如果用户仅仅观看了一个视频的前几秒，可能已经被提前下载了几十兆流...

前不久接手过一个历史悠久的项(shi)目(shan)，技术栈之复杂(混乱)令我潸然泪下：你甚至可以在一个项目里使用前端三大框架(Angular1, Vue, React)。

A cookie associated with a cross-site resource at [链接] was set without the SameSite attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with SameSite=None and Secure.

jsbridge是随着Hybrid App的流行而产生的一种技术。那么Hybrid App是啥？Hybrid App又称混合App，即同时使用了前端web技术(js,css,html)和原生native技术(java,kotlin,swfit,object-c)进行开发的移动应用。

前后端分离开发已成为业界的共识，但分离的同时也带来了部署的问题。传统web模式下，前端和后端同属一个项目，模板的渲染理所当然由后端渲染。然而随着node的流行，以及webpack的模块化打包方案，让前端在开发阶段完全有能力脱离后端环境：通过本地node启动一个服务器，搭配Mock数据，马上就可以进行业务开发了。

前不久从零开始写了一个webpack多页面打包boilerplate(webpack4-boilerplate)，方便以后工作可以开箱即用，特此记录下开发过程中的要点。 注意：本文不会详细介绍webpack的基础知识，如果完全不会，建议看下我之前写过的基础文章 从零开始搭建一个简单的基于webpack的vue开发环境 从零开始搭建一个简单的基于webpack的re...

前段时间有个需求，需要前端导出excel。一般来说，对于导出大量数据的功能，最好还是交给后端来做，然而后端老哥并不想做(撕逼失败)，只能自力更生。