我的前端开发之路---谨以记录工作中那些踩过的坑,持续更新中~~

1.node版本切换工具nvm使用

#查看所有的node版本
$nvm ls

#切换版本(本地为0.12.0)
$nvm use 0

#设置默认使用的node版本(例如0.12.0)
$nvm alias default 0.12.0

2.文本溢出显示省略标记(…)

css3属性text-overflow:ellipsis的用法

text-overflow:clip|ellipsis

clip: 当对象内文本溢出时不显示省略标记(…),而是将溢出的部分裁切掉。
ellipsis: 当对象内文本溢出时显示省略标记(…)。

在使用ellipsis的时候,必须配合overflow:hidden; white-space:nowrap; width:50%;共同使用才会有效果,width属性根据实际需要填写。

<style type="text/css">
.test{
    text-overflow:ellipsis; /*设置超出部分显示...*/
    overflow:hidden;
    white-space:nowrap;/*文本不换行*/
    width:150px;}
style>

<div class="test">关于产品的推广---关于产品的推广div>

3、JS实现字数限制,超出部分显示为省略号

if(Ext.getCmp("id").text.length >7){
  Ext.getCmp("id").setText(Ext.getCmp("id").text.substring(0,5)+"...");
}

4、函数式编程

  • filter()可以可以取出数组中符合条件的元素 重新组成一个新的数组

    var arr = [1, 2, 4, 5, 6];
    
    var newArr = arr.filter(function(item, index) {
     return item > 3;
    });
    console.log(newArr); //[4, 5, 6]
  • map()可以用来遍历一个数组中的所有元素

    var arr = [1, 2, 4, 5, 6];
    
    var newArr = arr.map(function(item, index) {
     return item * 2;
    });
    
    console.log(newArr); //[2, 4, 8, 10, 12]
  • forEach()

    var arr = [1, 2, 4, 5, 6];
    
    arr.forEach(function(item, index) {
     console.log(item); //1, 2, 4, 5, 6
    });
  • reduce()让数组中的前项和后项做某种计算,并累计最终值

    var arr = [1, 2, 4, 5, 6];
    
    var result = arr.reduce(function(prev, next) {
     return prev+next;
    });
    console.log(result); 
  • every()检测数组中的每一项是否符合条件

    var arr = [1, 2, 4, 5, 6];
    var result = arr.every(function(item,index) {
     return item > 0;
    });
    console.log(result); //全部满足才为true
  • some()检测数组中是否有某些项符合条件

    var arr = [1, 2, 4, 5, 6];
    
    var result = arr.some(function() {
     return item > 1;
    });
    console.log(result); //只要满足一个条件即为true

    5、countUp.js插件应用

    target = 目标元素的 ID;
    startVal = 开始值;
    endVal = 结束值;
    decimals = 小数位数,默认值是0;
    duration = 动画延迟秒数,默认值是2

    示例:

    var demo = new countUp("myTargetElement", 24.02, 94.62, 2, 2.5);
    demo.start();

    部分代码:

    
                        
                        

你可能感兴趣的:(工作总结)