Coder Social home page Coder Social logo

phodal / growth-ionic Goto Github PK

View Code? Open in Web Editor NEW
2.2K 199.0 322.0 72.57 MB

[v2.0 DEPRECATED, please update to Growth 3.0] Growth - App to help you Be Awesome Developer & Awesome Hacker

Home Page: http://growth.ren/

License: MIT License

JavaScript 2.59% CSS 9.82% HTML 30.03% Shell 0.33% Python 2.13% TypeScript 55.10%
growth phodal ionic ionic2 angular2 repractise growth-hacking

growth-ionic's Issues

Growth 3.0 开发设想

😄😄😄

这是一份 Growth 未来的发展路线,包括:

  • 以后可能会更改的计划或待办事项
  • 有其它功能需求吗?

Growth 1.0 开发路线图

😄😄😄

这是一份 Growth 1.0 的开发路线,包括:

  • 以后可能会更改的计划或待办事项
  • 有其它功能需求吗?

Done

  • 版本
    • WP版
    • Android版
    • Web版
    • Electron 桌面版 #13
  • 解决方案
  • 技能测验
    • 问题收集和展示
  • Web七日谈
    • Todo事项
    • 书单推荐
    • 文章列表
    • 工具推荐
  • 技能树
    • GET技能
    • 生成技能树
    • 意见和建议
    • 成就系统
  • 社区
    • 创建社区
    • 用户登录
    • 用户分享
    • 回帖@功能

TODO

  1. 添加两次返回退出 Toast
  2. 添加 Toggle

特定语言路线规划

BackGround:

  1. 当前的学习路线中,用户无法选择特定语言(后台)进行学习。

主要有:

  1. Ruby
  2. Java
  3. Python
  4. JavaScript(Node.js)

AC:

  1. 用户可以在设置和初始化时,选择特定的语言。

哪里注册啊?

APP下载下来,没有找到注册的地方,只看到了登录。。。。

关于更新内容的模式建议

如果开发组成员来更新审核内容显然更新不会很快,内容不会很多,所以采用"维基模式"也许是一个可行的方案

任何人都可以编辑更新"Growth"这个知识库或者说学习路径指导库

同时不是每个人需要所有的内容(当然追求全栈工程师的除外),所以可以一键切换出私人版本的"Growth",
这里面只有用户自己的成长数据,以及自己刚兴趣的内容

为什么不在 release 中发布版本呢?

只有一个0.8.10,现在是不是已经1.0.0了呢?如果能在 release 中发布出来就就好了,这样一方面我们可以看到growth的进步,另一方面方便查看代码。谢谢

学习路线 打不开

打印出如下警告:

08-01 11:57:32.783 8117-8117/ren.growth I/chromium: [INFO:CONSOLE(49080)] "WARNING: sanitizing HTML stripped some content (see http://g.co/ng/security#xss).", source: file:///android_asset/www/build/js/app.bundle.js (49080)
08-01 11:57:32.784 8117-8117/ren.growth I/chromium: [INFO:CONSOLE(49080)] "WARNING: sanitizing HTML stripped some content (see http://g.co/ng/security#xss).", source: file:///android_asset/www/build/js/app.bundle.js (49080)
08-01 11:57:32.784 8117-8117/ren.growth I/chromium: [INFO:CONSOLE(49080)] "WARNING: sanitizing HTML stripped some content (see http://g.co/ng/security#xss).", source: file:///android_asset/www/build/js/app.bundle.js (49080)

Growth Page UI Re-Design

  1. 每一小步考虑用一页,并且有图片。
  2. 使用下弹出式菜单
  3. 工具、简介、TODO可滑动
  4. 菜单

Android版图标设计问题

Growth的图标大小有些略大,在启动器中看来有些突兀(直角矩形的设计也很少见到)
这里是Google的图标设计指南
一个直观的对比是同样是正方形图标的Google Map的图标大小。
当然,如若条件允许,非矩形而是不规则形状的图标自然是更好,这个可以日后优化。

解决方案

  • 解决方案说明文档
  • 创建在线API
  • API生成脚本
  • 自定义API参数
  • 动态生成架构图
  • 在线编辑解决方案 #45

电脑端growth

加一个拖放功能吧,还有,有的图片是不适合直接观看的需要旋转

Electron版 growth 的问题

目前发现的问题:
1、内容为一张图片的页面,图片会被拉伸的很难看,如:我的技能图谱。
2、打开新页面时,页面指引也很混乱。
3、解决方案的内容页点不开。

我遇到的ionic的一些坑

ionic 确实是一个便捷快速的web app开发框架,这些是我两三个月前遇到没有很好解决的问题,不知道ionic现在解决好了没有。

我觉得最严重的一个问题就是android 不流畅。当你在一个view里,有过多的元素的时候,即使使用ionic提供的collection-repeat也不回很smooth,用crosswalk打包后会好一点。但是同时app 会变大很多。我研究过crosswalk框架,之所以会比app 会变大,是因为crosswalk自己视线很xwalkwebview(相比android的webview)一级其他的一些view和function。

然后,像phodal这种app,从文章列表到详情,应该是用的ionic提供的router,我当时之所以放弃这个功能,也是因为两者之间的切换不够smooth,在数据量少的情况下是没有问题,但list里的东西约多,约后面的文章打开也就回约卡,所以我用了ionic提供的modal来代替这个功能,很好的解决了问题。

ionic提供了一个infinite scroll 确实是一个很赞的功能,实现了下拉刷新,向上自动加载。但是,也是同样的问题,内容多了,会卡,我看他是用translate整个list来实现的,我最终也放弃了这个功能。

ionic实现了slide menus和slide box 但是有一个很实用的slide tabs没有提供出来,硬伤,有一个库叫 https://github.com/saravmajestic/ionic/tree/master/tabbedSlideBox
可以实现这个功能,但是用着也不是太爽。

然后其他都是一些不太影响性能的小问题,不做赘述。

Growth专业版技能树滑动问题

  • 滑动问题
    往右划不动,往左滑动只会拉出Drawer Layout,不能对树进行左滑操作
  • 建议
    1. 左滑不要触发左侧边栏,点击左上角三条杠触发即可
    2. 对树的滑动不灵活,需要改进一下
    3. 可以搞成放大缩小的功能,方便全局观看

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.