站长随笔

第3页

组件是什么意思？

阅读(254)

对于前端开发工程师来说，其实会经常听到「组件」这个概念。 那么，组件是什么呢？ 其实，一个组件就是用户界面的一部分。 在前端领域，「组件」其实是一个通用的概念，它是不挑框架的。 现在主流的前端框架，例如Vue、React等，采用的都是「组件...

React中如何进行事件绑定

阅读(210)

我们都知道，在前端开发里边，几乎所有的交互效果都是由事件驱动的。 在React中，绑定事件其实非常简单。 语法是：on + 事件名称 = {事件处理程序（即回调函数）}。 来个代码示例： 给按钮加一个事件绑定，函数内已提前声明好了一个事件处...

如何在JSX中实现复杂条件渲染

阅读(186)

JSX基础条件渲染使用「逻辑与运算符」或「三元运算符」就可以解决了。 那么，复杂情况下怎么解决呢？ 我们来举个例子吧：（看下这张截图） 这个一个典型的文章列表，有三篇文章。但是，这三篇文章，有的是单图模式，有的是三图模式，而有的是无图模式。...

JSX中如何实现条件渲染？

阅读(276)

这篇文章来讲解一下JSX中实现「条件渲染」的方式。 先来说一下，什么是「条件渲染」呢？ 条件渲染指的是，根据不同的条件渲染不同的模版。 我们来举个例子吧，现在我们有一个isLogin变量，它是个布尔类型，值可能是true也可能是false。...

现在用React的公司是用类式组件多还是函数式组件多？

阅读(173)

就我个人的感受（至少在上海这边），基本都是在用「函数式组件」了。 为什么会这样呢？ 因为，hooks带来的逻辑复用、抽象封装对比类组件的「嵌套」要好很多。 不过，函数式组件也是存在不足之处的。 例如，由于函数式组件少了显式的生命周期等优化手...

jsx的本质

阅读(180)

很多人会说，写jsx其实就是在写js、jsx是js的扩展语法。 但是我们要知道，浏览器是不可以直接去识别jsx的。 jsx必须得经过解析工具（比如babel）将代码转换为浏览器能识别的代码。 我们打开babel的网站试一试就知道了： 左边是...

ssd是什么硬盘？

阅读(214)

相信很多人都听过「机械硬盘」和「固态硬盘」。 那么，SSD是什么硬盘呢？ 其实，SSD是 Solid State Drive 的缩写，叫「固态硬盘」。 机械硬盘对应的是 HDD。 机械硬盘是比较传统的硬盘，而固态硬盘要比机械硬盘先进，它使用...

npm init -y的作用_中医自学网

npm init -y的作用

阅读(365)

我们在学习前端的过程中，经常能看到npm init -y这个命令。 比如，我们创建webpack项目的时候，命令是这样的： mkdir webpack-demo && cd webpack-demo npm init -y ...