资讯专栏INFORMATION COLUMN

平时工作和学习中总结的一些知识点(1)

kaka / 1677人阅读

摘要:又是一个每个前端必知必会的状态,产生这个状态的前提是客户端本地已经有缓存的版本,并且在中告诉了服务端,当服务端通过时间或者,发现没有更新的时候,就会返回一个不含的状态。

1、有图片的页面等所有图片加载完毕再进行判断

    /*等所有图片加载完毕后再判断文本高度以设置置底方式
     *
     */
    $("#main").find("img").load(function() {
        imgs --;
        if (!imgs) {
            setFooterPos();
        };
    });

2、ajax post发送数据

      formData方式会自动把boolean类型的转化为string类型
      如果不让它转化,加上 contentType: "application/json; charset=utf-8" 
      数据序列化 JSON.stringify(link_data); 使之变成json形式传值

3、非常巧妙的数组去重办法

  const arr1 = [1, 2, 1, 2, 3, 5, 4, 5, 3, 4, 4, 4, 4];
  const arr2 = arr1.filter( (element, index, self) => { return self.indexOf( element ) === index; }); //核心行
  console.log( arr2 ); // [1, 2, 3, 5, 4] 
  console.log( arr1 ); // [1, 2, 1, 2, 3, 5, 4, 5, 3, 4, 4, 4, 4]

4、js实现剪切板功能

    var Url2 = ENV.INSURANCE_HOST + "/fl/" + row.flowId
    var oInput = document.createElement("input")
    oInput.value = Url2
    document.body.appendChild(oInput)
    oInput.select() // 选择对象
    document.execCommand("Copy") // 执行浏览器复制命令
    

5、0.1 + 0.2 等不等于0.3的正确比较方法

  console.log( Math.abs(0.1 + 0.2 - 0.3) <= Number.EPSILON);
  Number.EPSILON  number类型的最小精度
  Math.abs   返回绝对值的方法
  

6、判断数据类型的办法

 var symbolObject = (function(){ return this; }).call(Symbol("a"));
  console.log(typeof symbolObject); //object
  console.log(symbolObject instanceof Symbol); //true
  console.log(symbolObject.constructor == Symbol); //true
  

7、重要的按钮操作(如发送,创建)要给按钮添加去重操作
8、时间戳转换(传入13位)

  time(time = +new Date()) { 
    var date = new Date(time + 8 * 3600 * 1000) // 增加8小时
    return date
      .toJSON()
      .substr(0, 19)
      .replace("T", " ")
  },
  

9、原生js去除字符串空格

      String.prototype.trim=function(){
       return this.replace(/(^s*)|(s*$)/g, "");
      }

10、vue路由query问题

vue 路由query取出的参数为字符串类型 所以不要用true/false放到query的参数上

11、获取当天时间的 24:00

方法一:
      a = Date.now() + 1000 * 60 * 60 * 8
      a - (a % (1000 * 60 * 60 * 24)) -  (1000 * 60 * 60*8)    
      a % (1000 * 60 * 60 * 24)  //一整天的秒数
方法二:
      new Date("2019-5-17").getTime() //1558022400000
      用方法拼括号里的字符串

12、http的知识

从 HTTP 请求回来,就产生了流式的数据,后续的 DOM 树构建、CSS 计算、渲染、合成、绘制,都是尽可能地流式处理前一步的产出:即不需要等到上一步骤完全结束,就开始处理上一步的输出,这样我们在浏览网页时,才会看到逐步出现的页面。

304 又是一个每个前端必知必会的状态,产生这个状态的前提是:客户端本地已经有缓存的版本,并且在 Request 中告诉了服务端,当服务端通过时间或者 tag,发现没有更新的时候,就会返回一个不含 body 的 304 状态。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/105595.html

相关文章

  • 分享两个故事

    摘要:第一个故事前两天和写文档的小姑娘聊天。比如之前实施人员已经做了一个复杂的公式,但是是错误的,我先简化问题,只简单的合并两个单元格,而不考虑其他的因素。 第一个故事 前两天和写文档的小姑娘聊天。 她说写文档的效率提高了差不多近一倍。让我感到挺惊喜。 在此之前,一个项目负责人和说起最近文档的工作累计的比较多。 我比较疑惑,所有的项目都需要文档吗? 然后和负责人简单的聊了几句,大概了解了下...

    stackfing 评论0 收藏0
  • 2017暑期实习面试总结(前端方向)

    摘要:的暑期实习面试到现在差不多都结束了,算下来自己也投了十几家简历,经历的差不多十场笔试,现场和电话面试也差不多有五六家公司。阿里三面三面不知道是不是交叉面,不过这次面试面试官说他是北京的之前都是杭州。 2017的暑期实习面试到现在差不多都结束了,算下来自己也投了十几家简历,经历的差不多十场笔试,现场和电话面试也差不多有五六家公司。虽然最后只拿到两个offer,所幸是自己期待的公司,下面从...

    phoenixsky 评论0 收藏0
  • 2017暑期实习面试总结(前端方向)

    摘要:的暑期实习面试到现在差不多都结束了,算下来自己也投了十几家简历,经历的差不多十场笔试,现场和电话面试也差不多有五六家公司。阿里三面三面不知道是不是交叉面,不过这次面试面试官说他是北京的之前都是杭州。 2017的暑期实习面试到现在差不多都结束了,算下来自己也投了十几家简历,经历的差不多十场笔试,现场和电话面试也差不多有五六家公司。虽然最后只拿到两个offer,所幸是自己期待的公司,下面从...

    worldligang 评论0 收藏0
  • 程序员该如何有效工作?

    摘要:经验少的程序员小猿同学毕业工作一年了,在公司感觉自己的能力很好了,能力大于老板给的价值了,所以想要涨工资,但是老板给涨的不够理想,小猿听说跳槽可以让自己的工资翻倍,毅然决然的就辞职了,决定重新找工作。 又到了一周一次的周末心灵鸡汤的时间了,希望大家能够痛痛快快的喝了这碗鸡汤,让这酸爽的感觉使你永生难忘。哈哈……这周又有几个人,尤其是毕业生在「非著名程序员」微信公众号里私聊我关于找不到工...

    BLUE 评论0 收藏0
  • 程序员该如何有效工作?

    摘要:经验少的程序员小猿同学毕业工作一年了,在公司感觉自己的能力很好了,能力大于老板给的价值了,所以想要涨工资,但是老板给涨的不够理想,小猿听说跳槽可以让自己的工资翻倍,毅然决然的就辞职了,决定重新找工作。 又到了一周一次的周末心灵鸡汤的时间了,希望大家能够痛痛快快的喝了这碗鸡汤,让这酸爽的感觉使你永生难忘。哈哈……这周又有几个人,尤其是毕业生在「非著名程序员」微信公众号里私聊我关于找不到工...

    yimo 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<