Skip to content

A webApp for everyone who loves Acg. It`s the first WebApp of me.

License

Notifications You must be signed in to change notification settings

BlueStoneQ/acg-box

Repository files navigation

acg-box

A webApp for everyone who loves Acg. It`s the first WebApp of me.

ver.0

0-1 不要一开始就向着大而全 高大上也量力而为 时间很客观 利用迭代进行技术和性能 体验 设计的升级 先破壳而出 孵化出毛茸茸的小鸡

建议

  • 请添加足够的注释和说明,例如组件中props的说明,一份代码的生命周期取决于他的可维护程度(很重要)

设计

  • less is more 增量式 渐进式 不要大包大揽
  • 减少选择成本 -- 只给一条通路
  • 越有设计感的东西往往一眼过去越简洁 使用起来会发现设计者用了很多心思
  • 设计参考 --APP: 一刻talks + 简书
  • 使用北欧设计的设计极简理念 尽量使用点线面+浅色调 减轻用户的视觉压力 -- 减少碎片化和割裂感(少使用线条) 使用圆角等来减少线条的生硬感

项目的部署和启动

因为还没有部署到云上 所以 暂时可以参考自己的这篇博客来启动项目的测试

踩坑

页面居然所有元素可编辑

手机上的chrome/uc点击web元素,什么元素的点击都会调起系统键盘。(已解决)

  • 这个纯粹是阅读spy-debugger文档不仔细,启动代理时的命令:spy-debugger -w true,这里的true会设置页面为可编辑(其实就是在调试的页面内注入:
document.body.contentEditable=true

    所以:启动时使用spy-debugger -w就可以了     ps:以后使用某一个选项,一个要阅读该选项的作用,不要想当然。

手机页面console方案 -- vconsole

About

A webApp for everyone who loves Acg. It`s the first WebApp of me.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published