## 前言 本文就工作中的常見的技術點進行羅列說明，對于特別重要的點會摘錄到對應的知識總集中，暫未摘要的不代表不重要，因為你極有可能遇到了解決不了，僅供大家參考（大部分問題基于常規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標簽，保持不可編輯屬性即可。 ##