## 前言 本文就工作中的常见的技术点进行罗列说明，对于特别重要的点会摘录到对应的知识总集中，暂未摘要的不代表不重要，因为你极有可能遇到了解决不了，仅供大家参考（大部分问题基于常规jq框架下的页面） 如果后面由于前端技术栈发生变化过大，已经无法重现这样的问题，请忽略相关的内容。 ## 知识点罗列 * 针对元素是否是读写状态，建议简单处理为input的两个状态，只读与可写，不要过度设计 * 新增加的元素没有绑定事件，需要统一写法为`$("par").on("eventType","sub",fn)` * 针对元素绑定事件追加disabled是无效的，需要为其解绑事件或者追加无效事件，写法为$(dom).unbind()，如果你绑定时指定的是某函数，也可以取消绑定某函数。 * 针对常用的控件，其基础功能要简化其使用，最好在某些基本配置中默认其就是加入之后可生效的，比如时间控件，加入.u-datepicker 就页面标签写入这个基本控件时就支持唤起的。 * 设计css高效动画时，尽可能地使用合成属性transform和opacity来设计CSS3动画，不使用position的left和top来定位，利用translate3D开启GPU加速 * 控制输入框输入字数，超过数量后不可输入，输入框属性maxlength=num可以实现，当type为number的时候，这个限制是无效的 ## 平面图导航 页面的js算法 精准计算热区 的大小 ，不用瞄点，根据所放比例即可。 ``` <script> var wid=$("#hosimg" ).css("width" ).split("px" )[0]; var k=wid/750; $("area" ).each(function(){ var $this=$(this); var ch=$this.attr( "coords").split( ","); var str=""; for(var i=0;i<ch.length;i++){ ch[i]=ch[i]*k; str+=ch[i]+ ","; } $this.attr("coords",str); }) </script> ``` ## 文本框的换行在变成文本时，原来的换行丢失 wrap 文本是否包含换行 textarea 中用户输入的文本硬回车的内容在其他标签中显示为回车变成空格，如果需要显示中保留换行，请使用textarea标签，保持不可编辑属性即可。 ##