需求：右侧有导航栏，点击可以跳转到页面指定位置，同时页面滚动到指定的位置，右侧的导航栏也根据位置进行高亮变化。 CSS部分代码 body, html { /* 让页面的跳转是滚动过去的效果，默认属性是auto（立即跳转） */ ...

我前面讲过一期关于条件判断小技巧的文章，今天接着聊。所谓小技巧，说实在就是特定场景里的特例手段；对于具备一定开发能力的码农，这些特例基本都能避开。但是，某些业务逻辑本身就十分复杂，嵌套的条件语句在逻辑层面就不可能有所优化了；碰到这类场景，我 ...

React（也被称为 React.js 或者 ReactJS）是一个用于构建用户界面的 JavaScript 库。起源于 Facebook 内部项目，最初用来架设 Instagram 的网站，并于 2013 年 5 月开源。React 性 ...

前言 我们接着上一篇文章react+webpack4.x搭建前端项目之配置抽取和区分环境来进行多页面打包的配置 首先修改src下的代码，项目的结构目录 QQ截图20191213143525.png 源码见修改src下代码，添加测试a,b模块 ...

Node.js 太火了，火到几乎所有前端工程师都想学，几乎所有后端工程师也想学。一说到 Node.js，我们马上就会想到“异步”、“事件驱动”、“非阻塞”、“性能优良”这几个特点，但是你真的理解这些词的含义吗？这篇教程将带你快速入门 N ...

首先来看看蔚来官网长什么样子 不会做动图，所以具体效果可以去蔚来官网看 HTML 根据效果，我们来分析一下 页面加载进去后会有黑色的背景，然后慢慢地图片和文字动画加载出来说明背景图不是在父亲节点加背景图片，否则不会有黑色背景和图片的动画那么 ...

Map是一组键值对的结构，具有极快的查找速度。 举个栗子： 根据名字查找成绩（名字与成绩顺序一一对应），此时需要定义2个数组： var names = [ 'Sam', 'Amy', 'Daming', 'Lingling' ]; var ...

前言 该部分为书籍 深入理解ES6 第二章(字符串与正则表达式)笔记 更好的 Unicode 支持 不了解, 暂不做了解 正则表达式的改动 暂不做了解 增加 u 标志 增加 y 标志 复制正则表达式 flags 属性 字符串的其他改动 St ...

在所有后 ES6 时代的数组方法中，我觉得最难理解的就是Array.reduce()。 从表面上看，它似乎是一个简单无趣的方法，并没有太大作用。 但是在不起眼的外表之下，Array.reduce()实际上是对开发人员工具包的强大而灵活的补 ...

大概不久就是各种 hooks 漫天飞舞的世界。变天了。 本文记录一下 React Hooks 学习，算是还一下技术债。只是一些形式化的理解的整理，不求甚解。 State Hooks import { useState } from 'rea ...