/front-end-demo

前端学习的各个小项目

Primary LanguageJavaScript

README

前端大坑,我大受震撼

项目列表

  • webpack-demo: 前端入门看的第一个网课,然后有了这个demo。里面还嵌入了vue3vue-router,基本把webpack玩明白了,以及更深刻理解了vue3,以及vue-cli可能帮我做了哪些事情。(以后一定把vue-dev这个项目捡起来)
  • react-app : npx create-react-app my-app,最基础的脚手架。
  • react-game: create-react-app的脚手架,实现了#字棋,但不知道为啥是yarn管理(明明上一个脚手架是npm)
  • react-webpack: 看阿里云网课,网课似乎更喜欢从零搭建,所以是webpack搭建。后面参考别的教程,改成了登录页面。
  • react-gdb-app: 本地存了带react-router的项目,用于实现路由。先实现多页面路由,再接入Graphin
  • neo-backend: 用Express模拟一个后端,连接Neo4j数据库和PG数据库
  • react-ui: UI用什么方案,一直没想好...也试过react-bs这种,但我感觉可能用antd这种会好一点点?
  • antd-demo
  • antd-pro-app
  • angular-app: 为了zeppelin前端开发,稍微理解一下项目结构和基础的组件的写法,也是完整完成了一个教程。不过zeppelin分为两个前端,一个用的比较旧的版本,next版本用的就跟我这个项目里的类似,都是.ts为主了。

图应用进度

基本完成

  • react-gdb-app
  • neo-backend

目前的问题如下:

  1. PapaParse在后端处理CSV的时候,还需要改造成分批处理,对于几千行的CSV,处理都不能完美完成。
  2. neo4j-driver,写入后端的时候,产生的错误,不能被捕获到。主要我没学习过async await关键词。
  3. 到底应该什么时候触发PG到Neo4j?如果PapaParse处理CSV,卡住了,此时肯定不能继续执行图数据库写入。所以发出sync请求的时候要慎重。
  4. 测试了大数据量后,发现目前写法隐藏了连接池的问题。Neo4j默认的连接池中有100个连接,如果遍历过快,上一个写入没有执行完。中间一部分数据,获取不到空闲的连接,就会写入失败。所以最终我还是没办法,拷入Docker容器中,再手动执行导入命令。

资料

  1. React#字棋