web端几处痛点

2016-10-21

开门见山。

prop vs attr

jquery高版本中两者的区别甚微，像checkbox、radio和select这样的元素，选中属性对应“checked”和“selected”，这些属于固有属性，因此需要使用prop方法去操作才能获得正确的结果。

daterangepicker

官网：http://www.daterangepicker.com

w3c标准的“datetime”属性，只有极少数的浏览器支持。daterangepicker是功能强大的日期控件，通过丰富多彩的设置参数，能几乎满足所有开发者的需求。

>显示时间控件

timepicker: true

>显示24小时制

timePicker12Hour: false

>显示秒的控制器

timePickerSeconds: true

>内容格式显示 (HH与hh决定着是否显示24小时制格式）

format: “YYYY-MM-DD HH:mm:ss” 

table td width auto

table单元格内容过长时，会“撑破”整个表格，此时通常会采取文本自动换行的方式来改善显示效果。

 .target
{
    WORD-BREAK: break-all;
    TABLE-LAYOUT: fixed;
    width: 300px;
}

datatable

开发者在使用各种框架时，原本很容易控制的内容反而因为深度封装缘故引起一系列的烦恼，必须通过框架提供的API来渲染。比如datatable，增删改查行或列，用原生或jquery方式来控制，datatable并不能感知到表格的变化。

  • 查看目标元素的class属性，全局控制。例： 
    $(".form.target").val("hello")
  • 重置插件实例：先销毁再重新构建。

虽说这两种方式显得不那么“正规”，但在你完全掌握框架使用之前，往往能解燃眉之急。

Good Luck～

By Pury.

技术