fortda

前言 本文从前端模块化的发展历程，介绍下不同时期使用方式的优缺点，每种模块的加载方式、运行时机、用法，给出对应的案例加深对模块化的知识学习。 1. 模块化的理解 1.1 什...

js是如何工作的？ js中的源代码在执行前会经历三个阶段，统称为“编译”。 分词/词法分析（Tokenizing/Lexing） 这个过程会将由字符组成的字符串分解成有意义...

单一职责原则 单一职责原则（SRP）的职责被定义为“引起变化的原因”。如果我们有两个动机去改写一个方法，那么这个方法就具有两个职责。如果一个方法承担了过多的职责，那么在需求...

结构设计模式 结构型模式封装的是对象之间的组合关系，用于描述“如何将类或对象按某种布局组成更大的结构”。常见的模式包括代理模式（Proxy）、组合模式（Composite）...

行为设计模式 行为型模式封装的是对象的行为变化，用于描述“类或对象之间怎样相互协作共同完成单个对象无法单独完成的任务，以及怎样分配职责”。常见的模式包括策略模式（Strat...

设计模式是什么？ 设计模式并非是软件开发的专业术语。实际上，“模式”最早诞生于建筑学。20世纪70年代， 哈佛大学建筑学博士Christopher Alexander和他的...

过程抽象 什么是过程抽象？过程抽象是用来处理局部细节的一些方法，是函数式编程思想的基础应用。通过使用函数作为黑盒来编写和使用，这过程被称为过程抽象。 举个例子，现在我有个任...

组件封装 让我们来看一个电商网站轮播图的例子。用原生JS写一个电商网站的轮播图，应该怎么实现？ 基本方法 依旧是HTML、CSS、JS各司其职。轮播图是一个典型的列表结构，...

导读 一个好的JS代码要遵守以下一些原则： 各司其职。即HTML负责网页结构，CSS负责元素样式，JS 则负责交互和行为。 组件封装。组件是指Web页面上抽出来一个个包含模...

传统的CSS存在诸如全局作用域、依赖性、样式清除、变量共享、打破隔离等问题，通过CSS模块化、CSS in JS、utility-class等方案能有效解决问题...

defer和async是用于异步加载脚本的script标签的属性，解决了DOM堵塞和资源同步加载缓慢的问题...