本文将枚举一些前端界内比较熟知的前端技术大牛，分为个人简介、技术博客、擅长领域几个方向，希望能对初步进入前端的人一些指引和学习的方向。以下排名不分先后，个人推荐需要了解的大牛有朴灵，尤雨溪，大漠，张鑫旭，阮一峰，wintercn等。 玉伯（王保平），淘宝前端类库 KISSY、前…

最近看一篇文章包含 clip-path 的应用，发现自己对这CSS属性一知半解，决定要好好了解一下它。在网上搜了下，看到一篇文章叫 Understanding Clip Path in CSS，浅白又不失深度介绍 clip-path，看完后决定把它翻译，补充我自己的见解，算是自…

引导蒙层通常在新业务上线、或者业务有变更时的给新用户的一个操作指引。下图页面即是一个蒙层，会在某个局部位置高亮我们需要重点突出的内容： 当前发现很多页面做蒙层引导，还是使用图片形式来做。 全屏蒙层图片，图片的宽高和屏幕宽高不一致，显示两边留黑，或者有压缩的效果。 图片的引导位置…

Hook是React16.8开始新增的特性。虽然React官方文档已经作出了针对React hooks的相关概念的讲解，但是光看官方文档是很难将hooks使用好的，在编写hooks的过程中很容易跳进陷阱和错误。本文总结了5个不好的地方。 在函数组件中我们可以使用useState…

在日常生活中，二维码出现在很多场景，比如超市支付、系统登录、应用下载等等。了解二维码的原理，可以为技术人员在技术选型时提供新的思路。对于非技术人员呢，除了解惑，还可以引导他更好地辨别生活中遇到的各种二维码，防止上当受骗。 二维码最常用的场景之一就是通过手机端应用扫描PC或者WE…

原本只想筛选下上面的那篇文章，在精简掉了部分多余且无用的工具函数后，感觉不够。于是顺藤摸瓜，找到了原地址： 30 seconds of code 然后将所有代码段都看了遍，筛选了以下一百多段代码片段，并加入了部分自己的理解。 另外，本文工具函数的命名非常值得借鉴。 1. 第一部…

笔者经常在前端开源群答疑,加上之前的招聘面试经历。发现许多新手前端在问起跨域问题的解决方案,一套一套的,可是实际遇到跨域问题了就不知道怎么解决了。这次写这篇文章从实践角度聊一聊跨域问题。 出于浏览器的同源策略限制，浏览器会拒绝跨域请求。 这就是跨域问题的产生原因,同源策略是用于…

本文主要涉及三种跨域方法：JSONP、CORS、postMessage。 通常，最常用的跨域方式有以下三种：JSONP、CORS、postMessage。 单纯地为了实现跨域请求而创造的一个 trick。 虽然因为同源策略的影响，不能通过XMLHttpRequest请求不同域上…