Skip to content

Latest commit

 

History

History
56 lines (47 loc) · 2.5 KB

README.md

File metadata and controls

56 lines (47 loc) · 2.5 KB

Fire Emergency Lighting Luminaire

This is used to point out the point which is out of the standard of the Identification of fire emergency lighting luminaire。 这个页面用来标记出消防应急灯具不合格点。目前可以制作包括双色灯以外的所有常见消防标识灯具示意图。

####NOTE

2016/12/14

重构目标

经过实践发现,虽然上一个版本能解决标注问题,但是对于奇葩部局和奇葩图形并没有很好的解决,canvas在编辑上没有svg方便。所以决定用svg重构。

  • 1. 全面SVG化
  • 2. 图像双击改变状态:class[active],纸偶可移动,变换方向,变换大小,删除
  • 3. input[tyep=text]可修改,双击修改
  • 4. 栅格移动方法,将全部画布氛围固定间距的网格

2016/4/26 update
  1. 完成了各项基本功能
  2. 双色灯引线方法可以切换
  3. 完善了对特殊形状的灯具的支持
  4. 处于性能考虑,不加入过于复杂的动画,下一步完善更为复杂的引线方法

2016/4/15 update
  • 用canvas实现各种图案
  • 学习jquery的基本用法
  • 学会使用事件委托
  • 使用webpack打包
  • 完善双色灯功能
  • 对代码的命名空间和组织层次进行整理
  • input输入框加入回车监听
  • 完成一个更复杂的引线方法
  • 在轮播头图中使用动画,如:放大、闪烁
  • 尝试换一种方法给btn和input添加方法,精炼代码
  • 尝试动态生成多余按钮和输入框

春节前更新完毕双色灯功能。

  1. 复习了扔了N年的三角函数,还好以前基础扎实,哈哈。
  2. canvas技能get,但是目前只是局限在描点,以后尝试更复杂的canvas。
  3. 编程中注意细节,注意使用调试来发现错误,尽量避免低级错误。
  4. 破ide有助于提高手写代码能力。
  5. 在摘抄代码的时,前提是弄明白原理。
  6. 还需要学好基础。

  1. 坚定信念,相信代码出现错误一定是自己的问题。
  2. 通过复杂的,多个function的程序的实际项目深切的感受到前端组件化的必要。
  3. 语义化不光是为了别人能看懂,在自己短时间未维护后,不记得功能时能回想起来。
  4. 经过托马斯徐一九九一同学的指点,盲目的用各种命令行堆砌代码不光会降低性能,并且太面向过程(这个不是特别理解,有待于日后自己 消化);

thanks to @thomasxu1991