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

首先开篇之前先提个问题： 为什么Flex box跟Grid box的是以start、end为排列规则，而不是常规的top 、right 、bottom 跟left？ 先不要急着往下翻，大家先思考一下。 这个问题的答案，鱼头会在文章中给出，欢 ...

为什么Flex box跟Grid box的是以start、end为排列规则，而不是常规的top 、right 、bottom 跟left？ 现在各位看官有答案了吗？ 因为上一篇中有提到过CSS 逻辑属性的变革，从物理概念跳跃到了逻辑概念，也 ...

互联网的高速发展促使互联网企业对于网站等页面的用户体验要求也越来越高，导致网站开发难度越来越大，但同时，伴随着的是开发人员的是高福利高工资，让很多人想加入到这个行业中，那么怎样才能成为一名前端开发人员呢?应该学习哪些知识呢 首先，学习之前要 ...

零基础小白如何学编程，这是很多人在网络上搜索的问题。随着互联网的快速发展，程序员成了名副其实的高薪行业，因此才吸引了这么零基础小白想要学习编程。事实上，所有人都是从零基础开始学编程的，只是他们的学习方式不一样，有的是在大学学习、有的是自学、 ...

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

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

前期准备 1.建立文件结构。然后分成资源和提供两个文件夹。一个存入本地使用，一个存入外部引入（Grid布局和normalize css在外部)再分别放入图片/css/js之类的 image.png 2.通过link使用文间结构中的css i ...

前言 前三章介绍了项目搭建和webpack打包优化。 1、react+webpack4搭建前端项目（一）基础项目搭建 2、react+webpack4搭建前端项目（二）react全家桶的使用 3、react+webpack4搭建前端项目（三 ...

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