前端工作常常会用到的一些经验技巧(二)

  • 为 json 添加 push 方法:

    var _json={};
    
    _json.push=function(o){
            if(typeof(o)==‘object‘) for(var p in o) this[p]=o[p];
        };
    
    // 使用方法 :
    
    var a = {"1":"a"};
    
    var b = {"2":"b"};
    
    _json.push(a);
    
    _json.push(a);
  • Jquery 判断 json 是否为空:

    $.isEmptyObject(_json)
    
    // 使用方法:
    
    var a = {},b={"a":"1"};
    
    $.isEmptyObject(a)    // true
    
    $.isEmptyObject(b)    // false
  • 为 Array 添加方法,判断数组中是否含有某元素:

    Array.prototype.contains = function(obj) {
      var i = this.length;
      while (i--) {
        if (this[i] === obj) {
          return true;
        }
      }
      return false;
    }
    
    // 使用方法
    
    var a = [a,b,c,d];
    
    a.contains(e)   // falsea.contains(b)  // true
  • 修改数组的 sort 函数,使其按照指定规则排序:(ps:原始的 sort 默认是按数组中元素的 ASCII 排序的)

    // 数组的排序比较函数 此为从小到大
    var compare = function (x, y) {
        if (x < y) {
            return -1;
        } else if (x > y) {
            return 1;
        } else {
            return 0;
        }
    }
    
    // 使用方法
    
    var a = [2,1,43,12,8];
    
    // 原始
    
    a.sort()                    //  1,12,2,43,8
    
    // 修改后
    
    a.sort(compare)     //  1,2,8,12,43
  • 未完待续....
时间: 2024-08-02 00:05:43

前端工作常常会用到的一些经验技巧(二)的相关文章

前端工作常常会用到的一些经验技巧

去除字符串所有空格 var ss=" fsd fsdaf 23 "; ss.replace(/[ ]/g,""); 去除a标签点击后的虚线边框 $('a').focus(function(){this.blur()}); 最简单的把字符串转换成数值: -0(不能 +0) var a = '123.45'; var b = a - 0; div中设置文字竖直居中方法: 单行文字居中使用line-height方法,将文本的line-height设为与容器的height相

工作碰上的技术问题及处理经验(二)

续上一篇随笔: https://www.cnblogs.com/kingstarer/p/8469016.html <工作碰上的技术问题及处理经验> 由于内容有很多空格,如果直接在正文粘贴,发表后空格会消失,导致版本看起来比较难看. 所以我把主要内容做为代码发表. 我觉得每天把工作碰上的问题做一个简单的笔记挺不错的,一来可以锻炼自己的表达能力,二来也方便自己以后复查,因为以后工作很可能再碰上同样的问题. 由于我每次记录笔记时,可能只是记录了关键字,而要发出来做为共享随笔,只有这些关键字肯定是不

移动前端工作的那些事---前端制作之微信小技巧篇

移动前端工作的那些事---前端制作之微信小技巧篇_WebApp赵海洋_新浪博客 移动前端工作的那些事---前端制作之微信小技巧篇 (2013-11-15 15:20:47) 转载▼移动前端工作的那些事---前端制作之微信小技巧篇,布布扣,bubuko.com

前端工作流程自动化——Grunt/Gulp 自动化

前端工作流程自动化--Grunt/Gulp 自动化 Grunt/Gulp 都是node.js下的模块,简单来说是自动化任务运行器,两者都有社区及大量的插件支撑,在所有的自动化工具领域里,这两者是最好的前端自动化构建工具. 那么问题来了,Grunt和Gulp到底哪家强?在回答这个问题前,先给大家看一组下面的数据: 再看看实现同样功能的配置代码: 作者本人之前一直使用Grunt来做自动化构建的,在Gulp出来后,经过一段时间的试用感觉配置比Grunt方便多了,如果你两者还没接触过,本人推荐直接使用G

移动前端工作的那些事---前端制作篇之meta标签篇

移动端前端制作有些地方不同于互联网,这篇主要讨论的是meta标签.meta标签位于head标签之间.是主要辅助HTML结构层的.meta标签不管在互联网前端还是在移动端都起了很重要的作用.这里只讨论移动端. 附上代码进行说明: <!DOCTYPE html><!--HTML5 doctype--> <html> <head> <title>xxx</title> <meta http-equiv="Content-ty

献给即将想从事前端工作的你们

时间过得很快,出来实习工作快两个月了,在这里,想跟大家分享自己的一些体会与经验. 还没出来工作之前,在学校就一直很想能快点出来工作,总以为工作能多学到很多在学校里学不到的东西.也确实如此,工作是可以学到很多,但我还是很想跟那些要从事IT的你们说,还没工作之前还是多学点东西,把基础打好.不要总想着出来工作后再学,到时你们会发现其实真的很吃力,压力会很大,公司是做事的地方,它每天都有你要完成的任务,每天有一定的工作量,也不要总想着工作中有人会一步步教你怎么做,上司可能只会跟你说一下大概的思路,他想你

起点没有选对,想找好的前端工作只能越找越累

一.到底什么才是一份好的前端工作? 自从开始做咨询,就不断有人问我:"老师,前端这个行业行业怎么样啊?有发展吗?"或者是:"老师,做IT,算不算一份好工作啊?"工作,是一个永恒的话题:没工作的人需要一份工作:有工作的人需要一份好工作:问题来了:"好工作",长什么样子呢?什么才算是一份好工作呢? 大多数人估计没想过这个费脑筋的问题:既然用感性的语言难以描述,干脆用一个全国通用指标:薪资,挣得多,就是好工作! 经常听到有学员说,一个月给我5万,让我天

3种精美Web前端搜索框展示(附源码)(二)

4.  CSS3响应式伸缩搜索框 能在支持 FireFox.Chrome.Safari.傲游.搜狗.360浏览器. 源码下载 /   在线演示 5.  css3带搜索框下拉菜单 源码下载 /   在线演示 6.  jQuery当乐网搜索下拉框 源码下载 /   在线演示 3种精美Web前端搜索框展示(附源码)(二)

移动前端系列——移动端页面坑与排坑技巧

移动前端系列——移动端页面坑与排坑技巧 In 网页重构 on 2014-12-08 20:21:19 by lyushine 对于前端开发者来说移动端存在更多的挑战,移动端页面开发过程中会碰到各种各样千奇百怪的问题(我们俗称BUG或坑),那么今天我为大家分享移动端页面开发过程中的一些坑和排坑技巧. 移动端页面在不同设备.不同操作系统 .不同运行环境下都可能造成各种各样的没有碰到过的的坑,相比曾经的IE6坑多了.下面先介绍一下4类具体常见的坑: 1.外观 A.页面高度渲染错误 在各移动端浏览器中经