zpkzpk
zpkzpk

JS数组方法的总结与浅析

本文会先介绍所有数组方法，再详细介绍其中的reduce(引申阅读：redux中的compose函数)，接着介绍includes、indexOf、lastIndexOf与slice、splice参数为负值的时候会发生什么（引申阅读：String中slice、substr、substring方法有什么区别），最后对数组常用遍历方法的性能做简要分析(引申阅读：数组中values、keys、entries方法的基础使用方法)。

数组方法整合

随便定义一个数组，然后查看他的原型链，你会发现：
(在使用方法中：a代表调用方法的数组，[...]/[,...]/[,...[,...]]代表可选参数)

数组的原型上大致有这些方法 数组的构造函数上大致有这些方法 作用 返回值 是否改变原数组 使用方法
1. concat ✅ 数组拼接 新的数组 否 a.concat(b)
2. copyWithin ✅ 值覆盖 数组自身 是 a.copyWithin(target[, start[, end]])
3. entries ✅ 遍历 由[key,value]组成的迭代器 否 a.entries()
4. every ✅ 条件判断器 布尔值(是否所有成员都满足条件) 否 a.every(callback[, thisArg])
5. fill ✅ 固定值填充 数组自身 是 a.fill(value[, start[, end]])
6. filter ✅ 条件过滤器 新的数组 否 a.filter(callback(element[, index[, array]])[, thisArg])
7. find ✅ 条件选择器 undefined或第一个满足条件的数组成员 否 a.find(callback[, thisArg])
8. findIndex ✅ 条件索引查询 -1或第一个满足条件的数组角标 否 a.findIndex(callback[, thisArg])
9. flat ❌ 数组扁平化 新数组 否 a.flat(depth)
10. flatMap ❌ map+深度为1的flat 新数组 否 a.flatMap(callback(currentValue[, index[, array]])[, thisArg])
11. forEach ✅ 遍历器 无 否 a.forEach(callback(currentValue[, index[, array]])[, thisArg])
❌ from 类数组或带有interator接口的对象转换为数组 转化后的数组 --- Array.from(类数组/带有interator接口的对象)
12. includes ✅ 判断器 布尔值 否 a.includes(valueToFind[, fromIndex(可为负)])
13. indexOf ✅ 索引查询 -1或第一个匹配的数组角标 否 a.indexOf(searchElement[, fromIndex(可为负)])
❌ isArray 判断是否是数组 布尔值 --- Array.isArray(待检测对象)
14. join ✅ 字符串拼接合成 字符串 否 a.join([separator(默认为 ",")])
15. keys ✅ 遍历 由key组成的迭代器 否 a.keys()
16. lastIndexOf ✅ 反向索引查询 -1或第一个匹配的数组角标 否 a.lastIndexOf(searchElement[, fromIndex = a.length - 1(可为负值)])
17. map ✅ 遍历器 新的数组 否 a.map(function callback(currentValue[, index[, array]])[, thisArg])
❌ of 统一规则的创建数组 创建出来的新数组 --- Array.of() => []; Array.of(3) => [3]; Array.of(item1,...,itemN)
18. pop ✅ 删除尾部成员 删除的成员 是 a.pop()
19. push ✅ 添加新的尾部成员 原数组增加成员后的长度 是 a.push(item1, ..., itemN)
20. reduce ✅ 正序迭代器 成员迭代完成后的值 否 a.reduce(callback(accumulator, currentValue[, index[, array]])[, initialValue])
21. reduceRight ✅ 倒序迭代器 成员迭代完成后的值 否 a.reduceRight(callback(accumulator, currentValue[, index[, array]])[, initialValue])
22. reverse ✅ 数组翻转 数组自身 是 a.reverse()
23. shift ✅ 头部删除 删除的成员 是 a.shift()
24. slice ✅ 数组截取 截取出来的成员 否 a.slice([begin[, end]]);
25. some ✅ 条件判断器 布尔值(是否有满足条件的数组成员) 否 a.some(callback(element[, index[, array]])[, thisArg])
26. sort ✅ 排序 数组自身 是 a.sort([compareFunction(默认为元素按照转换为的字符串的各个字符的Unicode位点进行排序)])
27. splice ✅ 删除(并插入新的成员) 删除的成员 是 a.splice(start[, deleteCount[, item1[, item2[, ...]]]])
28. toLocaleString ❌ 带配置的字符串转化 字符串 否 a.toLocaleString([locales[,options]]);
29.toString ❌ 字符串转化 字符串 否 a.toString()
30. unshift ✅ 头部插入新的成员 原数组增加成员后的长度 是 a.unshift(item1, ..., itemN)
31. values ✅ 遍历 由value组成的迭代器 否 a.values()

reduce方法讲解

可能大家都听说过或者试过reduce函数，但是在小需求背景下较难有机会使用，reduce函数接收2个参数：

Array.prototype.reduce = function (fn, initValue) {
// 其中fn包含4个参数，初始值，当前数组成员，当前数组角标，数组本身
...
}
Array.reduce(function(Accumulator, CurrentValue, CurrentIndex, SourceArray ) {...}, initValue)

简易的使用方法：

// 初始值为1，迭代次数为4 => 1+1、2+2、4+3、7+4
[1,2,3,4].reduce((a, b, c, d) => a + b,1) // 输出1+1+2+3+4 => 11
// 初始值缺省，数组的第一个值会被当做初始值，迭代次数为3 => 1+2、3+3、6+4
[1,2,3,4].reduce((a, b, c, d) => a + b) // 输出1+2+3+4 => 10

// 通过reduce获取最大值
let arr = [2,100,38,250,3,9]
arr.reduce((a, b) => a > b ? a : b)
// 当然我们还可以这样获取最大值
Math.max.apply(null, arr)
Math.max.call(null, ...arr)
Math.max(...arr)
// 嗯。。。或者手写一个Max函数

较为贴切实际的应用：假如我们有一个需求，要对一个数组进行多种处理，比如翻转，滤除所有不是Number的成员，滤除所有大于10的Number，然后返回一个用逗号分隔的字符串。

    let arr = ['c', 'x', 'k', 123, 456, 10, 8, 100, 4, 3, 125, 3]

    function reverse (arr) {
        return arr.reverse()
    }

    function deleteUnNumber (arr) {
        return arr.filter(function(item) {
            return Object.prototype.toString.call(item) === '[object Number]';
        });
    }

    function deleteOverTen (arr) {
        return arr.filter(function(num) {
            return num < 10;
        });
    }

    function join (arr) {
        return arr.join(',')
    }
    
    // 不使用reduce
    join(deleteOverTen(deleteUnNumber(reverse(arr)))) // 3,3,4,8

    // 使用reduce，数组内的顺序就是函数的执行顺序
    [reverse, deleteUnNumber, deleteOverTen, join].reduce((a, b) => b(a), arr) // 3,3,4,8

可能有人会问为啥不这么写

    arr.reverse().filter(function(item) {
        return Object.prototype.toString.call(item) === '[object Number]' && item < 10;
    }).join(',')

这个例子比较简单，往往实际上reduce的扩展仅对接收参数的类型判断可能就不止这些代码，自己语义化封装独立的函数将显得十分必要，而且不可能所有的代码都会是原型链上现成的函数，函数的返回值也不会如此单调，日常生产中，(据我所知)与reduce联系最为紧密的应该是redux中的compose函数，用于扩展增强store，源码如下：

export default function compose(...funcs) {
    if (funcs.length === 0) {
        return arg => arg
    }

    if (funcs.length === 1) {
        return funcs[0]
    }

    return funcs.reduce((a, b) => (...args) => a(b(...args)))
}

compose函数的作用是将传入的函数进行包装，靠前的函数后执行，大致行为如下：
compose(a,b,c) (...args)=> a(b(c(..args)))
利用compose改写上面的例子

    let arr = ['c', 'x', 'k', 123, 456, 10, 8, 100, 4, 3, 125, 3]
    
    function reverse (arr) {
        return arr.reverse()
    }

    function deleteUnNumber (arr) {
        return arr.filter(function(item) {
            return Object.prototype.toString.call(item) === '[object Number]';
        });
    }

    function deleteOverTen (arr) {
        return arr.filter(function(num) {
            return num < 10;
        });
    }

    function join (arr) {
        return arr.join(',')
    }

    compose(join,deleteOverTen,deleteUnNumber,reverse)(arr) // 3,3,4,8
    // 等同于 join(deleteOverTen(deleteUnNumber(reverse(arr)))) // 3,3,4,8，二者函数的顺序从直观上保持一致了

includes、indexOf、lastIndexOf 索引为负值的时候

Mozilla上对第二个参数的描述是这样的！明明基本都是一个东西，愣是说出3套

includes indexOf lastIndexOf
开始查找的位置。如果该索引值大于或等于数组长度，意味着不会在数组里查找，返回-1。如果参数中提供的索引值是一个负值，则将其作为数组末尾的一个抵消，即-1表示从最后一个元素开始查找，-2表示从倒数第二个元素开始查找 ，以此类推。 注意：如果参数中提供的索引值是一个负值，并不改变其查找顺序，查找顺序仍然是从前向后查询数组。如果抵消后的索引值仍小于0，则整个数组都将会被查询。其默认值为0. 从fromIndex 索引处开始查找 valueToFind。如果为负值，则按升序从 array.length + fromIndex 的索引开始搜 （即使从末尾开始往前跳 fromIndex 的绝对值个索引，然后往后搜寻）。默认为 0。 从此位置开始逆向查找。默认为数组的长度减 1，即整个数组都被查找。如果该值大于或等于数组的长度，则整个数组会被查找。如果为负值，将其视为从数组末尾向前的偏移。即使该值为负，数组仍然会被从后向前查找。如果该值为负时，其绝对值大于数组长度，则方法返回 -1，即数组不会被查找。

1.大白话总结一下就是-1就是从倒数第一个开始找
2.当负数大到超过数组length的时候，正向查询那俩不受影响，等于还是从头查找，lastIndexOf由于是往前查找，所以就没数据可查，返回-1

    var a = [1,2,3,2,2]

    console.log(a.includes(2)) // true 
    console.log(a.indexOf(2)) // 1
    console.log(a.lastIndexOf(2)) // 4

    // 默认状态
    console.log(a.includes(2, 0)) //从角标0开始往后找 true 
    console.log(a.indexOf(2, 0)) //从角标0开始往后找 1
    console.log(a.lastIndexOf(2, 4)) //从(正数第四个)角标4开始往前找 4
    // 等同于
    console.log(a.lastIndexOf(2, -1)) // 从(倒数第一个)角标4开始往前找 4

    console.log(a.includes(2, 0)) // true 
    console.log(a.indexOf(2, 0)) // 1
    console.log(a.lastIndexOf(2, 0)) // -1

    console.log(a.includes(2, -1)) // true 
    console.log(a.indexOf(2, -1)) // 4
    console.log(a.lastIndexOf(2, -1)) // 4

    console.log(a.includes(2, -2)) // true 
    console.log(a.indexOf(2, -2)) // 3
    console.log(a.lastIndexOf(2, -2)) // 3

    console.log(a.includes(2, -20)) // true 
    console.log(a.indexOf(2, -20)) // 1
    console.log(a.lastIndexOf(2, -20)) // -1

slice和splice参数为负值的时候

    var arr = [1,2,3,4,5,6,7]

    console.log(arr.slice(2,3))   // [3]
    console.log(arr.slice(3,2))   // []
    console.log(arr.slice(-3,-2)) // [5]
    console.log(arr.slice(-2,-3)) // []
    console.log(arr.slice(2,-3))   // [3,4]
    console.log(arr.slice(-7,7))   // [1, 2, 3, 4, 5, 6, 7]

    // 虽然写成这样，假设splice之间不相互影响
    console.log(arr.splice(2,3))   // [3,4,5]
    console.log(arr.splice(3,2))   // [4, 5]
    console.log(arr.splice(-3,-2)) // []
    console.log(arr.splice(-2,-3)) // []
    console.log(arr.splice(2,-3))  // []
    console.log(arr.splice(-3,1))  // [5]
    console.log(arr.splice(-7,7))  // [1, 2, 3, 4, 5, 6, 7]

说说结论：

  1. slice必须起点实际对应的角标比结束点实际的角标小才能截取出来东西
  2. slice和splice对于起点(终点)为负值就是从倒数的位置开始数
  3. splice删除个数为负则不删除

引申到字符串slice、substr、substring三个截取函数的区别:

    var a = '123456789'

    console.log(a.slice())     // 123456789
    console.log(a.substr())    // 123456789
    console.log(a.substring()) // 123456789

    console.log(a.slice(2))     // 3456789
    console.log(a.substr(2))    // 3456789
    console.log(a.substring(2)) // 3456789

    console.log(a.slice(2,5))     // 345
    console.log(a.substr(2,5))    // 34567
    console.log(a.substring(2,5)) // 345

    console.log(a.slice(6,1))     // 
    console.log(a.substr(6,1))    // 7
    console.log(a.substring(6,1)) // 23456

    console.log(a.slice(2,-1))     // 345678
    console.log(a.substr(2,-1))    // 
    console.log(a.substring(2,-1)) // 12

    console.log(a.slice(6,-3))     // 
    console.log(a.substr(6,-3))    // 
    console.log(a.substring(6,-3)) // 123456

    console.log(a.slice(-4,2))     // 
    console.log(a.substr(-4,2))    // 67
    console.log(a.substring(-4,2)) // 12

    console.log(a.slice(-4,-3))     // 6
    console.log(a.substr(-4,-3))    // 
    console.log(a.substring(-4,-3)) //

说结论：

  1. slice和数组类似，必须头小于尾才能截出东西
  2. substr第一个参数可以为负数，代表倒数，第二个参数不能为负数，否则截不出东西
  3. substring会把负数自动归0，然后从两个参数较小的那个截取到较大的那个，所以同时为负，截不出东西

数组遍历和性能问题

网上百度出来的15~17年底的老文章基本都是说for的性能是几倍于foreach/明显快于foreach的，但是你写的js代码，浏览器肯定是需要解析的。就和上古时代你说字符串拼接的性能极差，内存占用高，需要定义一个数组，然后array.push()然后再array.join('')这样，才能优化性能，可是人家浏览器早就优化过了，字符串拼接的性能已经高于数组操作了，循环又何尝不是，我们做一个测试。造一个全是1的长度为1000w的数组，然后遍历这个数组并干点啥，比如把这些1拿出来赋值，或者原地++，我们看看性能对比，map只遍历不return新数组。
PS: 代码效率和你电脑的硬件配置，跑代码时电脑的状态都会有关，我家的台式机跑同样的代码比这个笔记本要快上很多。
先说说18年9月份当时的数据，当时的绝版数据大致是这样的（单位毫秒），为了确保一定的公平性，foreach的回调里用的array和index进行的数组操作，没有直接用item：

for for in 利用array和index操作的forEach for of 原生map jq.each jq.map filter
111 5121 98 407 1776 165 10 153
114 5066 98 582 1816 180 10 149

2019年5月15日，电脑同一个(一个超饱和的。。。15款8g的macbook pro)，效果如下

for 缓存数组length的for for in 回调函数传3个参数并利用array和index操作的forEach 回调函数传3个参数并利用item操作的forEach 回调函数传2个(不传array)参数并利用item操作的forEach for of 原生map jq.each jq.map filter
117 33 4592 136 104 164 161 177 192 18 193
187 32 4768 140 110 159 179 182 207 22 187
121 33 4552 118 102 150 161 183 190 18 183

说说结论吧：

  1. for in是真的好用，数组对象通吃，但是速度是一如既往的倒数第一
  2. 真的不用太过于纠结for和forEach的性能区别，不缓存数组长度时性能基本相差无几，for毕竟是最基础的，但是forEach要比for好用一些，作者水平有效，扣不动js的底层实现，但是循环最基本的应该还都是遍历数组在堆中存储的数据。
  3. forEach只传2个参数(item, index)要比传3个参数(item, index, array)的运行速度慢，即使我根本没有使用第三个参数，代码如下：
let temp = null
let array = new Array(10000000).fill(1)

array.forEach((item, index, arrays) => { // 1000w次循环 耗时100ms左右
    temp = ++item
})

array.forEach((item, index) => {// 1000w次循环 耗时150ms左右
    temp = ++item
})
  1. 原生map性能飞升~我甚至怀疑是不是去年写错东西了，但是代码是真的没改过。。。
  2. for of作为es6提供，用来遍历有Iterator接口数据类型的专用遍历方法性能已经逼近for和forEach
  3. jquery的map虽然是稳定最快的，为啥？凭啥？但是jq已经淡出历史的舞台了，既往不咎~附上jq的map源码（看不懂有啥玄机，有兴趣你们可以分析分析）。
// 这...凭啥能更快？
map: function( elems, callback, arg ) {
        var length, value,
            i = 0,
            ret = [];

        // Go through the array, translating each of the items to their new values
        if ( isArrayLike( elems ) ) {
            length = elems.length;
            for ( ; i < length; i++ ) {
                value = callback( elems[ i ], i, arg );

                if ( value != null ) {
                    ret.push( value );
                }
            }

        // Go through every key on the object,
        } else {
            for ( i in elems ) {
                value = callback( elems[ i ], i, arg );

                if ( value != null ) {
                    ret.push( value );
                }
            }
        }

        // Flatten any nested arrays
        return concat.apply( [], ret );
    },

浏览器内核在升级，解析方式也在改变，比如前几天Google IO 2019表示JS解析又快了两倍，async执行快了。。。嗯11倍！所以loop性能的变动也合情合理吧？

说到遍历不得不在最后谈一下values、keys、entries

    var arr = [1, 3, 'a', 'asd', {a: 123}]
    var entries = arr.entries()
    var keys = arr.keys()
    var values = arr.values()

    // entries、keys、values打印出来都是Array Iterator {}  不能直接通过角标访问数据，提供以下几种遍历方法
    // for of遍历
    for (item of entries) {
        console.log(item) // [0, 1]  [1, 3]  [2, "a"]  [3, "asd"]  [4, {a: 123}]
    }
    // 转化为数组遍历
    var keys_arr = [...keys] // [0, 1, 2, 3, 4]

    //通过next()遍历
    console.log(values.next().value) // 1
    console.log(values.next())       // {value: 3, done: false}
    console.log(values.next().value) // a
    console.log(values.next().value) // asd
    console.log(values.next().value) // {a: 123}
    console.log(values.next().value) // undefined
    console.log(values.next())       // {value: undefined, done: true}

完~ 感谢阅读~ 一起进步！

你可能感兴趣的:(JS数组方法的总结与浅析)

  • 斤斤计较的婚姻到底有多难？ 白心之岂必有为
    很多人私聊我会问到在哪个人群当中斤斤计较的人最多？我都会回答他，一般婚姻出现问题的斤斤计较的人士会非常多，以我多年经验，在婚姻落的一塌糊涂的人当中，斤斤计较的人数占比在20～30%以上，也就是说10个婚姻出现问题的斤斤计较的人有2-3个有多不减。在婚姻出问题当中，有大量的心理不平衡的、尖酸刻薄的怨妇。在婚姻中仅斤斤计较有两种类型：第一种是物质上的，另一种是精神上的。在物质与精神上抠门已经严重的影响
  • 情绪觉察日记第37天 露露_e800
    今天是家庭关系规划师的第二阶最后一天，慧萍老师帮我做了个案，帮我处理了埋在心底好多年的一份恐惧，并给了我深深的力量！这几天出来学习，爸妈过来婆家帮我带小孩，妈妈出于爱帮我收拾东西，并跟我先生和婆婆产生矛盾，妈妈觉得他们没有照顾好我…。今晚回家见到妈妈，我很欣赏她并赞扬她，妈妈说今晚要跟我睡我说好，当我们俩躺在床上准备睡觉的时候，我握着妈妈的手对她说:妈妈这几天辛苦你了，你看你多利害把我们的家收拾得
  • 芦花鞋一四 许叶晗
    又是在一个寒冷的夏日里，青铜和葵花决定今天一起去卖芦花鞋，奶奶亲手给他们做了一碗热乎乎的粥对他们说:“就靠你们两挣生活费了这碗粥赶紧趁热喝了吧！”于是青铜和葵花喝完了奶奶给她们做的粥，就准备去镇上卖卢花鞋，这回青铜和葵花穿着新的芦花鞋来到了镇上。青铜这回看到了很多人都在卖，用手势表达对葵花说:“这回有好多人在抢我们生意呢！我们必须得吆喝起来。”葵花点了点头。可是谁知他们也大声的叫，卖芦花喽！卖芦花
  • QQ群采集助手，精准引流必备神器 2401_87347160 其他经验分享
    功能概述微信群查找与筛选工具是一款专为微信用户设计的辅助工具，它通过关键词搜索功能，帮助用户快速找到相关的微信群，并提供筛选是否需要验证的群组的功能。主要功能关键词搜索：用户可以输入关键词，工具将自动查找包含该关键词的微信群。筛选功能：工具提供筛选机制，用户可以选择是否只显示需要验证或不需要验证的群组。精准引流：通过上述功能，用户可以更精准地找到目标群组，进行有效的引流操作。3.设备需求该工具可以
  • 关于沟通这件事，项目经理不需要每次都面对面进行 流程大师兄
    很多项目经理都会遇到这样的问题，项目中由于事情太多，根本没有足够的时间去召开会议，那在这种情况下如何去有效地管理项目中的利益相关者？当然，不建议电子邮件也不需要开会的话，建议可以采取下面几种方式来形成有效的沟通，这几种方式可以帮助你努力的通过各种办法来保持和各方面的联系。项目经理首先要问自己几个问题，项目中哪些利益相关者是必须要进行沟通的？可以列出项目中所有的利益相关者清单，同时也整理出项目中哪些
  • 机器学习与深度学习间关系与区别 ℒℴѵℯ心·动ꦿ໊ོ꫞ 人工智能学习深度学习python
    一、机器学习概述定义机器学习（MachineLearning,ML）是一种通过数据驱动的方法，利用统计学和计算算法来训练模型，使计算机能够从数据中学习并自动进行预测或决策。机器学习通过分析大量数据样本，识别其中的模式和规律，从而对新的数据进行判断。其核心在于通过训练过程，让模型不断优化和提升其预测准确性。主要类型1.监督学习（SupervisedLearning）监督学习是指在训练数据集中包含输入
  • 铭刻于星（四十二） 随风至
    69夜晚，绍敏同学做完功课后，看了眼房外，没听到动静才敢从书包的夹层里拿出那个心形纸团。折痕压得很深，都有些旧了，想来是已经写好很久了。绍敏同学慢慢地、轻轻地捏开折叠处，待到全部拆开后，又反复抚平纸张，然后仔细地一字字默看。只是开头的三个字是第一次看到，让她心漏跳了几拍。“亲爱的绍敏：从四年级的时候，我就喜欢你了，但是我一直不敢说，怕影响你学习。六年级的时候听说有人跟你表白，你接受了，我很难过，但
  • 底层逆袭到底有多难，不甘平凡的你准备好了吗？让吴起给你说说 造命者说
    底层逆袭到底有多难，不甘平凡的你准备好了吗？让吴起给你说说我叫吴起，生于公元前440年的战国初期，正是群雄并起、天下纷争不断的时候。后人说我是军事家、政治家、改革家，是兵家代表人物。评价我一生历仕鲁、魏、楚三国，通晓兵家、法家、儒家三家思想，在内政军事上都有极高的成就。周安王二十一年（公元前381年），因变法得罪守旧贵族，被人乱箭射死。我出生在卫国一个“家累万金”的富有家庭，从年轻时候起就不甘平凡
  • 2020-01-25 晴岚85
    郑海燕坚持分享590天2020.1.24在生活中只存在两个问题。一个问题是：你知道想要达成的目标是什么，但却不知道如何才能达成；另一个问题是：你不知道你的目标是什么。前一个是行动的问题，后一个是结果的问题。通过制定具体的下一步行动，可以解决不知道如何开始行动的问题。而通过去想象结果，对结果做预估，可以解决找不着目标的问题。对于所有吸引我们注意力，想要完成的任务，你可以先想象一下，预期的结果究竟是什
  • 随笔 | 仙一般的灵气 海思沧海
    仙岛今天，我看了你全部，似乎已经进入你的世界我不知道，这是否是梦幻，还是你仙一般的灵气吸引了我也许每一个人都要有一份属于自己的追求，这样才能够符合人生的梦想，生活才能够充满着阳光与快乐我不知道，我为什么会这样的感叹，是在感叹自己的人生，还是感叹自己一直没有孜孜不倦的追求只感觉虚度了光阴，每天活在自己的梦中，活在一个不真实的世界是在逃避自己，还是在逃避周围的一切有时候我嘲笑自己，嘲笑自己如此的虚无，
  • 想家 爆米花机
    也许不同于大家对家乡的思念，我对家乡甚至是疯狂的不舍。还未踏出车站就感觉到幸福，我享受这里的夕阳、这里的浓烈柴火味、这里每一口家常菜。我是宅女，我贪恋家的安逸。刚刚踏出大学校门，初出茅庐，无法适应每年只能国庆和春节回家。我焦虑、失眠、无端发脾气，是无法适应工作的节奏，是无法接受我将一步步离开家乡的事实。我不想承认自己胸无大志，选择再次踏上征程。图片发自App
  • 【iOS】MVC设计模式 Magnetic_h iosmvc设计模式objective-c学习ui
    MVC前言如何设计一个程序的结构，这是一门专门的学问，叫做"架构模式"（architecturalpattern），属于编程的方法论。MVC模式就是架构模式的一种。它是Apple官方推荐的App开发架构，也是一般开发者最先遇到、最经典的架构。MVC各层controller层Controller/ViewController/VC（控制器）负责协调Model和View，处理大部分逻辑它将数据从Mod
  • OC语言多界面传值五大方式 Magnetic_h iosui学习objective-c开发语言
    前言在完成暑假仿写项目时，遇到了许多需要用到多界面传值的地方，这篇博客来总结一下比较常用的五种多界面传值的方式。属性传值属性传值一般用前一个界面向后一个界面传值，简单地说就是通过访问后一个视图控制器的属性来为它赋值，通过这个属性来做到从前一个界面向后一个界面传值。首先在后一个界面中定义属性@interfaceBViewController:UIViewController@propertyNSSt
  • 一百九十四章. 自相矛盾 巨木擎天
    唉！就这么一夜，林子感觉就像过了很多天似的，先是回了阳间家里，遇到了那么多不可思议的事情儿。特别是小伙伴们，第二次与自己见面时，僵硬的表情和恐怖的气氛，让自己如坐针毡，打从心眼里难受！还有东子，他现在还好吗？有没有被人欺负？护城河里的小鱼小虾们，还都在吗？水不会真的干枯了吧？那对相亲相爱漂亮的太平鸟儿，还好吧！春天了，到了做窝、下蛋、喂养小鸟宝宝的时候了，希望它们都能够平安啊！虽然没有看见家人，也
  • UI学习——cell的复用和自定义cell Magnetic_h ui学习
    目录cell的复用手动（非注册）自动（注册）自定义cellcell的复用在iOS开发中，单元格复用是一种提高表格（UITableView）和集合视图（UICollectionView）滚动性能的技术。当一个UITableViewCell或UICollectionViewCell首次需要显示时，如果没有可复用的单元格，则视图会创建一个新的单元格。一旦这个单元格滚动出屏幕，它就不会被销毁。相反，它被添
  • element实现动态路由+面包屑 软件技术NINI vue案例vue.js前端
    el-breadcrumb是ElementUI组件库中的一个面包屑导航组件，它用于显示当前页面的路径，帮助用户快速理解和导航到应用的各个部分。在Vue.js项目中，如果你已经安装了ElementUI，就可以很方便地使用el-breadcrumb组件。以下是一个基本的使用示例：安装ElementUI（如果你还没有安装的话）:你可以通过npm或yarn来安装ElementUI。bash复制代码npmi
  • 10月|愿你的青春不负梦想-读书笔记-01 Tracy的小书斋
    本书的作者是俞敏洪，大家都很熟悉他了吧。俞敏洪老师是我行业的领头羊吧，也是我事业上的偶像。本日摘录他书中第一章中的金句：『一个人如果什么目标都没有，就会浑浑噩噩，感觉生命中缺少能量。能给我们能量的，是对未来的期待。第一件事，我始终为了进步而努力。与其追寻全世界的骏马，不如种植丰美的草原，到时骏马自然会来。第二件事，我始终有阶段性的目标。什么东西能给我能量？答案是对未来的期待。』读到这里的时候，我便
  • C语言宏函数 南林yan C语言c语言
    一、什么是宏函数？通过宏定义的函数是宏函数。如下，编译器在预处理阶段会将Add(x,y)替换为((x)*(y))#defineAdd(x,y)((x)*(y))#defineAdd(x,y)((x)*(y))intmain(){inta=10;intb=20;intd=10;intc=Add(a+d,b)*2;cout<
  • 地推话术，如何应对地推过程中家长的拒绝 校师学
    相信校长们在做地推的时候经常遇到这种情况：市场专员反馈家长不接单，咨询师反馈难以邀约这些家长上门，校区地推疲软，招生难。为什么？仅从地推层面分析，一方面因为家长受到的信息轰炸越来越多，对信息越来越“免疫”；而另一方面地推人员的专业能力和营销话术没有提高，无法应对家长的拒绝，对有意向的家长也不知如何跟进，眼睁睁看着家长走远；对于家长的疑问，更不知道如何有技巧地回答，机会白白流失。由于回答没技巧和专业
  • 谢谢你们，爱你们！ 鹿游儿
    昨天家人去泡温泉，二个孩子也带着去，出发前一晚，匆匆下班，赶回家和孩子一起收拾。饭后，我拿出笔和本子（上次去澳门时做手帐的本子）写下了1\2\3\4\5\6\7\8\9,让后让小壹去思考，带什么出发去旅游呢？她在对应的数字旁边画上了，泳衣、泳圈、肖恩、内衣内裤、tapuy、拖鞋……画完后，就让她自己对着这个本子，将要带的，一一带上，没想到这次带的书还是这本《便便工厂》(晚上姑婆发照片过来，妹妹累得
  • C语言如何定义宏函数？ 小九格物 c语言
    在C语言中，宏函数是通过预处理器定义的，它在编译之前替换代码中的宏调用。宏函数可以模拟函数的行为，但它们不是真正的函数，因为它们在编译时不会进行类型检查，也不会分配存储空间。宏函数的定义通常使用#define指令，后面跟着宏的名称和参数列表，以及宏展开后的代码。宏函数的定义方式：1.基本宏函数：这是最简单的宏函数形式，它直接定义一个表达式。#defineSQUARE(x)((x)*(x))2.带参
  • 微服务下功能权限与数据权限的设计与实现 nbsaas-boot 微服务java架构
    在微服务架构下，系统的功能权限和数据权限控制显得尤为重要。随着系统规模的扩大和微服务数量的增加，如何保证不同用户和服务之间的访问权限准确、细粒度地控制，成为设计安全策略的关键。本文将讨论如何在微服务体系中设计和实现功能权限与数据权限控制。1.功能权限与数据权限的定义功能权限：指用户或系统角色对特定功能的访问权限。通常是某个用户角色能否执行某个操作，比如查看订单、创建订单、修改用户资料等。数据权限：
  • 理解Gunicorn：Python WSGI服务器的基石 范范0825 ipythonlinux运维
    理解Gunicorn：PythonWSGI服务器的基石介绍Gunicorn，全称GreenUnicorn，是一个为PythonWSGI（WebServerGatewayInterface）应用设计的高效、轻量级HTTP服务器。作为PythonWeb应用部署的常用工具，Gunicorn以其高性能和易用性著称。本文将介绍Gunicorn的基本概念、安装和配置，帮助初学者快速上手。1.什么是Gunico
  • 小丽成长记（四十三） 玲玲54321
    小丽发现，即使她好不容易调整好自己的心态下一秒总会有不确定的伤脑筋的事出现，一个接一个的问题，人生就没有停下的时候，小问题不断出现。不过她今天看的书，她接受了人生就是不确定的，厉害的人就是不断创造确定性，在Ta的领域比别人多的确定性就能让自己脱颖而出，显示价值从而获得的比别人多的利益。正是这样的原因，因为从前修炼自己太少，使得她现在在人生道路上打怪起来困难重重，她似乎永远摆脱不了那种无力感，有种习
  • 学点心理知识，呵护孩子健康 静候花开_7090
    昨天听了华中师范大学教育管理学系副教授张玲老师的《哪里才是学生心理健康的最后庇护所，超越教育与技术的思考》的讲座。今天又重新学习了一遍，收获匪浅。张玲博士也注意到了当今社会上的孩子由于心理问题导致的自残、自杀及伤害他人等恶性事件。她向我们普及了一个重要的命题，她说心理健康的一些基本命题，我们与我们通常的一些教育命题是不同的，她还举了几个例子，让我们明白我们原来以为的健康并非心理学上的健康。比如如果
  • 2021年12月19日，春蕾教育集团团建活动感受——黄晓丹 黄错错加油
    感受:1.从陌生到熟悉的过程。游戏环节让我们在轻松的氛围中得到了锻炼，也增长了不少知识。2.游戏过程中，我们贡献的是个人力量，展现的是团队的力量。它磨合的往往不止是工作的熟悉，更是观念上契合度的贴近。3.这和工作是一样的道理。在各自的岗位上，每个人摆正自己的位置、各司其职充分发挥才能，并团结一致劲往一处使，才能实现最大的成功。新知:1.团队精神需要不断地创新。过去，人们把创新看作是冒风险，现在人们
  • Cell Insight | 单细胞测序技术又一新发现，可用于HIV-1和Mtb共感染个体诊断 尐尐呅
    结核病是艾滋病合并其他疾病中导致患者死亡的主要原因。其中结核病由结核分枝杆菌（Mycobacteriumtuberculosis,Mtb）感染引起，获得性免疫缺陷综合症（艾滋病）由人免疫缺陷病毒（Humanimmunodeficiencyvirustype1,HIV-1）感染引起。国家感染性疾病临床医学研究中心/深圳市第三人民医院张国良团队携手深圳华大生命科学研究院吴靓团队，共同研究得出单细胞测序
  • c++ 的iostream 和 c++的stdio的区别和联系 黄卷青灯77 c++算法开发语言iostreamstdio
    在C++中，iostream和C语言的stdio.h都是用于处理输入输出的库，但它们在设计、用法和功能上有许多不同。以下是两者的区别和联系：区别1.编程风格iostream（C++风格）：C++标准库中的输入输出流类库，支持面向对象的输入输出操作。典型用法是cin（输入）和cout（输出），使用>操作符来处理数据。更加类型安全，支持用户自定义类型的输入输出。#includeintmain(){in
  • 瑶池防线 谜影梦蝶
    冥华虽然逃过了影梦的军队，但他是一个忠臣，他选择上报战况。败给影梦后成逃兵，高层亡尔还活着，七重天失守......随便一条，即可处死冥华。冥华自然是知道以仙界高层的习性此信一发自己必死无疑，但他还选择上报实情，因为责任。同样此信送到仙宫后，知道此事的人，大多数人都认定冥华要完了，所以上到仙界高层，下到扫大街的，包括冥华自己，全都准备好迎接冥华之死。如果仙界现在还属于两方之争的话，冥华必死无疑。然而
  • 爬山后遗症 璃绛
    爬山，攀登，一步一步走向制高点，是一种挑战。成功抵达是一种无法言语的快乐，在山顶吹吹风，看看风景，这是从未有过的体验。然而，爬山一时爽，下山腿打颤，颠簸的路，一路向下走，腿部力量不够，走起来抖到不行，停不下来了！第二天必定腿疼，浑身酸痛，坐立难安！
  • VMware Workstation 11 或者 VMware Player 7安装MAC OS X 10.10 Yosemite iwindyforest vmwaremac os10.10workstationplayer
    最近尝试了下VMware下安装MacOS 系统， 安装过程中发现网上可供参考的文章都是VMware Workstation 10以下， MacOS X 10.9以下的文章， 只能提供大概的思路， 但是实际安装起来由于版本问题， 走了不少弯路， 所以我尝试写以下总结， 希望能给有兴趣安装OSX的人提供一点帮助。     写在前面的话： 其实安装好后发现， 由于我的th
  • 关于《基于模型驱动的B/S在线开发平台》源代码开源的疑虑？ deathwknight JavaScriptjava框架
    本人从学习Java开发到现在已有10年整，从一个要自学 java买成javascript的小菜鸟，成长为只会java和javascript语言的老菜鸟（个人邮箱：[email protected]） 一路走来，跌跌撞撞。用自己的三年多业余时间，瞎搞一个小东西（基于模型驱动的B/S在线开发平台，非MVC框架、非代码生成）。希望与大家一起分享，同时有许些疑虑，希望有人可以交流下 平台
  • 如何把maven项目转成web项目 Kai_Ge mavenMyEclipse
    创建Web工程，使用eclipse ee创建maven web工程 1.右键项目,选择Project Facets,点击Convert to faceted from 2.更改Dynamic Web Module的Version为2.5.(3.0为Java7的,Tomcat6不支持). 如果提示错误,可能需要在Java Compiler设置Compiler compl
  • 主管？？？ Array_06 工作
    转载：http://www.blogjava.net/fastzch/archive/2010/11/25/339054.html 很久以前跟同事参加的培训，同事整理得很详细，必须得转！ 前段时间，公司有组织中高阶主管及其培养干部进行了为期三天的管理训练培训。三天的课程下来，虽然内容较多，因对老师三天来的课程内容深有感触，故借着整理学习心得的机会，将三天来的培训课程做了一个
  • python内置函数大全 2002wmj python
    最近一直在看python的document，打算在基础方面重点看一下python的keyword、Build-in Function、Build-in Constants、Build-in Types、Build-in Exception这四个方面，其实在看的时候发现整个《The Python Standard Library》章节都是很不错的，其中描述了很多不错的主题。先把Build-in Fu
  • JSP页面通过JQUERY合并行 357029540 JavaScriptjquery
    在写程序的过程中我们难免会遇到在页面上合并单元行的情况，如图所示 如果对于会的同学可能很简单，但是对没有思路的同学来说还是比较麻烦的，提供一下用JQUERY实现的参考代码 function mergeCell(){         var trs = $("#table tr"); &nb
  • Java基础 冰天百华 java基础
    学习函数式编程 package base; import java.text.DecimalFormat; public class Main { public static void main(String[] args) { // Integer a = 4; // Double aa = (double)a / 100000; // Decimal
  • unix时间戳相互转换 adminjun 转换unix时间戳
    如何在不同编程语言中获取现在的Unix时间戳(Unix timestamp)？ Java time JavaScript Math.round(new Date().getTime()/1000) getTime()返回数值的单位是毫秒 Microsoft .NET / C# epoch = (DateTime.Now.ToUniversalTime().Ticks - 62135
  • 作为一个合格程序员该做的事 aijuans 程序员
    作为一个合格程序员每天该做的事 1、总结自己一天任务的完成情况 最好的方式是写工作日志，把自己今天完成了什么事情，遇见了什么问题都记录下来，日后翻看好处多多 2、考虑自己明天应该做的主要工作 把明天要做的事情列出来，并按照优先级排列，第二天应该把自己效率最高的时间分配给最重要的工作 3、考虑自己一天工作中失误的地方，并想出避免下一次再犯的方法 出错不要紧，最重
  • 由html5视频播放引发的总结 ayaoxinchao html5视频video
    前言   项目中存在视频播放的功能，前期设计是以flash播放器播放视频的。但是现在由于需要兼容苹果的设备，必须采用html5的方式来播放视频。我就出于兴趣对html5播放视频做了简单的了解，不了解不知道，水真是很深。本文所记录的知识一些浅尝辄止的知识，说起来很惭愧。   视频结构   本该直接介绍html5的<video>的，但鉴于本人对视频
  • 解决httpclient访问自签名https报javax.net.ssl.SSLHandshakeException: sun.security.validat bewithme httpclient
         如果你构建了一个https协议的站点，而此站点的安全证书并不是合法的第三方证书颁发机构所签发，那么你用httpclient去访问此站点会报如下错误   javax.net.ssl.SSLHandshakeException: sun.security.validator.ValidatorException: PKIX path bu
  • Jedis连接池的入门级使用 bijian1013 redisredis数据库jedis
    Jedis连接池操作步骤如下：         a.获取Jedis实例需要从JedisPool中获取；         b.用完Jedis实例需要返还给JedisPool；         c.如果Jedis在使用过程中出错，则也需要还给JedisPool； packag
  • 变与不变 bingyingao 不变变亲情永恒
    变与不变    周末骑车转到了五年前租住的小区，曾经最爱吃的西北面馆、江西水饺、手工拉面早已不在，    各种店铺都换了好几茬，这些是变的。    三年前还很流行的一款手机在今天看起来已经落后的不像样子。    三年前还运行的好好的一家公司，今天也已经不复存在。    一座座高楼拔地而起，
  • 【Scala十】Scala核心四：集合框架之List bit1129 scala
    Spark的RDD作为一个分布式不可变的数据集合，它提供的转换操作，很多是借鉴于Scala的集合框架提供的一些函数，因此，有必要对Scala的集合进行详细的了解   1. 泛型集合都是协变的，对于List而言，如果B是A的子类，那么List[B]也是List[A]的子类，即可以把List[B]的实例赋值给List[A]变量   2. 给变量赋值(注意val关键字，a，b
  • Nested Functions in C bookjovi cclosure
      Nested Functions 又称closure，属于functional language中的概念，一直以为C中是不支持closure的，现在看来我错了，不过C标准中是不支持的，而GCC支持。   既然GCC支持了closure，那么 lexical scoping自然也支持了，同时在C中label也是可以在nested functions中自由跳转的
  • Java-Collections Framework学习与总结-WeakHashMap BrokenDreams Collections
            总结这个类之前，首先看一下Java引用的相关知识。Java的引用分为四种：强引用、软引用、弱引用和虚引用。         强引用：就是常见的代码中的引用，如Object o = new Object();存在强引用的对象不会被垃圾收集
  • 读《研磨设计模式》-代码笔记-解释器模式-Interpret bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 解释器（Interpreter）模式的意图是可以按照自己定义的组合规则集合来组合可执行对象 * * 代码示例实现XML里面1.读取单个元素的值 2.读取单个属性的值 * 多
  • After Effects操作&快捷键 cherishLC After Effects
    1、快捷键官方文档 中文版：https://helpx.adobe.com/cn/after-effects/using/keyboard-shortcuts-reference.html 英文版：https://helpx.adobe.com/after-effects/using/keyboard-shortcuts-reference.html 2、常用快捷键
  • Maven 常用命令 crabdave maven
    Maven 常用命令   mvn archetype:generate mvn install mvn clean mvn clean complie mvn clean test mvn clean install mvn clean package mvn test mvn package mvn site   mvn dependency:res
  • shell bad substitution daizj shell脚本
    #!/bin/sh /data/script/common/run_cmd.exp 192.168.13.168 "impala-shell -islave4 -q 'insert OVERWRITE table imeis.${tableName} select ${selectFields}, ds, fnv_hash(concat(cast(ds as string), im
  • Java SE 第二讲（原生数据类型 Primitive Data Type） dcj3sjt126com java
    Java SE  第二讲： 1.   Windows: notepad, editplus, ultraedit, gvim Linux: vi, vim, gedit 2.   Java 中的数据类型分为两大类： 1）原生数据类型  （Primitive Data Type） 2）引用类型（对象类型）  （R
  • CGridView中实现批量删除 dcj3sjt126com PHPyii
    1，CGridView中的columns添加 array( 'selectableRows' => 2, 'footer' => '<button type="button" onclick="GetCheckbox();" style=&
  • Java中泛型的各种使用 dyy_gusi java泛型
    Java中的泛型的使用：1.普通的泛型使用 在使用类的时候后面的<>中的类型就是我们确定的类型。 public class MyClass1<T> {//此处定义的泛型是T private T var; public T getVar() { return var; } public void setVa
  • Web开发技术十年发展历程 gcq511120594 Web浏览器数据挖掘
    回顾web开发技术这十年发展历程： Ajax 03年的时候我上六年级，那时候网吧刚在小县城的角落萌生。传奇，大话西游第一代网游一时风靡。我抱着试一试的心态给了网吧老板两块钱想申请个号玩玩，然后接下来的一个小时我一直在，注，册，账，号。 彼时网吧用的512k的带宽，注册的时候，填了一堆信息，提交，页面跳转，嘣，”您填写的信息有误，请重填”。然后跳转回注册页面，以此循环。我现在时常想，如果当时a
  • openSession()与getCurrentSession()区别： hetongfei javaDAOHibernate
    来自 http://blog.csdn.net/dy511/article/details/6166134 1.getCurrentSession创建的session会和绑定到当前线程,而openSession不会。 2. getCurrentSession创建的线程会在事务回滚或事物提交后自动关闭,而openSession必须手动关闭。 这里getCurrentSession本地事务(本地
  • 第一章 安装Nginx+Lua开发环境 jinnianshilongnian nginxluaopenresty
    首先我们选择使用OpenResty，其是由Nginx核心加很多第三方模块组成，其最大的亮点是默认集成了Lua开发环境，使得Nginx可以作为一个Web Server使用。借助于Nginx的事件驱动模型和非阻塞IO，可以实现高性能的Web应用程序。而且OpenResty提供了大量组件如Mysql、Redis、Memcached等等，使在Nginx上开发Web应用更方便更简单。目前在京东如实时价格、秒
  • HSQLDB In-Process方式访问内存数据库 liyonghui160com
        HSQLDB一大特色就是能够在内存中建立数据库，当然它也能将这些内存数据库保存到文件中以便实现真正的持久化。   先睹为快！   下面是一个In-Process方式访问内存数据库的代码示例：     下面代码需要引入hsqldb.jar包 （hsqldb-2.2.8）   import java.s
  • Java线程的5个使用技巧 pda158 java数据结构
    Java线程有哪些不太为人所知的技巧与用法？ 　　萝卜白菜各有所爱。像我就喜欢Java。学无止境，这也是我喜欢它的一个原因。日常 工作中你所用到的工具，通常都有些你从来没有了解过的东西，比方说某个方法或者是一些有趣的用法。比如说线程。没错，就是线程。或者确切说是Thread这个类。当我们在构建高可扩展性系统的时候，通常会面临各种各样的并发编程的问题，不过我们现在所要讲的可能会略有不同。
  • 开发资源大整合：编程语言篇——JavaScript（1） shoothao JavaScript
    概述：本系列的资源整合来自于github中各个领域的大牛，来收藏你感兴趣的东西吧。     程序包管理器   管理javascript库并提供对这些库的快速使用与打包的服务。 Bower - 用于web的程序包管理。 component - 用于客户端的程序包管理，构建更好的web应用程序。 spm - 全新的静态的文件包管
  • 避免使用终结函数 vahoa.ma javajvmC++
    终结函数（finalizer）通常是不可预测的，常常也是很危险的，一般情况下不是必要的。使用终结函数会导致不稳定的行为、更差的性能，以及带来移植性问题。不要把终结函数当做C++中的析构函数（destructors）的对应物。       我自己总结了一下这一条的综合性结论是这样的： 1）在涉及使用资源，使用完毕后要释放资源的情形下，首先要用一个显示的方
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他