九格宫抽奖相信大家都玩过，今天就用 JavaScript 写个九宫格抽奖玩玩。让中奖不再是梦！ 1.预览效果 image 效果图为屏幕录制软件生成，以至于出现滚动不连贯。实际运行中不会出现不连贯的滚动效果 2.完整代码 代码可直接复制运行查 ...

本文的内容比较硬核，我们一起来看下 JavaScript 全局变量的底层机制到底是怎样的。文章会涉及脚本作用域、全局对象等概念。 作用域 变量的词法作用域（简称作用域）是程序中可以访问它的区域。JavaScript 的作用域是静态的（在运 ...

模拟实现 Promise（小白版） 本篇来讲讲如何模拟实现一个 Promise 的基本功能，网上这类文章已经很多，本篇笔墨会比较多，因为想用自己的理解，用白话文来讲讲 Promise 的基本规范，参考了这篇：【翻译】Promises/A+规 ...

引言 React v16.8 引入了 Hooks，它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。这些功能可以在应用程序中的各个组件之间使用，从而易于共享逻辑。Hook 令人兴奋并迅速被采用，Reac ...

obvious.js 轻量级的前端微服务通信框架 github: https://github.com/SMIELPF/obvious image 介绍 要说前端微服务自然绕不开后端微服务，一个技术或概念的出现并不是凭空产生，而是为 解决开 ...

引言 我们经常会碰到树形数据结构，比如组织层级、省市县或者动植物分类等等数据。下面是一个树形结构的例子： 树形结构 在实际应用中，比较常见的做法是将这些信息存储为下面的结构，特别是当存在1对多的父/子节点关系时： const data = ...

随着互联网的发展，Web前端开发成为目前最火热的岗位。Web前端开发的技术知识也是在不断更新，致使Web前端开发工作变得越来要复杂；以前，只要会编写HTML, CSS 和Java就能够找到一份不错的前端开发工作。而现在，web开发远远不止是 ...

最近在接触TypeScript，研究和平常JavaScript的使用区别；前者声明变量的时候就要定义相应的类型，后者的变量可以根据环境来改变它的类型；这个就设计到强弱类型语言的区别了； 动态类型语言  静态类型语言就算它的类型可以根据环境而 ...

前言 该部分为书籍 深入理解ES6 第九章(JS的类)笔记 ES5 中的仿类结构 在 ES5 中与类最接近的是: 创建一个构造器, 然后将方法指派到该构造器的原型上, 这种方式通常被称为创建一个自定义类型 function PersonTy ...

CSS 里面的伪元素其实是非常好用的，但是经常容易被大家忽略，伪元素里面常用到的 content 属性，可能现在很多人仅仅以为 content 属性的值只支持字符串，除了字符串外常用到的还有 uri、counter ，今天所要介绍的就是 c ...