小小开心梦

html5的video已经出来很久了。在ios上使用基本上没什么毛病，但是安卓下就是一个重灾区了，各种体验差。这几天搞了安卓的兼容，简直是要吐血。所以特意总结了一些强势的坑...

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

上个月有幸研究了 react 事件机制这个知识点，并且在公司内部把自己的理解进行了分享。现在趁还算热乎赶紧的整理下来，留住这个长脸的时刻。 主要分为4大块儿，主要是结合源码...

在实际工作中，我们很少会遇到一次性需要向页面中插入大量数据的情况，但是为了丰富我们的知识体系，我们有必要了解并清楚当遇到大量数据时，如何才能在不卡主页面的情况下渲染数据，以...

本文将持续记录笔者在学习过程中掌握的一些 HTTP 、TCP/IP 的原理，以及这些网络通信技术的一些应用场景，文章会保持更新，相当于对这块知识的一个总结和归纳。有不正确之...

em.... 查阅了一些资料,发现小程序本身是不支持svg的.这样就否定了我想直接使用svg引入多色图标的想法. 网上大多都只有对单色iconfont字体引入的介绍,这里贴...

约 47% 的用户期望他们的页面在两秒之内加载完成。 如果页面加载时间超过 3s，约 40% 的用户会选择离开或关闭页面。 一直以来，为了提升用户在页面加载时的体验，无论是...

下面总结8种清除浮动的方法（测试已通过iechromefirefoxopera，后面三种方法只做了解就可以了）1.万能清除法（推荐的方法）2.父级div定义height3，...

什么是骨架屏呢？骨架屏(Skeleton Screen)是指在页面数据加载完成前，先给用户展示出页面的大致结构（灰色占位图），在拿到接口数据后渲染出实际页面内容然后替换掉。...

本周工作中遇到类似颜色主题的问题，在查资料的时候，看到这个视频，觉得讲得很清楚，而且趣味性丰富，所以想拿出来讲讲这个很有意思的主题。 1. 精读 Web 内容无障碍指南的对...

最近经常看到很多JavaScript手写代码的文章总结，里面提供了很多JavaScript Api的手写实现。 里面的题目实现大多类似，而且说实话很多代码在我看来是非常简陋...

| 导语 《孙子兵法·谋攻》：「知彼知己，百战不殆。」在和产品pk的时候，产品最经常的说一句话是，你看他们（竞品）都能实现，你为啥不能？你看他们（竞品）的速度怎么这么快，你...

直接进入正题，IntersectionObserver 翻译为 "交叉观察者"，它的任务就是监听目标元素跟指定父元素（用户可指定，默认为viewport）是否在发生交叉行为...

在目前的前端领域，单页web应用（SPA）已经有了比较高的占有率，比较主流的web框架React、Angular、Vue几乎已经统治了前端市场。 单页应用确实带来了更好的前...

本文列举了一些列比较不常见的Web API，内容较多，所以有关兼容性的内容在本文不会出现，大家可以自己去查阅。 以下案例能配动图的我尽量去配了，以免内容枯草乏味，但是如果内...

最近在学习webGL原生，给的3d项目又不是很多，就想到了其实2d的项目也可以拿webGL练习，在接到这个项目之后，脑子里蹦出个要做出粒子的效果，大致思路已经有了，就是获取...

不好意思又来炒冷饭了。。。请拿简历来砸我。。。蚂蚁金服-芝麻信用招人啦 前端P6/7，岗位JD参考，名额有限，快来人啊。。。 前面写了一些关于前后端分离项目之后，跨域相关方...

像rate评分组件一般都用javascript写，大概一年前，我在简书写过一篇文章原生Javascript实现星星评分组件，感兴趣的可以去看一下，很久之前写的，我不知道之前...

如果我们的应用想要实现这样一个需求：监听电脑的usb接口，当有新的设备（移动硬盘或者U盘）接入电脑时，能够获取里面的移动设备的情况并更新到应用程序的界面上。 按照 Elec...

花里胡哨的canvas实现太过于繁琐，这就是本文存在的意义....