开发过程当中 的一些 补充知识点 + 关于mysql中的日期和时间函数?

参考: https://www.jb51.net/article/23966.htm https://yq.aliyun.com/articles/260389

1. mysql中的 日期格式是: HHHH-MM-DD , 时间格式 是 HH:MM:SS[.fraction]

2. 而 datetime和 timestamp数据类型的 格式 是 date+time, 即 二者的格式都是 : 'HHHH-MM-DD HH:MM:SS'

3. 注意两类函数的区别: 一种是 返回当前日期或时间的函数; 一类是 提取 extract /截取 / 抽取 给定日期时间 变量中的 date 或 time.
   好比: 获取当前 日期和时间的函数: now(), curdate(), curtime(),
   而提取当前时间中的 部分值: date(now())....

4. 关于current_timestamp , 它既是一个函数, 也是一个 "mysql的内置的 常量"!
   因此 select current_timestamp() 返回当前的时间戳,
   而 一样的 select current_timestamp 一样会 返回跟上面同样的结果

5. now([decision]) 有一个可选的 小数的精度位数, 最大是6

6, 关于 datetime 和 timestamp数据类型的比较 参考: https://yq.aliyun.com/articles/260389

• 二者的 显示 格式 是同样的! 都是 : 'HHHH-MM-DD HH:MM:SS' , 要注意跟php的时间戳相区别, php中的时间戳是一个 int 整数!
• datetime是8个字节, 而 timestamp只须要4个字节, 因此 二者的 日期时间范围 是不一样的
• timestamp 的字段 具备 : 自动初始化和 自动更新的特性! automatic initialization and updating.
  即: 在 插入和更新的时候, 能够不用 指定这个字段的值, 会默认的 以 当前日期时间来填充它: 即: default current_timestamp on update current_timestamp

并且 timestamp在存储和显示的时候的特性, 是 能够自动 在 本地时区和 UTC 时间 之间自动转换: 存储时, 自动将 本地机器时区时间转换成 UTC 进行存储, 而在 显示的时候, 又会自动将UTC 时间 转换为 当前 机器上的 本地时区进行显示! 可是 注意 timestamp 类型 受 mysql的 版本影响比较多, 要注意!

===================================

为何 $(function(){ }); 内部定义的 函数, 在外部会找不到呢?

• 这个是关于闭包 的一个知识点: 所谓闭包, 是指在 能够访问 一个函数做用域内的变量的 另外一个函数! 闭包一般的用法是: 在一个 函数的内部 再次定义的函数!
• 因此 在 $(function(){...}); 中, $ 里面的 function()本是就是一个 匿名函数了, 而后 你 又在这个匿名 函数 内, 再去定义 一个 有名函数. 那么这个 有名函数 就是 "函数中的函数"了, 就是一个 闭包函数了. 这个闭包函数 只是 在 $(function(){....// 在 这个里面的 做用域, 其余变量和函数 是可见 这个 "闭包的有名函数的...}); 除此以外, 在 $ 的 匿名函数的外面 , 是 看不到 里面的 你定义的 "有名函数"的.
  
• 因此 会 报错: chksub没有定义!
  
• 所以 , 要清楚 一个 误解: 使用jquery后, 并非 什么 东西, 代码, 函数 , 都要放在 $(function(){.....}); 内部! 你要定义 能够被 外部的 html标签 所看获得的 函数, 就不能 放在 $(function(){...}); 的匿名函数内. 应该直接 在 script标签 内定义 有名函数.
• 而 $(function(){...}).. 只是一个 语句, 只是 在 要求执行某些 语句的时候, 要求在全部 dom元素都 加载后 再执行的时候, 使用. 总之, 若是是 单独的 语句, 是能够放在 $(function(){...}).. 里面的, 而若是是 函数 , 则必定 不能!

全部的 匿名函数(闭包) 中的 返回值 在外部实际上是得不到的, 是 异步的, 也就是 在 匿名函数 执行完毕时, 其栈就 没有了, 所以, 只有 用 外部的 全局变量 进入到 异步函数 内, 去接收 内部闭包函数的 处理结果.

这个闭包匿名函数 返回值 的问题, 已经 在多个地方 遇到过了: 闭包 = 匿名函数, 就至关于 一个盒子中的盒子, 咱们在外面 (有名函数 定义的外面 ), 是能够看获得 外面的那个盒子的, 可是咱们看不到 里面的 那个盒子. 所以, 里面的 那个盒子(匿名函数) 的返回值 , 咱们在外面是得不到的. 事实上, 里面那个闭包函数的返回值, 若是不用 全局变量/或 有名函数中 的 变量 去 接受的话, 那么 它在 执行 完毕后, 闭包函数的 栈内存就被清除了, 你在外面 就再也没法 跟踪了.

所以, 好比 在$.each('iterated', function(){....return false; } ) 遍历中 , 里面的 那个闭包 函数的 return false, 只是 可以终止each 对 iterator 的遍历, 这个 return false, 并不能返回到 each 语句 的外面去, each语句所在的外部 有名函数 实际上 是没有 返回值的!

动态加载的 html标签部分的html代码, 看 原始文件的 view page source code源代码是看不到的.... 后来经过 js 动态 加载进来的 页面标签 是看不到的!!! 可是 经过 easyui的 tabs 控件 进行 动态加载的 html内 , 要执行的 js代码 部分, 不能放在 动态 加载的 href属性 指向的 文件中, 而是 要 放在 最初的 原文件 中. 由于这些 代码被合并到 原文件中了, 因而js代码部分就会到 原文件中 去查找/ 寻找, 一旦 href指向的 源代码 部分 被 放到 tabs中后, href指向的文件 在 内存中 就不存在了.

=====================================

ajax的几种方式?

总的来讲 , 有两种:
一是: $('domselect') 的 load 函数
二是: 全局的 $函数: 包括 $.get, $.post , $.ajax 其中 get和post 是 $.ajax({type: 'get' , 'post',....})的 简写. 因此 对于 简单的ajax就用 $.post, 对于复杂的 ,就统一的用 $.ajax
并且 $.ajax中 包含复杂的 ajax事件(ajax事件, 就用 ajax方法内部来写就哈了, 不要再 去 单独的 调用ajax事件了)

• $.ajax的data： 传递是是一个json格式的字符串， 而$.post 的data传递的是一个 json的对象。

• 这些ajax事件包括： beforeSend, -》 error/success -》 complete。
  所谓的成功或失败， 并非你的逻辑业务是否正确或错误，而只是指 ajax请求 是否被成功地 传递到服务器端

• 而 complete，是指此次ajax 事件完成， 那么 它也无论ajax 请求发送、传递是否真的成功！ 它只管事情结束了。

• error事件的错误信息， 一般输出到 Firefox的调试控制台。

• 使用 jquery的动画时, 虽然通用的格式是: animal([speed], [easing], function()...) 可是, 若是没有特殊要求, 就只是 指定 一个 "动画"持续的 时间 /长短 就能够了

• 关于 dom元素对象的 error事件: 主要包括两种类型的错误事件: 一是 $(window) 元素记录 script脚本的 错误, 二是 img的 src属性 无效时 触发error事件
  使用 $(window).error(function(){msg, url, line){...}) 能够记录 script脚本的错误:
  例子:

$(window).error(function(msg, url, line){
  jQuery.post("js_error_log.php", { msg: msg, url: url, line: line });
});

• 关于jquery的属性函数，有 两个：attr 和 prop ： 关于他们的区别，参考 https://www.cnblogs.com/linsx/p/6800136.html 和 https://www.cnblogs.com/zhwl/p/3520162.html
  主要是： prop是用来设置 具备 true/false 值的属性， 好比 checked, selected, disabled 状态属性。 而attr是设置 非 boolean属性的。 attr的两种参数： 一是使用 js对象{....}的方式， 一是使用 attr('attrName', attrValue）的方式
  注意的是： checked=“checked”或‘true’，只是决定了 defaultChecked 页面在第一次载入时的元素的状态值， 跟后来元素是否被checked的状态值无关

• 寻找 包含元素的两个方法，一个是 find， 一个是children。 他们的区别是： find查找的是 全部的 （祖先/）后代元素，即： descendant, 而children查找的则是 直接的下一级（父子）元素。

==============================

easyui 将alert confirm, progress, show等提示框方法 都整合到了 $.messager...方法中了。格式都是： $.messager.progress('title', 'msg', 'warning', callback_func)... 要注意 ， 最后一个参数 是回调函数， 是异步的！

===================

事实上, 在vim中, 进行编辑的时候, 移动光标 基本上 都不是经过 一行一行地进行移动的. 都是经过 各类 " 跳动" 来移动 光标的:

参考: https://blog.csdn.net/yangzhongxuan/article/details/6542808
要充分运用 光标 跳跃的 技巧!

开发过程当中 的一些 补充知识点

• input text自己获取的是 "字符串" 类型的值, 因此, 要进行加减等数字 运算时, 要进行类型转换, 不然获得的是 字符串的组合, 好比 : 1+1 获得的是 11, 而不是2
• 凡是在 html页面, 所能显示的 , 都是 html 内容! 所以, 你的思惟 都要按html的思惟来写, 好比: 在html中的 alert中的 换行 要用 <br>, \n是在 php中的换行. 又好比, 全部的标签好比script脚本标签, 自己也不过是一个普通的 html标签而已.
  所以, 在button按钮的 onclick事件中 , 为了考虑在事件函数中 要传递字符串 类型的 变量时 , 要在 双引号中, 包含双引号, 或包含双引号时, 不要考虑, 担忧: 什么 引号混淆的问题, 也不要像 在 js代码中, 考虑变量相加的方式, 由于 html原生代码中, 是不支持 加号的::: html的 原生标签中 会把字符串 按 原样: 原样: 原样 , 不作任何修改的显示出来 ,做为结果. 好比下面的例子就是这样:

提交按钮, 参数是字符串类型....就这么写
        <input type="button" class="btn btn-primary btn-large" value="提交" onclick="chksub('{:I('get.jspinyin')}');">

反之, 若是这样写就会出错:
        <input type="button" class="btn btn-primary btn-large" value="提交" onclick="chksub(" + {:I('get.jspinyin')} + "');"> 由于这里的 两个加号会按字符串原样显示, 根本不会做为js代码中的 字符串拼接来解释,  甚至, 即便你在onclick ="javascript: ....."写上 javascript:  也不行, 由于 它只认你前面的 那个 <input> 标签, 而不认为是  <script>标签

• 一个经验就是 在写 if ...else 的时候, 必定要 最好 是 加上 大括号了, 哪怕 if 后的语句 只有一句, 养成一个习惯, 避免很老火 的 调试排错!
  好比: 下面的代码, 原本是要检查每个/全部的input是否填写完整, 因为 最开始的时候, 没有加if后面的大括号, 写成: if($.trim($(this).val()=='') flag=false; return false; .... 了, 结果致使: each 方法不管如何 都 只是执行了一次, 就退出了. 事实上, 就只是检查了 "第一个 " input框 是否为空了. 后面的都没有检查到. 很明显, 这样的逻辑不是咱们想要的

function chkAllInputUnempty(pinyin){
  var flag=true;
  var fi='form#'+pinyin+' table tbody input';
  $(fi).each(function(){
    if($.trim($(this).val())== ''){   //  这里的 大括号是必需要加的!!  若是不加就只检查了 第一个input框是否为空
      flag = false;
      return false;
    }
  });
  return flag;
}

• 要修改easyui的确认消息框中的ok/cancel的显示文字: $.messager.defaults = {ok: '是', cancel: '否'};

• confirm确认的单词是 : con-firm 前面的那个 con-是 n不是m, 不是: com-
• 因为 $.messager.confirm(...) 的执行方式是 异步 的, 因此 , 要使用 $.messager.confirm来决定是否关闭tabs的标签, 是比较麻烦的. 确实要使用异步的方式, 能够参考: http://www.jeasyui.net/plugins/160.html, 里面有详细的例子:
  总的思路是:

1. 在onBeforeClose: function(){...return false;}内部, 在$.messager.confirm 外面, 使用return false; 首先来阻止 标签页事先就关闭了: 在点击 确认框以前就关闭了.
2. 具体的关闭动做要在 messager内进行, 核心的一点就是 要 清除/屏蔽 onBeforeClose这个tabs自己的 options, 而后手动地关闭tab标签页
3. 首先要 : 将tabs的options选项获取, 获取到默认的tabs.options.onBeforeClose属性值并保存(好比保存到bc变量中), 而后清除/屏蔽这个onBeforeClose这个属性(就是用一个空的function(){} 回调函数) 后, 手动地进行关闭该选项卡, 最后再恢复默认的onBeforeClose属性, 用 bc变量.

onBeforeClose: function(title, index){
      var target = this;
      $.messager.confirm('注意', '真的要关闭: "'+title+'" 标签页吗?<br>若是评分没有提交,则以前所做的评分将会丢失!', function(r){
        if(r){
          var opts=$(target).tabs('options');
          var bc=opts.onBeforeClose;
          opts.onBeforeClose=function(){};
          $(target).tabs('close', index);
          opts.onBeforeClose = bc;
        }
      });
      return false;
    }

var  para = 'tea=' + tit + '&stud=' + '{$stu}' + '&cls=' + '{$curCls}'+'&py='+py
    if(tt.tabs('exists', tit)){
      tt.tabs('select', tit);
    }else{
      tt.tabs('add',{
        title:tit,
        href:"{:U('pjcontent')}"+"/?"+para,   // 这个是tp在U 方法中 传递附加参数 的 最关键的一步 写法. 在原来的地址(.../foo.html)后面, 是没有 斜杠的! 因此 要拼接字符串: '/?', 而后加上参数字符串用 & 链接的
        closable:true,

• 一般 不要在 目的是为了获取 数据 的 函数内, 好比 有 get, getScore之类的 函数中, 去使用 $.messager.alert ! 由于 easyui的messager 不是独占的, 不会阻塞后面的函数的执行, 这样的话, 若是调用这个函数后, 后面还有其余提示框的话, 会形成同时有多个提示框出现的状况. 因此要避免在一个函数内同时出现多个 messager的状况!

============================

要更改 dialog弹出的初始位置, 能够经过 dialog的属性: top,和 left去设定, 可是只能设置 绝对数值, 不能设置百分比?

• href的参数传递, 因为 是ajax方式传递, 因此 在 前台页面的 子页面 是没法经过js来得到传参的. 只能在 后台 的服务器页面上 获取传参

• dialog的属性:  closable: false,        // 是否显示关闭按钮

• 关于dialog的 内容, 是一个重点, 并非必需要有 content/href属性的,
  
• 有几种方式: 你能够直接在div id=dialog中指定内容, 固然能够指定 content/href属性, 这时若是用 iframe标签的话, 就必须指定src而不能在 iframe中直接写内容;
  若是要动态的 在原来 为空的div中, 生成dialog的内容: 1. 是用content属性, 它是支持 函数调用的(只要在 函数中 返回dialog的内容值就好; 2. 是在生成/弹出dialog以前, 经过函数调用"填充"div中的内容, 好比用 jquery的html()函数/ append()函数等 .

if(subBtnClkTimes==0){       /* 若是是第一次提交,则采用  "add方法进行插入记录" */
     // getScore();    // 能够经过这个函数, 来填充div的内容
    $('#dd').dialog({
      title: '保存评分',
      width: 430,
      height:320,
      //left: 230,
      //top: 500,
      closable: false,        // 是否显示关闭按钮
      cache: false,
      content: getScore(jspinyin, curPjTeacher),   // 或者经过这个 函数调返回值 来填充 dialog的内容
      modal: true,
      buttons:[{
    text: "提 交",
    iconCls: 'icon-ok',
    handler: function(){
      $('#dd').dialog('close');
    }
      }, {
    text: '取 消',
    iconCls: 'icon-cancel',
    handler: function(){
      $('#dd').dialog('close');
    }
      }]
    });

easyui 的 dialog的构造过程和 结果?

实际上, 在 弹出 dialog的时候, 是 在 body的最后面(包括 最后面的 js代码以后), 插入了 一个div.panel.window , 这个div包括几个部分, 其中包括一个: div.panel-header.panel-header-noborder.window-header, 这个是标题, 还有一个是dialog的主体内容部分, 就是 div.panel-body.panel-body-noborder.window-body, 可能还包括一个div.dialog-button按钮部分.

=============================

在 vim中, 要对 \n 进行替换为 <br>, 使用 : :s/\\n/<br>/g 也就是: vim的替换 , 要用 反斜杠 转义 , 而 标签 则不须要转义

• js的数组, 最好 是用 中括号的方式定义; 并且 js自己是弱类型语言, 它是根据 "字面量" 来肯定对应的数据类型的, 因此 数组中的元素 能够是不一样类型的

• js的元素增删操做: jsarr.push(...), jsarr.unshift(...), jsarr.split(index, howmany, item1, item2,,,,), jsarr.slice(...), string.split等.

• 在javascript中, 若是 要对相同的 引号进行嵌套, 好比在 单引号中 嵌套 单引号, 在双引号中 嵌套 双引号, 这时, 要用 反斜杠进行 转义, 可是 一样的 需求 , 在html中 是不须要进行转义的, 能够直接进行书写!

=================================

$.ajax的回调函数?

• 有beforeSend, error, dataFilter, success, complete五种回调函数, 大多数会传入一个 xhr('喜欢热')的对象 , 以及一些返回的数据 ret, 或成功/错误代码/字符串.
• 好比: success: 的回调函数 就只是 传给你: 两个参数: ret(服务器返回的结果字符串), 和 表示成功的 代码字符串: statusText: 一般是 " success".

• 注意 : status 和 statusCode 和 statusText不同: status是表示状态的 数字, 好比: 200, 404, 500等, statusCode是代码好比: ajax/v.., statusText才是 表示成功或失败的字符串文本,好比: success, 好比: "Not Found" 好比: "Server internal error" 等.

• 而 error等传入的参数就包括: xhr , 由于要进行更加深刻的错误调试!

• dataType表示返回的数据类型, 主要有: html, script , text ,json:
  其中: html和script中的js会首先在服务器端执行, 完了以后,做为文本返回. text返回的也是一个文本字符串
  json 的话, 服务器端确实 是返回的 json格式的字符串, 可是 在success等回调函数的 js函数中, 根据 jquery的文档说明可知: ajax这个方法, 在给success的回调函数参数以前,, 已经把返回的json格式字符串 事先用 js语言的 JSON对象的方法: JSON.parse('json格式的字符串') 来解析, 已经 生成了 js对象, 而后 才 返回给 /传递 给 success的回调函数做参数了. 因此 在回调函数 中 就能够 直接做为 js对象处理了, 直接做为js对象 来 使用了, 好比:

• 判断 js的数据类型: 有 7种 : number, string, boolean, null, object , undefined, function 用 typeof 这个 "一元运算符" 来查询: typeof不是函数, 因此能够 不加括号, 由于是一元的, 因此将它写在 变量的前面.

$.ajax({
  type: 'post',
  url: "{:U('url')}",
  dataType: 'json',         // 返回json格式的字符串, 即在服务器端页面 要 拼接成 标准格式的json格式字符串.
  data:{'jsname':jss, 'foo": bar},
  success: function(ret, statusText){
    console.log("ret的类型:" + typeof ret);    // 查看json格式的返回 给回调函数的结果  的数据类型
    console.log(ret.name+ ':' + ret.age );    // 按js对象 来进行 元素成员的调用
    console.log(statusText);
  },
  error: function(xhr){
    console.log(xhr);
    }
});


在 ajax的js返回值是:

ret的类型:  object   (/// 很清楚的说了,  是 一个js对象了) 
jack:20   //  按js对象的 方式 来 使用了
success
typeof   {"a": 11, "b" : "22"}
"object"
typeof   '{"a": 11, "b" : "22"}'    // json格式的字符串.
"string"

• 重要的是: $.ajax的url 控制器方法, 必须是 public的, 由于要在 $.ajax中调用, 这个很明显, 是在 控制器类的外部进行访问( 要知道, 要找获得) , 若是是 protected, 则由于找不到, 而执行error的回调函数.

==========================