2024-11-24 厉飞雨 阅读(0) 评论(0) 赞(0)

 在跳入 [React](/React/)之前，您是否了解足够的 [jav...

2024-11-24 厉飞雨 阅读(0) 评论(0) 赞(0)

 语音命令不仅适用于 Google 或 Alexa 等助手。它们还可以添加到您的移动和桌面应用程序中，为您的最终用户提供额外的功能甚至乐趣。向您的应用程序添加语音命令或语音搜索非常容易。在本文中，我们将使用 Web Speech API 来构建语音控制的图书搜索应用程序。 ### Web Speech API 简介 在开始...

2024-11-24 厉飞雨 阅读(0) 评论(0) 赞(0)

 制作一个计数器应用程序，当用户使用"功能"和"类"组件单击"添加"按钮时，该应用程序将增加计数数量。 功能组件：功能组件是在React中工作时会遇到的一些更常见的组件。这些只是JavaScript函数。我们可以通过编写JavaScript函数来创建React的功能...

2024-11-24 厉飞雨 阅读(0) 评论(0) 赞(0)

Hook于2019年2月引入React，以提高代码的可读性。我们已经在之前的文章中讨论过React钩子，但是这次我们正在研究钩子如何与TypeScript一起工作。  在使用钩子之前，[React](/React/)组件曾经具有两种风格： * 处理状态的类 * 由其道具完全定义的功能 这些的自然用法是使用类构建复杂的容...

2024-11-24 厉飞雨 阅读(1) 评论(0) 赞(0)

 随着[React](/React/)应用开发越来越普遍，对于初入行的童鞋来说，必须先打好基础，再深入学习。 今天分享下在[React](/React/)开发中的小应用：提交输入框input值。这种应用在平时项目中经常遇到，所以对于[Web前端](/)开发人员，必须熟练掌握。 ### 利用DOM提供的Event对象的tar...

2024-11-24 厉飞雨 阅读(1) 评论(0) 赞(0)

 在本文中，我们将使用Electron和React创建一个简单的桌面应用程序。这将是一个名为" scratchpad"的小型文本编辑器，类似于FromScratch，它会在您键入时自动保存更改。我们将通过使用Electron Forge（Electron团队提供的最新构建工具）来确保应用程序的安全性。 E...

2024-11-24 厉飞雨 阅读(0) 评论(0) 赞(0)

 毫无疑问，React彻底改变了我们构建用户界面的方式。它易于学习，极大地方便了创建可重用组件，从而为您的网站提供一致的外观。 但是，由于React只负责应用程序的视图层，因此它不执行任何特定的体系结构（例如MVC或MVVM）。随着您的React项目的发展，这可能很难保持您的代码库井井有条。 在9elements上，我们的...

2024-11-24 厉飞雨 阅读(0) 评论(0) 赞(0)

 夜深了，安静了很多，分享点知识：react的两种动态改变css样式的方法。 动态添加class，以点击按钮让文字显示隐藏为demo。 ### 动态添加class，以点击按钮让文字显示隐藏为demo ``` import React, { Component, Fragment } from 'react'...

2024-11-24 厉飞雨 阅读(0) 评论(0) 赞(0)

 分享React开发小应用：实现BOX拖拽功能。 因为工作中会用到 JIRA 所以想实现一下相似的功能，顺便学习一下 H5 的拖拽。不支持拖拽改变顺序，感觉有点麻烦，而且没必要。感觉相关的博文好少的，大部分都是直接上代码，没有解释。 图片默认可以拖动，其他元素的拖动效果同图片。正常的 div 是不能被拖动的，鼠标点击选择后...

2024-11-24 厉飞雨 阅读(0) 评论(0) 赞(0)

 [React](/React/)框架的应用越来越广泛，所以作为前端工作人员来说，掌握的技术知识点需要不断增加，这些需要我们日常积累。今天分享下[React](/React/)一个开发TIPS：分享几种事件绑定this指向的方法。 #### 箭头函数 利用箭头函数自身不绑定this的特点，render()方法中的this为...