结合个人经历总结的前端入门方法，总结从零基础到具备前端基本技能的道路、学习方法、资料。由于能力有限，不能保证面面俱到，只是作为入门参考，面向初学者，让初学者少走弯路。互联网的快速发展和激烈竞争，用户体验成为一个重要的关注点，导致专业前端工程 ...

1 JS基本概念 1.1 JS简介 前端三层 - HTML —— 结构层从语义的角度描述页面的结构 - CSS —— 样式层从装饰的角度描述页面的样式 - JavaScript —— 行为层从交互的角度描述页面的行为 JS的组成：ECMAS ...

扩展性是衡量代码质量最重要的标准之一，代码的扩展性好了，出bug的几率就小很多。在经典的设计模式中，大部分设计模式都是为了解决代码的扩展性而存在的，主要遵从的原则就是开闭原则，所以理解开闭原则并能灵活应用很重要。 如何理解开闭原则 英文全称 ...

作者：凉皮给大家整理了 24 个前端相关的学习网站和一些靠谱的小工具，包括一些小游戏、教程、社区和论坛，以及一些找素材的网站，希望可以帮助到大家。 ▍CSS 相关1、CSS Battle - 在线比拼 CSS CSSBattle在线比拼 C ...

前言 Redux 也是我列在 THE LAST TIME 系列中的一篇，由于现在正在着手探究关于我目前正在开发的业务中状态管理的方案。所以，这里打算先从 Redux 中学习学习，从他的状态中取取经。毕竟，成功总是需要站在巨人的肩膀上不是。 ...

导读 本文从解决问题的角度出发，讲述实际开发过程中遇到的一些困惑和解决方案。 之前尽管读过一些文章，也系统的看过教程，可当TS结合React，在加上个antd还是一头雾水！ 有时候TS给出的提示让人崩溃，搜也搜不到！觉得TS麻烦！不知道类型 ...

原文： How to write great React How to write great React 写这篇文章源于一个问题：如果我可以提出一条建议，来帮助新开发人员编写好的React，那会是什么？ 我的答案是：用编写整洁函数(cle ...

什么是变量，从字面意思来讲，变量就是可变的量；从编程角度来讲，变量是用来存储某种/某些数值的存储器，举例2个盒子，为区分它们，其中一个用box1表示，另外一个用box2，当然你也可以用任意的名称来区分，这个box1就是盒子名字也就是所谓变量 ...

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

// 交叉类型将多个类型合并为一个类型， // 联合类型，适合属性为多种类型之一的场景，如字符串或者数组 function formatCommandLine(command: string[] | string) { let line ...