JS中的日期时间应用场景是非常广阔的，比如说：评论提交、文章发布、内容编辑、页面监控、节日活动等等，有生命的地方就存在时间。 我们在数据库存储时间字段的时候，一般都会以时间戳的标准来存储。 再添加一个时间戳的参数，只需把时间戳传进日期对象即可。 很久以前如果我们不曾相遇，如果没…

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

HTML5 为我们提供了 File API 相关规范。主要涉及 File 接口 和 FileReader 对象 。 本文整理了兼容性检测、文件选择、属性读取、文件读取、进度监控、大文件分片上传以及拖拽上传等开发中常见的前端文件操作。 首先，我们的 File 来自于<input>…

现代前端项目多为单页Web应用(SPA)，在单页Web应用中路由是其中的重要环节。 每个现代前端框架都有与之对应的路由实现，例如 vue-router、react-router 等。 本文并不涉及 vue-router、react-router 的实现方式，而是介绍前端路由的基…

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 我确信有很多开发人员坚持使用基本的全局对象：数字，字符串，对象，数组和布尔值。对于许多用例，这些都是需要的。 但是如果想让你的代码尽可能快速和可扩展，那么这些基本类型并不总是足够好。 在本文中，我们将讨论JS …

在前端站点上下载文件，这是一个极其普遍的需求，很早前就已经有各种解决方法了，为什么还写这么老的文章，只是最近在带一个新人，他似乎很多都一知半解，也遇到了我们必经问题之“不能下载txt、png等文件”的典型问题，我就给他总结下下载的几个方式。顺便分享出来，也许，真有人需要。 这是…

1. scrollingElement 2. 滚动到底部 3. 判断浏览器已滚动到底部

本文列举了一些列比较不常见的Web API，内容较多，所以有关兼容性的内容在本文不会出现，大家可以自己去查阅。 以下案例能配动图的我尽量去配了，以免内容枯草乏味，但是如果内容有误，也请大家亲喷或者纠正👌 1. querySelector 2. querySelectorAll…

现在主流浏览器支持的 EcmaScript 功能越来越多了，那么 Web 框架还有多大用途呢？这是个问题。回顾过去，Angular 1.x、Backbone、JQuery 等库走马灯一样轮流登上舞台，但 const、let、class 等许多新功能诞生后就一直沿用了下来，因此我…