前端小智

公众号 @ 大迁世界

我不是什么大牛，我其实想做的就是一个传播者。内容可能过于基础，但对于刚入门的人来说或许是一个窗口，一个解惑之窗。我要先坚持分享20年，大家来一起见证吧。

23关注

18,270关注者

32,502掘力值

赞

71

更多

专栏

前端小智
5天前
能解决 80% 需求的 10个 CSS动画库 1. Animista 2. Animate CSS 3. Vivify 4. Magic Animations CSS3 5. cssanimation.io 6. Angrytools 7. Hover.css 8. WickedCSS 9. Three Dots 10. …
- 185
- 收藏
阅读全文
前端小智
7天前
如何解决 Render Props 的回调地狱简而言之，只要一个组件中某个属性的值是函数，那么就可以说该组件使用了 RENDER PROPS 这种技术。听起来好像就那么回事儿，那到底 Render Props 有哪些应用场景呢，咱们还是从简单的例子讲起，假如咱们要实现一个展示个人信息的组件，一开始可能会这么实现：如果，想要在 PersonI...
- 24
- 收藏
阅读全文
前端小智
9天前
看完这几道 JavaScript 面试题，让你与考官对答如流（下）由于篇幅过长，我将此系列分成上中下三篇，上、中篇：看完这几道 JavaScript 面试题，让你与考官对答如流（中）看完这几道 JavaScript 面试题，让你与考官对答如流（上） 51. 什么是及其如何工作？是 JS 中编写异步或非阻塞代码的新方法。它建立在PROMISES之上，让异步...
- 343
- 收藏
阅读全文
前端小智
12天前
看完这几道 JavaScript 面试题，让你与考官对答如流（中）由于篇幅过长，我将此系列分成上中下三篇，上篇：看完这几道 JavaScript 面试题，让你与考官对答如流（上） 26. 什么是 IIFE，它的用途是什么？ IIFE或立即调用的函数表达式是在创建或声明后将被调用或执行的函数。创建IIFE的语法是，将包裹在在括号内，然后再用另一个括号调用它，如...
- 152
- 收藏
阅读全文
前端小智
16天前
看完这几道 JavaScript 面试题，让你与考官对答如流（上）1. undefined 和 null 有什么区别？ 2. && 运算符能做什么 3. || 运算符能做什么 4. 使用 + 或一元加运算符是将字符串转换为数字的最快方法吗？ 5. DOM 是什么？ 6. 什么是事件传播? 7. 什么是事件冒泡？ 8. 什么是事件捕获？ 9. …
- 235
- 收藏
阅读全文
前端小智
18天前
如何使用SASS编写可重用的CSS Sass 是一个CSS预处理程序，至今使用广泛，它之所以流行，是因为它修复了几个CSS缺陷： Sass 也是 Bootstrap 4 运行的基础。这意味着为了理解如何操作引导代码而学习Sass是非常有帮助的，而不是覆盖代码(这是大多数开发人员的定制方法)。理解Sass可以更好地理解源代码级别的工具...
- 83
- 收藏
阅读全文
前端小智
21天前
【TypeScript 演化史 -- 11】泛型参数默认类型和新的 --strict 编译选项 TypeScript 2.3 增加了对声明泛型参数默认类型的支持，允许为泛型类型中的类型参数指定默认类型。咱们先从为类创建类型定义开始。每个基于类的 React 组件都有两个属性: 和，类型定义结构大致如下：注意，这个是大大简化的示例，因为咱们是为了演示泛型类型参数及其默认值的内容。虽然...
- 5
- 收藏
阅读全文
前端小智
23天前
【动画演示】JavaScript 引擎运行原理 JavaScript 很酷，但是 JS 引擎是如何才能理解我们编写的代码呢?作为 JS 开发人员，我们通常不需要自己处理编译器。然而，了解 JS 引擎的基础知识并了解它如何处理JS代码，并将其转换成机器能够理解的东西，绝对是个有益无害的事情。注意:本文主要基于 Node.js 和基于 Chrom...
- 53
- 收藏
阅读全文
前端小智
25天前
【动画演示】：事件循环形象深动(JavaScript)事件循环是什么，为什么要理解它？ JS 是单线程的:一次只能运行一个任务。通常这没什么大不了的，但现在想象一下我们正在运行一个需要的任务。在这个任务中，我们要等待，然后才能执行接下来要做的事情(JS 默认运行在浏览器的主线程上，所以整个UI都卡住了)。幸运的是，浏览器提供了 JS 引擎本身没有提...
- 73
- 收藏
阅读全文
前端小智
26天前
【动画演示】：JS 作用域链不在话下本篇我们来看看啥是作用域以及作用域链，首先，来看看下面的代码：我们调用函数，它返回一个包含姓名、年龄和城市变量值的字符串:。但是,函数中不包含变量，它是怎么取到的值？首先，JS 引擎为不同的上下文设置内存空间。我们有默认的全局上下文(浏览器中的、Node 中的 )，以及已经调用的函数的本地...
- 12
- 收藏
阅读全文
前端小智
29天前
你需要知道的 JavaScript 类(class)的这些知识 JavaScript 使用原型继承:每个对象都从原型对象继承属性和方法。在或等语言中使用的传统类作为创建对象的蓝图，在 JavaScript 中不存在，原型继承仅处理对象。原型继承可以模拟经典类继承。为了将传统的类引入JavaScript, ES2015 标准引入了语法，其底层实现还是基于原型...
- 28
- 收藏
阅读全文
前端小智
1月前
TypeScript 演化史 -- 10】更好的空值检查和混合类个人专栏 ES6 深入浅出已上线，深入ES6 ，通过案例学习掌握 ES6 中新特性一些使用技巧及原理，持续更新中，←点击可订阅。在TypeScript 2.2中，空检查得到了进一步的改进。TypeScript 现在将带有可空操作数的表达式标记为编译时错误。具体来说，下面这些会被标记为错误：来...
- 20
- 收藏
阅读全文
前端小智
1月前
【动画演示】：变量提升别有一翻风味 '提升'是 JS 开发都经常接触的一个术语，如果你刚接触 JS，可能会遇到一些奇怪的行为，其中一些变量是随机，会抛出异常等等。提升通常被解释为将变量和函数放到作用域顶部，但实际上并不是这样，尽管行为看起来是这样的。当 JS 引擎获取我们的代码时，它要做的第一件事就是为代码中的数据设置内存。目...
- 19
- 收藏
阅读全文
前端小智
1月前
JavaScript 中的无穷数(Infinity)为了保证的可读性，本文采用意译而非直译。 (无穷大)在 JS 中是一个特殊的数字，它的特性是：它比任何有限的数字都大，如果不知道，我们在一些运算操作遇到时，就会觉得很有意思。现在我们来看看 JS 中的属性，了解用例并解决一些常见的陷阱。 1.INFINITY(无穷)的定义无穷可以分为两种...
- 11
- 收藏
阅读全文
前端小智
1月前
（译）【TypeScript 演化史 -- 9】object 类型和字符串索引签名类型的点属性个人专栏 ES6 深入浅出已上线，深入ES6 ，通过案例学习掌握 ES6 中新特性一些使用技巧及原理，持续更新中，←点击可订阅。 TypeScript 2.2 引入了一个新的类型。它表示任何非基本类型。以下是 JS 的基本类型：上述以外类型都被认为是非基本类型，可以用新的类型表示：随着 T...
- 6
- 收藏
阅读全文
前端小智
1月前
（译）通过编写简易版本的虚拟DOM，来理解虚拟DOM 的原理为了保证的可读性，本文采用意译而非直译。要构建自己的虚拟DOM，需要知道两件事。你甚至不需要深入 React 的源代码或者深入任何其他虚拟DOM实现的源代码，因为它们是如此庞大和复杂——但实际上，虚拟DOM的主要部分只需不到50行代码。首先，我们需要以某种方式将 DOM 树存储在内存中。可以使...
- 32
- 收藏
阅读全文
前端小智
1月前
回到基础：什么是DOM及DOM操作？文本主要介绍 **文档对象模型(DOM)**了解什么是DOM操作，以及如何使用砶 DOM API 与 JS 中的 Web 页面进行交互。 DOM(文档对象模型)是针对于xml但是扩展用于HTML的应用程序编程接口，定义了访问和操作HTML的文档的标准。 W3C文档对象模型是中立于平台和语言之间的接...
- 93
- 收藏
阅读全文
前端小智
1月前
34 个今年11月最受欢迎的 JavaScript 库直接开门见山，看看有哪些好用受欢迎的库值得我们使用。 GITHUB： https://github.com/remy/nodemon GITHUB STARS: 19.6 k 在编写调试项目，修改代码后，需要频繁的手动close掉，然后再重新启动，非常繁琐。现在，我们可以使用这个工具，它的作用是监...
- 537
- 收藏
阅读全文
前端小智
1月前
【TypeScript 演化史 -- 8】字面量类型扩展和无类型导入上一篇的文章中，解释了 TypeScript 如何用变量和属性的字面量始化来推断。这篇文章继续讨论这个，扩展和非扩展字面量类型之间的区别。当使用关键字声明局部变量并使用字面量值初始化它时，TypeScript 将推断该变量的：由于关键字，每个变量的值都不能更改，所以非常有意义。它保存了...
- 17
- 收藏
阅读全文
前端小智
1月前
图片该如何优化来提高网站的性能，这里提供几种方法为了保证的可读性，本文采用意译而非直译。图像是web上提供的最基本的内容类型之一。他们说一张图片胜过千言万语。但是如果你不小心的话，图片大小有时高达几十兆。因此，虽然网络图像需要清晰明快，但它们尺寸可以缩小压缩的，使用加载时间保持在可接受的水平。在我的网站上，我注意到我的主页的页面大小超过...
- 83
- 收藏
阅读全文

个人成就

获得点赞22,636

文章被阅读1,039,193

掘力值32,502

加入于

2017-10-12