js中sort方法的用法


sort() 方法用于对数组的元素进行排序。
注:如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。
如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:
若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。
若 a 等于 b,则返回 0。
若 a 大于 b,则返回一个大于 0 的值。

    <script>
        var arr = ['George','John','Thomas','James','Adrew','Martin'];
        console.log(arr)
        arr.sort();
        console.log(arr)
    </script>

结果:
图片1


    <script>
        var arr = [1, 20, 4, 5, 300, 2100, 500, 1000];
        console.log(arr);
        arr.sort();
        console.log(arr);
    </script>

结果:
图片2

如果是数组的元素是数字,使用sort函数并不能保证按照数值大小进行排序,如果要进行数值排序,则需要传入排序函数。


    <script>
        function sortNum(a, b) {
            return a - b;
        }
        var arr = [1, 20, 4, 5, 300, 2100, 500, 1000];
        console.log(arr);
        arr.sort(sortNum);
        console.log(arr)
    </script>

结果:
图片3

如果想让数字从大到小排序,只需要将排序后的数组反转(arr.reverse()),或者将排序函数变成 return b-a 即可。


简单配置nginx支持pathinfo


nginx默认不支持pathinfo模式,而php的一些框架需要pathinfo模式支持。需要修改nginx配置文件,修改如下,已亲测有效。

location ~ \.php {    #去掉结尾的$
    root          /var/www;
    fastcgi_pass   127.0.0.1:9000;
    fastcgi_index  index.php;
    fastcgi_split_path_info ^(.+\.php)(.*)$;     #增加这一句
    fastcgi_param PATH_INFO $fastcgi_path_info;  #增加这一句
    fastcgi_param  SCRIPT_FILENAME  $document_root$fastcgi_script_name;
    include        fastcgi_params;
}

atom插件安装及一些常用插件


最近发现编辑器atom很火,然后就下载试用了下,感觉很好。下面介绍下如何安装插件:
1.自动安装

File -> settings -> install 在搜索框中输入要安装的插件名称或关键字,回车。
 在搜索列表中找到目的插件,然后点击 install即可。

2.手动安装

但是有时候由于网络原因导致插件安装失败,这时候可以选择手动安装。
由于用的是windows系统,只介绍windows下安装。
首先在C:\Users\用户\.atom\packages目录下载插件
git clone  插件地址
cd  插件目录
mpm install

下面是一下常用插件:
1.js自动补全工具 ternjs

github下载地址: https://github.com/tststs/atom-ternjs.git
具体配置见  https://github.com/tststs/atom-ternjs

2.sublime主题 atom-sublime-monokai-syntax

github下载地址: https://github.com/odahcam/atom-sublime-monokai-syntax.git

3.vue语法支持 atom-vue

github下载地址: https://github.com/hedefalk/atom-vue.git

4.vue2.x语法自动补全 atom-vue2-autocomplete

github下载地址: https://github.com/ealves-pt/atom-vue2-autocomplete.git

5.注释插件 docblockr

github下载地址: https://github.com/nikhilkalige/docblockr.git

6.emmet插件 emmet-atom

github下载地址: https://github.com/emmetio/emmet-atom.git

7.代码缩略预览类似sublime小地图 minimap

github下载地址: https://github.com/atom-minimap/minimap.git

8.vim模式插件 vim-mode

github下载地址: https://github.com/atom/vim-mode.git

9.vim模式扩展插件 ex-mode

github下载地址: https://github.com/lloeki/ex-mode.git

10.vim模式扩展插件 relative-numbers

github下载地址: https://github.com/justmoon/relative-numbers.git

js获取时间戳


var timestamp1 = Date.parse(newDate());

var timestamp2 = (newDate()).valueOf();

var timestamp3 = newDate().getTime();

console.log(timestamp1, timestamp2, timestamp3);

输出结果:
js_timestamp.jpg

备注:第一种获取的时间戳是把毫秒改成000显示,第二种和第三种是获取了当前毫秒的时间戳。 注意和服务器交互时考虑服务器的时间戳是秒级还是毫秒级。


原生js将json字符串解析为对象


最近遇到的一个问题,就是原生js在发送ajax后服务器端返回的是json字符串,需要js这边解析为对象,之前用的方法是eval()函数,但是在项目中遇到了问题,导致不能使用。下面介绍几种将json字符串转化为对象的方法。
方法1:var data = eval(‘(‘+json+’)’);
方法2:var data = (new Function(”, ‘return ‘+json))();
方法3:var data = JSON.parse(json);
上面三种方法均可以将服务器返回的json字符串转换为js可以解析的对象。我建议使用方法3或方法2。

另外说明下,如果使用的是jQuery发送ajax只需要将type设置为json即可,返回的数据默认已转化为对象。另外jQuery的$.parseJSON(json)方法可以将json字符串转化为对象