作者： janing

Vue初探笔记

vue实例生命周期-钩子函数参考
vue实例生命周期-钩子函数参考（点击进入官方文档）

Vue初探笔记

绑定事件

绑定事件可以用v-on，并且在函数中 this 指向了data,
一般文档操作需要转换思路，改为 对 app对象进行操作 比如 

this.message = [String]

<pre class="lang:html decode:true"><!-- html --></pre>
<div id="app-5">{{ message }} <button> 翻滚吧！ </button></div>
<!-- js --> var app5 = new Vue({ el:"#app-5", data:{ 'message':"基拉", }, methods:{ reverseMessage: function(){ this.message = this.message.split("").reverse().join(""); } } })

结合css过渡动画

触发事件不一定要用v-on 使用@click也可以完成简单的点击触发事件
通过切换状态触发css动画，v-enter 可以用 transition的name来代替，比如 .silde-fade-enter
css动画也有技巧：

vue css动画 进入退出状态说明
  1. v-enter: 定义进入过渡的开始状态。在元素被插入时生效，在下一个帧移除。
  2. v-enter-active: 定义进入过渡的结束状态。在元素被插入时生效，在 transition/animation 完成之后移除。
  3. v-leave: 定义离开过渡的开始状态。在离开过渡被触发时生效，在下一个帧移除。
  4. v-leave-active: 定义离开过渡的结束状态。在离开过渡被触发时生效，在 transition/animation 完成之后移除。

hello

 

实例化的一些小事

如果我实例化的时候没有定义b变量，在监听a变化之后才定义值的话
第一次b会正常显示出来，但是第二次dom（{{ b }}）没有反应但赋值（vm.b）已经变了也就是，
第三次a改变，dom（{{ b }}）显示第二次的结果，但赋值（vm.b）和第三次同步
假如一开始就定义b，就不会发生这种玄学的事情
Vue实例暴露的一些实例属性与方法

 

到控制台改变data.a的值试试吧 数据 a={{ a }}

tip:{{ b }}

 

jquery.datetimepicker 只依赖jq

demohttp://down.admin5.com/demo/code_pop/18/1202/

ch那里改成

    ch:{ // Simplified Chinese
                months: [
                    "一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"
                ],
                dayOfWeek: [
                    "周日","周一", "周二","周三","周四","周五","周六"
                ]
            },

调用

    //插件
        $(".date").datetimepicker({
            step:5,
            lang:'ch',
            timepicker:false,
            format:'Y-m-d 00:00:00',
            formatDate:'Y-m-d 00:00:00',
     });

百度地图初使用

百度地图api 1.2
类库列表：[http://lbsyun.baidu.com/index.php?title=open/library]
GeoUtils地图几何类文件-参考[http://api.map.baidu.com/library/GeoUtils/1.2/docs/symbols/BMapLib.GeoUtils.html]
引用<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2&ak=密钥"></script>
密钥来源：http://lbsyun.baidu.com/apiconsole/key

百度地图api 2.0
引用<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=密钥"></script>
密钥来源：http://lbsyun.baidu.com/apiconsole/key




    
    
    
  
    地图展示

tp 3.2 模板 通过include传值 来高亮导航

1.页面文件引入导航模板

2.导航模板

php 数组按照关键字排序

调用

代码

function array_sort($array, $on, $order=SORT_ASC)
{
    $new_array = array();
    $sortable_array = array();

    if (count($array) > 0) {
        foreach ($array as $k => $v) {
            if (is_array($v)) {
                foreach ($v as $k2 => $v2) {
                    if ($k2 == $on) {
                        $sortable_array[$k] = $v2;
                    }
                }
            } else {
                $sortable_array[$k] = $v;
            }
        }

        switch ($order) {
            case SORT_ASC:
                asort($sortable_array);
            break;
            case SORT_DESC:
                arsort($sortable_array);
            break;
        }

        foreach ($sortable_array as $k => $v) {
                    array_push($new_array,$array[$k);
        }
    }

    return $new_array;
}