从复杂的框架到处理 API，有太多的东西需要学习。 但是，它也能让你只用一行代码就能做一些了不起的事情。 1. 获取一个随机布尔值 (true/false) 这个函数使用 Math.random() 方法返回一个布尔值（true 或 false）。Math.random 将在 …

最近开源了一个 Vue 组件，还不够完善，欢迎大家来一起完善它，也希望大家能给个 star 支持一下，谢谢各位了。 在我多年的编程生涯中，我会优先考虑编写代码的方式，不仅是为了让代码更简洁，还因为它有助于提高编码效率，使编写代码的速度更快。 写1000行代码和写300行代码是不…

JS 里的操作符大家每天都在使用，还有一些 ES2020、ES2021 新加的实用操作符，这些共同构成了 JS 灵活的语法生态。本文除介绍常用的操作符之外，还会介绍 JS 里一些不常用但是很强大的操作符，下面我们一起来看看吧～ 1. 数值分割符 _ ES2021 引入了数值分割…

马上就要过春节了，大城市里依然是不准燃放烟花这种空气污染的东西的，想念小时候在自家院子里放花的快乐时光，大城市里的小朋友们是体会不到这种快乐了。但作为前端工程师，这难不倒我们，下面就教大家如何用JS在网页里放烟花。 在 codepen 里搜索 “fireworks” 可以搜到各…

引入装饰器更能够便于代码逻辑的解藕和复用。举一个例子 举一个非常常见的需求。假设我们有一个类Network，它有一个异步getList方法 如果需要对另一个方法使用全局 loading，可能又需要再写一遍。并且这个代码还入侵了函数本身的逻辑。这时候使用装饰器就可以相对优雅解决这…

在开发过程中，有时会遇到需要控制任务并发执行数量的需求。 例如一个爬虫程序，可以通过限制其并发任务数量来降低请求频率，从而避免由于请求过于频繁被封禁问题的发生。 接下来，本文介绍如何实现一个并发控制器。 上述示例代码利用 Promise.all 方法模拟6个任务并发执行的场景，…

对于事件循环，这是每个 JavaScript 开发人员必然会遇到或者需要理解的内容之一。 但是对于初级开发者来说，理解起来可能有些混乱。 因为我是一个视觉学习者，所以我通过低分辨率 gif 图的可视化方式来帮助你理解它。 JavaScript 是 单线程的：一次只能运行一个任务…

根据 W3C 的规范，我们平常会将 HTML、CSS、JS 进行分层书写；并且一般 CSS 在上方，HTML 随后书写，JS 在最后才会书写。相信这是读者书写前端的默认习惯了，但是你是否有想过为啥要如此进行排列呢？ CSS：CSS 不会阻止 DOM 树解析，但是会阻止 DOM …

本文不是一个大而全的课程，只是我们日常中常见的问题，因为网络安全是一个很大的话题，我们这里只介绍前端工程师应知应会的东西。大概包括 XSS, CSRF, 点击劫持，SQL注入，OS注入，请求劫持，DDOS，以及简单的防范策略。 XSS的英文是Cross Site Scripti…