唐辉

分享10个我经常使用、能够提高工作效率、图片美化、绘制流程图、可视化正则表达式的小网站，你一定也用得上...

大家好，我叫小杜杜，作为一名小前端，只需要好好写代码，至于部署相关的操作，我们通常接触不到，正所谓专业的人干专业的事，我们在工作中并不需要去配置，但这并不代表不需要了解，相信大家都听过nginx

带你深度解锁Webpack系列(基础篇) 和 带你深度解锁Webpack系列(进阶篇)，主要是讲解了 Webpack 的配置，但是随着项目越来越大，构建速度可能会越来越慢，构建出来的js的体积也越来越大，此时就需要对 Webpack 的配置进行优化。 本文罗列出了十多种优化方式…

既然标题说了是深入Babel，那我们就不说Babel各种用法了，什么babel-core，babel-runtime，babel-loader……如果你想了解这一部分内容，这类文章很多，推荐最近看到的一篇：一口(很长的)气了解 babel，可以说是相当详实完备了。 言归正传，这…

也就是说不是你真的不能访问，而是浏览器出于他自己的种种担心拦截了你的访问。 其实cors的原理就是，告诉浏览器："你别担心啦，这个请求我ok的，让他访问吧"。 而jsonp的原理是，使用浏览器不担心的方式去请求：script标签中的src属性（其他带有src属性的标签也可以，比…

的确，有些标题党了。起因是微信群里，有哥们问我，你是怎么学习前端的呢？能不能共享一下学习方法。一句话也挺触动我的，我真的不算是什么大佬，对于学习前端知识，我也不能说是掌握了什么捷径。当然，我个人的学习方法这篇文章已经在写了，预计这周末会在我个人公众号发布。而在此之前，我想展(g…

最近在一台安卓手机的webview里面遇到一个神奇的问题，setTimeout不会触发了。起因是笔者用了一个动画库，这个动画库调了它的初始化方法后没有生成DOM元素，经过一番排查，最后发现是有一个地方的setTimeout回调没有执行，如下图所示： 这是为啥呢？经检验setTi…

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

直接进入正题，IntersectionObserver 翻译为 "交叉观察者"，它的任务就是监听目标元素跟指定父元素（用户可指定，默认为viewport）是否在发生交叉行为，简单理解就是监听目标元素是否进入或者离开了指定父元素的内部（理解这句就行了，管他交不交叉呢），我好像在开…