kakimasu
1.0.0
注意:该项目不再维护。其中大部分是在我对 Vue 或现代 CSS 不太熟悉时编写的,因此有很多“nooby”代码,我宁愿专注于我最近的项目。 2019 年 1 月,我做了一些最小的更改来更新依赖项,并允许将应用程序构建为静态站点,以便可以将其托管在 GitHub Pages 上,但除此之外,我不会进一步更新代码。
然而!如果您对该项目感兴趣,欢迎贡献。如果您处于初级到中级水平,这些问题中的大多数都足够友好地解决,并且可能是进一步熟悉 Vue 的好方法:
- 整体代码质量不是很好;它需要重构才能更有效地使用现代 JavaScript 功能,而且还有许多未遵守的 Vue 最佳实践: - 组件不应该真正导航到其他路径,它们应该与父级通信。 - 当使用
v-for
渲染列表时,还应该为每个项目提供一个唯一的key
prop,如此处所述。- 所有 CSS 布局都使用浮动,而使用 CSS 网格或 Flexbox 会更合适。另外,在这样的小项目中使用 Foundation 有点矫枉过正。
- 实现像 vuex 这样的状态管理库可能很有用,特别是对于存储字符数据和控制路线之间的导航。
- 生成字符 JSON 的脚本是用 Python 编写的,事后看来,这在 JavaScript 项目中并没有真正的意义。 :P 这确实应该重写为 Node JS 脚本。
当我开始学习日语时,我遇到的最大困难是书写系统。日语使用两种拼音字母(称为“平假名”和“片假名”)和“汉字”的混合,这更具表意性。
我想利用现代网络技术建立一种有趣的方式来学习如何写日语——我觉得其他日语学习资源尚未利用这一点。
目前,Kakimasu 仅具有平假名和片假名字符,但我计划将来添加基本级别的汉字以及其他功能。 (:
# To get started, clone this repo to your local machine
git clone https://github.com/jaames/kakimasu.git
# Make sure you've navigated into the project folder before then next steps
# Install the Node modules required
npm install
# Make whatever changes you want to make to the source code in src/
# Run the dev build script,
# This will compile all the files and start a development preview server on port 4000
# (Check out the vbuild documentation for more details!)
npm run dev
# If you wish to compile a "production" build,
# This will compile everything in production mode to the dist/ directory
npm run build