站长随笔

第3页

组件是什么意思?

阅读(136)

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

React中如何进行事件绑定

阅读(91)

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

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

阅读(75)

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

JSX中如何实现条件渲染?

阅读(157)

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

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

阅读(73)

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

jsx的本质

阅读(75)

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

ssd是什么硬盘?

阅读(100)

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

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

npm init -y的作用

阅读(206)

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