update.md

v2.0 迭代分析

• 基于 vue.js component

  • 可复用性
    • 什么是可复用性？
      • 我简单理解为我可能要用到多次的代码只写一遍，后面用到时直接调用。
    • 我的结构有哪些需要用到 component ?
      • 针对 v1.0的代码我分析了一下，需要复用情况不多
      • 集中在，单词备选栏（版本移除），单词音标，释义，例句及历史记录方面
      • 其他块多次使用的如前面所讲的，故为每个需要用到的区块都写一个模块
      • 添加 phonetic[音标]、pronunciation[发音]、example[例句]、history(历史查阅) 4个模块
  • 数据如何传输
    • props :['message'...]
  • 代码量
    • 总体代码量会减少，但并不明显，待后期改进

• 3.18:

  • 对数据进行分析发现，examples和释义在同一个对象中，这样给模块书写造成一定的麻烦
  • 尝试多次后，暂时决定取消一些模块

• 3.19:

  • 关于history模块，在编写模块时，如果要使用components会出现很多无用的div 嵌套，显然这并不符合语义化，
  • 所以，关于历史模块继续沿用 v1.0 模式，创建数组，遍历。

• 3.20:

  • 关于样式，数据有的需要深度便利才能取到，这对样式而言无疑是比较坑爹的，所以在释义的地方我用了 text-shadow 来做高亮，同时用 iconfont 来做一个标记

• 3.21

  • 关于几点用户习惯的改动，
    • 添加第一次打开字典页面时出现我送给用户们的一封信件。
      • 在input 点击回车时，自动隐藏
      • 页面刷新时，如果用过的用户 localstorage 有保存记录则不会显示这封信
    • 调皮的用户：
      • 喜欢在文本框内空着敲回车的这次也做了一个判断
      • 大小写没忘记调整的，也做了进一步处理，保证你的输入的单词如果拼写正确是可以看到释义的
  • 样式：
    • 现在是凌晨 2:48 ，已经对样式部分进行进一步的优化，布局方面也会更加合理
  • 关于响应式：
    • 预计于3.23 下午完成，毕竟兼容问题一直是一个难题，或许我还要到 stackOverflow 会一会老朋友（老外）

• 3.22

  • 添加几个好玩的应用
    • 夜间模式
    • 日间模式
    • 四季主题
  • 关于主题背景的添加
    • canvas 主题背景添加
    • 跟随用户点击不同模式做不同的改变
  • 添加响应式
    • 暂时不适配手机端
    • 可支持平板，和大屏手机的正常使用
  • 晚记：
    • 一开忽略了主题色彩变化时的复杂度，一开始尝试使用 jQuery 来改变 css 的样式，但是所有样式添加的都是内连的，这样会使其他的主题使用时复杂度增加，
    • 在css 优先级的概念下，选择在head 标签中动态添加/删除 style 标签，来更改主题色彩和自体颜色。

• 3.23

  • 几点变化
    • 变换主题导致的性能问题，有些头疼，最终决定只留下日间和夜间模式，四季模式暂时取消，待解决性能问题再上线
    • 关于背景模式这里并不多说，给用户一点彩蛋
    • 引入 particles.js 用canvas 做动态背景，减少 http 请求
  • 几点感悟
    • 代码越写越多，最终用户请求页面时，同时需要请求的内容过多，webpack的打包势在必行

• 3.24

  • 几点添加
    • 响应式已上线，手头的 mac 和 windows 测试了一下，没什么大的问题，但是如果用户的屏幕很奇怪，我就很无奈了
    • 前面说到的webpack 打包，会在明天开始。
    • 返回顶部按钮
  • 晚记
    • 向朋友推荐我的字典应用时，他对我的配色嗤之以鼻，这让我很是尴尬，于是决定重新设定配色
    • 添加返回顶部按钮

• 3.25

  • 几点改动
    • css改写，将响应式单独写如一个css文件中，以方便在日后维护中，单独更改
    • 添加返回顶部按钮
    • 添加信封关闭按钮
  • 晚记：
    • 词典内容添加： 负数／ true or false
    • 是否为 及物单词
    • 例句