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