零散的知识点

最近做项目的时候，出现过一些以前没遇到的问题，基本上是解决了，为了加深记忆，把它们写到这里。

1）一般的评论框我们都会用textarea标签，在写完标签并运行之后，可以发现这个文本框右下角有个拖拽拉长的角标，为了不让用户随意改变文本框，我们用resize: none这个属性去除它。

2）在有很多人名的列表里，我们想要快速找到相应的人时，可以用到模糊查询的功能，代码如下：

// 模糊查询
function query(){  
    if($.trim($("#search").val()).length == 0){  
        $(".lock-page .aside-mid ul li, .lock-page .aside-bom ul li").show();  
    }else{  
        $(".lock-page .aside-mid ul li, .lock-page .aside-bom ul li")    
        .hide()    
        .filter(":contains('"+$("#search").val()+"')")    
        .show();  
    }  
}  

3）如何调用表情包呢？比如我们常见的qq表情、weixin表情、环信表情...等等。

首先是要引入表情jq:<script type="text/javascript" src="js/jquery.emoji.js"></script>

其次就是最核心的代码了

$("#editor").emoji({
            button:"#btn-face",
            showTab: false,
            icons: [{
                name: "环信表情",
                path: "img/faces/",
                maxNum: 35,
                excludeNums: [41, 45, 54],
                file: ".png",
                placeholder: "{alias}",
        alias: {
            1: "[):]",
            2: "[:D]",
            3: "[;)]",
            4: "[:-o]",
            5: "[:p]",
            6: "[(H)]",
            7: "[:@]",
            8: "[:s]",
            9: "[:$]",
            10: "[:(]",
            11: "[:'(]",
            12: "[:|]",
            13: "[(a)]",
            14: "[8o|]",
            15: "[8-|]",
            16: "[+o(]",
            17: "[<o)]",
            18: "[|-)]",
            19: "[*-)]",
            20: "[:-#]",
            21: "[:-*]",
            22: "[^o)]",
            23: "[8-)]",
            24: "[(|)]",
            25: "[(u)]",
            26: "[(S)]",
            27: "[(*)]",
            28: "[(#)]",
            29: "[(R)]",
            30: "[({)]",
            31: "[(})]",
            32: "[(k)]",
            33: "[(F)]",
            34: "[(W)]",
            35: "[(D)]"
           
        }
        },{
        path: "img/faces/",
        file: ".png",
        placeholder: "#qq_{alias}#"
    }]
    });

其中，#btn-face代表的是用户点击的按钮，#editor代表的是接收表情的文本框。

4）监听键盘事件，同时按ctrl+enter

$('#editor').keydown(function(e){
            if(e.which == 13 && e.ctrlKey){
                add();//这里是要执行的方法
            }
        })

5）高德地图的引入和参数设置

<div id="wrap" class="my-map">
         <div id="map1"></div>
 </div>
                                                 <script> 
                                                        var marker, map = new AMap.Map('map1', {
                                                        resizeEnable: true, 
                                                        center: ['245.21362', '151.2546465'],
                                                        zoom: 19
                                                        });
                                                        // 实例化点标记
                                                        marker = new AMap.Marker({ 
                                                        icon: 'http://webapi.amap.com/theme/v1.3/markers/n/mark_b.png', 
                                                        position:['245.21362', '151.2546465'] 
                                                        }); 
                                                        marker.setMap(map); 
                                                        map.on('complete', function(){ 
                                                        map.plugin(['AMap.ToolBar', 'AMap.Scale'], function(){ 
                                                        map.addControl(new AMap.ToolBar); 
                                                        map.addControl(new AMap.Scale); 
                                                        }); 
                                                        })
                                                </script>