×

JavaScript教程

React中使用Redux (二) - 通过react-redux库连接React和Redux

dede58织梦模板 dede58织梦模板 发表于2024-04-26 浏览9634 评论0
react-redux库使用Redux 上一篇文章演示React中直接使用Redux的使用过程是十分繁琐的, 并且有许多重复代码 但是实际上redux官方帮助我们提供了 react-redux 的库，这个库是帮助我们完成连接redux和react的辅助工具, 可以直接在项目中使用，并且实现的逻辑会更加的严谨和高效 这篇我们就可以使用react-redux库将上一篇文章的计数器案例进行优化 安装react-redux: yarn add react-redux或npm i

JavaScript教程

React基础-JSX语法列表渲染详解

dede58织梦模板 dede58织梦模板 发表于2024-04-26 浏览11020 评论0
React列表渲染 真实开发中我们会从服务器请求到大量的数据，数据会以列表的形式存储: 比如歌曲、歌手、排行榜列表的数据; 比如商品、购物车、评论列表的数据; 比如好友消息、动态、联系人列表的数据; 在React中并没有像Vue模块语法中的v-for指令，而且需要我们通过JavaScript代码的方式组织数据，转成JSX: 很多从Vue转型到React的小伙伴非常不习惯，认为Vue的方式更加的简洁明了; 但是React中的JSX正是因为和JavaScript

json

听说你情人节没人陪，这不我来给你介绍对象啦（今天情人节没人陪我过）

良行广告 良行广告 发表于2024-04-26 浏览7069 评论0
📜个人简介 ⭐️个人主页：微风洋洋🙋‍♂️ 🍑博客领域：编程基础💡,后端💡,大数据,信息安全 🍅写作风格：干货,干货,还是tmd的干货 🌸系列专栏：【JavaScript】 🚀支持洋锅：点赞👍、收藏⭐、留言💬 好久不见，甚是想念！ 大家好！我是微风洋洋 🚀 情人节到了，但有的兄弟跟我说他没对象，这怎么能行？于是，我把我压箱底的东西拿出来了，我一定给得他好好介绍对象，传授他面向对象的概要，如果他对对象不满意，没事，那就让他自定义对象，直接一步到位，大兄弟看了我的文章，留下了感动的泪

node.js

【尚硅谷React】——React全家桶笔记（react开发者）

SetLan SetLan 发表于2024-04-26 浏览7218 评论0
第1章 React简介 用于构建用户界面的JavaScript库（只关注页面），将数据渲染为HTML视图； 由Facebook开发且开源。 中文官网英文官网 React可以克服原生JS的以下缺点： 原生JS操作DOM繁琐且效率低，因为用DOM-API操作UI； JS直接操作DOM会使浏览器进行大量的重绘重排； 原生JS没有组件化编码方案，代码复用率低 react开发者工具：Chrome插件 React Developer Tool（注意安装来源为facebook

JavaScript教程

React - Redux Hooks的使用细节详解

dede58织梦模板 dede58织梦模板 发表于2024-04-26 浏览4980 评论0
Redux Hooks Redux中Hooks介绍 在之前的redux开发中，为了让组件和redux结合起来，我们使用了react-redux库中的connect: 但是这种方式必须使用高阶函数结合返回的高阶组件; 并且必须编写:mapStateToProps和 mapDispatchToProps映射的函数, 具体使用方式在前面文章有讲解; 在Redux7.1开始，提供了Hook的方式，在函数组件中再也不需要编写connect以及对应的映射函数了 useSe

JavaScript教程

React Hook - useEffecfa函数的使用细节详解

dede58织梦模板 dede58织梦模板 发表于2024-04-26 浏览7201 评论0
useEffect的详细解析 useEffecf基本使用 书接上文, 上一篇文章我们讲解了State Hook, 我们已经可以通过这个hook在函数式组件中定义state 我们知道在类组件中是可以有生命周期函数的, 那么如何在函数组件中定义类似于生命周期这些函数呢? Effect Hook 可以让你来完成一些类似于class中生命周期的功能; 事实上，类似于网络请求、手动更新DOM、一些事件的监听，都是React更新DOM的一些副作用(Side Effec

JavaScript教程

js算法 字母大小写转换（js算法 字母大小写转换为数字）

dede58织梦模板 dede58织梦模板 发表于2024-04-26 浏览5623 评论0
题目：输入字符串将大写转换成小写，小写转换成大写？ js字母大小写转换方法： 1、转换成大写：toUpperCase() 2、转换成小写：toLowerCase() 方法一：把输入的字符串转成数组用split（）方法，进行for遍历把里面的值做判断大小写，如果大写就转换成小写toLowerCase（），小写就转换成大写toUpperCase();，然后再将数组转换成字符串。 <script> function strChange(arg) { var str=ar

JavaScript教程

vue+neo4j +纯前端（neovis.js / neo4j-driver） 实现 知识图谱的集成 大干货--踩坑无数！！！将经验分享给有需要的小伙伴

dede58织梦模板 dede58织梦模板 发表于2024-04-26 浏览6948 评论0
neo4j是什么？ 简单来说，这是一种比较热门的图数据库，图数据库以图形形式存储数据。 它以节点，关系和属性的形式存储应用程序的数据。 一个图由无数的节点和关系组成。 安装图数据库在这里就不介绍了，本篇主要介绍如何连接neo4j数据库，将知识图谱成功显示在前端页面中。 一、Neovis.js 不用获取数据直接连接数据库绘图 1.、 Neovis.js与Neo4j的连接非常简单明了，并且Neovis 的数据格式与那neo4j数据库保持一致。在单个配置对象中定义标签、属性、节点和关

JavaScript教程

canvas绘制时钟

dede58织梦模板 dede58织梦模板 发表于2024-04-26 浏览3321 评论0
这篇文章用于介绍html5的新标签，<canvas></canvas> Canvas介绍 canvas是HTML5新增的元素，通过javascript脚本绘制图形。那么canvas可以用来干啥呢？ 制作web网页游戏 数据可视化；即：echarts就是基于canvas进行绘制 广告banner的动态效果，视频的弹幕效果 canvas还可以用来内嵌一些网页 手写签名 等… 点击进入查看canvas的系列学习 在这里我添加了一个时钟的绘制，呈现的效果如