通过围棋记谱本这个小例子,基本掌握了node.js+react+express+webpack+oracledb+webstorm+bootstrap等众多的新技术。虽然很辛苦,但基本上能用这些技术做些事情了,感觉很高兴。较系统地处理了React开发、状态管理、前后台交互等功能。
最大的感受:React、chrome真是个好东西。
程序还不是很完善,比如不能打开棋谱,前进、后退观看下棋过程;界面按钮没有美化;当前棋子没有标识;没有对弈功能,等等。其实做个小程序有两个目的:一个目的是学技术,一个目的是跟儿子上围棋课时记录老师讲的变化(儿子还在5级徘徊,我差不多有一段了)。我觉得两个目的都达到了。
有空再把代码结构简单说一下。程序入口地址:http://localhost:8888/go.html
所有源码已经托管到码云,访问地址:https://git.oschina.net/wallimn/rwne.git。把插件也传上去了,有点儿大。下载了可以直接修改开发,不用自己编译oracledb了,我编译是的32位版的。如果访问Oracle数据库,需要安装oracle instance,或者安装oracle客户端。
重要事情说三遍:
代码托管地址:https://git.oschina.net/wallimn/rwne.git
代码托管地址:https://git.oschina.net/wallimn/rwne.git
代码托管地址:https://git.oschina.net/wallimn/rwne.git
如果有人修改了功能更完善的版本,还请发给我一份。谢谢。如果有人想继续开发有什么问题,也可以联系我。http://wallimn.iteye.com、wallimn@sohu.com。
如果只需要编译好的版本,从附件下载,单机使用,不需要安装任何东西,只需chrome浏览器即可,打开go.html文件。
所有文章地址列一下:
第一篇:
http://wallimn.iteye.com/blog/2342776
第二篇:
http://wallimn.iteye.com/blog/2342779
第三篇:
http://wallimn.iteye.com/blog/2343218
第四篇:
http://wallimn.iteye.com/blog/2343709
第五篇:
http://wallimn.iteye.com/blog/2343846
第六篇:
http://wallimn.iteye.com/blog/2344083
分享到:
相关推荐
总结来说,这个React围棋记谱本项目涉及React基础、组件化开发、状态管理、事件处理以及可能的前后端交互。通过这个项目,你不仅可以深入理解React的工作原理,还能提升你的JavaScript和Web开发技能。后续章节将介绍...
在本项目中,“React学习之围棋记谱本制作(四)前端开发初步完成”是一个教程,旨在教授如何使用React框架构建一个围棋记谱本的前端应用。从给出的标签“源码”和“工具”来看,我们可以推断这个教程会涉及实际的...
本React学习手册将深入探讨React的核心概念和实战技巧,帮助你从入门到精通。 首先,React的核心概念包括组件化开发。组件是React的基础单元,可以理解为可复用的代码块,它们像乐高积木一样组合起来构建整个应用。...
React 学习之道 ==================================================
七、React Hooks 自React 16.8版本引入的Hooks API,如`useState`, `useEffect`, `useRef`等,允许在函数组件中使用状态和生命周期方法,避免了类组件的复杂性,提高了代码复用和组织。 八、React Router 在单页...
总结来说,"react学习课件.docx"可能会涵盖以上这些知识点,包括React的基本原理、组件化开发、虚拟DOM、状态管理、生命周期方法、Hooks、路由管理、状态管理库以及React Native的介绍。通过学习这些内容,开发者...
"React学习手册完整版带目录.zip"包含了深入学习React所需的所有资料,包括基本概念、核心原理以及高级技巧。 首先,手册的目录可能会涵盖以下关键知识点: 1. **React基础知识**:介绍React的基本概念,如JSX语法...
总结来说,React是一个强大的前端库,通过组件化、虚拟DOM和Hooks等特性,提供了一种高效且灵活的方式来构建现代Web应用。不断学习和实践React及其周边生态,可以提升你的前端开发技能,为你的职业生涯打开新的可能...
React学习资源汇总.pdf
React Native 学习总结 React Native 是一个基于 JavaScript 和 React 的框架,用于构建跨平台的移动应用程序。在这里,我们将对 React Native 的一些基本概念和组件进行总结,以帮助开发者快速上手开发。 环境...
React学习路线脑图
React 学习笔记 React 是一个用于构建用户界面的 JavaScript 库,由 Facebook 开发,用于构建 Instagram 的网站。React 主要用于构建 UI,许多人认为 React 是 MVC 中的 V(视图)。React 拥有较高的性能,代码逻辑...
React 学习思维脑图,有助于更好的学习react
React中文学习资料提供了丰富的信息和教程,帮助开发者理解React的基本概念、核心原理和编程方法。 在React的学习过程中,首先需要了解的基本要求包括Node.js环境以及npm(Node Package Manager)。Node.js是一个...
元宇宙初探React+Three.js制作3D全景漫游.zip元宇宙初探React+Three.js制作3D全景漫游.zip元宇宙初探React+Three.js制作3D全景漫游.zip元宇宙初探React+Three.js制作3D全景漫游.zip元宇宙初探React+Three.js制作3D...
React入门学习文档 React 是一个用于构建用户界面的 JavaScript 库,是一个数据驱动的 MVVM 模式的框架。学习 React 需要了解其主要特点、JSX 元素渲染、生命周期、组件事件等知识点。 React 介绍 React 是一个...
在React的世界里,进阶之路意味着深入理解其核心概念、最佳实践以及高级技巧。React作为一个流行的JavaScript库,用于构建用户界面,尤其适用于单页应用程序(SPA)。本篇将围绕React的多个关键知识点展开,帮助...
对react,react全家桶,react native等的知识点进行汇总