最近一段时间在做 H5 聊天项目，踩过其中一大坑：输入框获取焦点，软键盘弹起，要求输入框吸附（或顶）在输入法框上。需求很明确，看似很简单，其实不然。从实验过一些机型上看，发现主要存在以下问题： 在 Android 和 IOS 上，获知软键盘弹起和收起状态存在差异，且页面 web…

今天在公司的后台项目中遇到一个这样的需求：点击一个按钮，发送一个请求，然后用请求到的data中的url打开一个新窗口（跳转到另一个后台）。看起来应该没什么问题，很快代码写好了（vue项目，以下是伪代码，主要表达下思路）： 愉快地测试下，发现并没有弹出新窗口，短促的慌乱之后，发现…

本文介绍了离线缓存的原理、优势、使用方法更新方法等。

随着移动流量时代的到来，移动端的上网体验的优化，更多的视频播放场景和需求都会承载到移动端上，但是移动端的视频播放由于浏览器内核、系统等限制性导致视频在播放时表现不一，需要开发人员花时间精力去处理此类问题，希望这篇文章能对大家在移动端使用video标签时有帮助。如果有错误或不严谨…

简单盘点了浏览器的几种滚动相关的行为： 1.让页面或元素的滚动如丝般柔滑 2.几个滚动方法 3.让元素滚到可视区 4.多滚动区域，滚动不传播 5.规范滚动元素的定位 6.设置返回页面是否返回原滚动位置

cookie是网站为了标示用户身份而储存在用户本地终端上的数据（通常经过加密），cookie数据始终在同源的http请求中携带，记会在浏览器和服务器间来回传递。 sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。 大小： cookie…

之前说到HTTPS，在我的概念中就是更安全，需要服务器配置证书，但是到底什么是HTTPS，为什么会更安全，整套流程又是如何实现的，在脑子里没有具体的概念。所以，我花了几天的时间，通过参考一些文章，学习了HTTPS整套机制的实现，想要通过一篇文章把我学习到的东西总结出来，让更多之…

如果说计算机科学只存在两个难题：缓存失效和命名。那么我就觉得命名的难点只有两个：词汇量和坚持贯彻执行制定的规范。 最近在知乎上看到这个：作为程序员，有没有让你感到既无语又崩溃的程序命名？。顿时感慨万千，因为命名对于程序员来说是就是一个难题，有时候因为命名，可能会引起别人的误导，…

在 PC 端，视口指的是浏览器的可视区域，其宽度和浏览器窗口的宽度保持一致。在 CSS 标准文档中，视口也被称为初始包含块，它是所有 CSS 百分比宽度推算的根源，给 CSS 布局限制了一个最大宽度。 而移动端则较为复杂，它涉及到三个视口：布局视口（Layout Viewpor…