平时工作和学习中遇到的知识点（2）

bladefury 发布于2019-08-26 10:32 / 3043人阅读

摘要：上传图片本地预览功能静态方法会创建一个，其中包含一个表示参数中给出的对象的。这个的生命周期和创建它的窗口中的绑定。这个新的对象表示指定的对象或对象。是对数组中每一项运行给定函数，如果该函数对任一项返回，则返回。

13、meta标签的用法




















http://www.alenqi.site/2018/03/04/complete-tags/

14、随机生成的加密字符串库（crypto-random-string）

$ npm install crypto-random-string //安装命令

const cryptoRandomString = require("crypto-random-string");
 
cryptoRandomString({length: 10});
//=> "2cf05d94db"
 
cryptoRandomString({length: 10, type: "base64"});
//=> "YMiMbaQl6I"
 
cryptoRandomString({length: 10, type: "url-safe"});
//=> "YN-tqc8pOw"
 
cryptoRandomString({length: 10, characters: "1234567890"});
//=> "1791935639"

15、浏览器的微观任务和宏观任务

    //宏观任务是浏览器宿主api发起的任务 例：setTimeout
    //微观任务 JavaScript引擎发起的任务 例：promise
    //每个宏观任务都有一个微观任务队列
    //promise会加到宏观任务的最后
    
    var r = new Promise(function(resolve, reject){
        console.log("a");
        resolve()
    });
    r.then(() => console.log("c"));
    console.log("b")
    //a,b,c

16、lodash库

  Lodash 通过降低 array、number、objects、string 等等的使用难度从而让 JavaScript 变得更简单。 Lodash 的模块化方法 非常适用于：

  遍历 array、object 和 string
  对值进行操作和检测
  创建符合功能的函数
  
  // Load the full build.
  var _ = require("lodash");
  // Load the core build.
  var _ = require("lodash/core");
  // Load the FP build for immutable auto-curried iteratee-first data-last methods.
  var fp = require("lodash/fp");
   
  // Load method categories.
  var array = require("lodash/array");
  var object = require("lodash/fp/object");
   
  // Cherry-pick methods for smaller browserify/rollup/webpack bundles.
  var at = require("lodash/at");
  var curryN = require("lodash/fp/curryN");

17、小练习

题目：我们现在要实现一个红绿灯，
把一个圆形 div 按照绿色 3 秒，
黄色 1 秒，红色 2 秒循环改变背景色
fuction sleep(duration){
    return new Promise((resove,reject) =>{
        setTimeout(resove,duration)
    })
}
sleep(2000).then(function(){
    
})

18、上下文的概念

JavaScript 标准把一段代码（包括函数），
执行所需的所有信息定义为：“执行上下文”。

19、上传图片本地预览功能

  uploadChange(file) {
    console.log(file)
    let blobUrl
    try {
      blobUrl = URL.createObjectURL(file.raw)
    } catch (err) {
      console.error("[Element Error][Upload]", err)
    }
    console.log(blobUrl)
  },
  

URL.createObjectURL() 静态方法会创建一个 DOMString，
其中包含一个表示参数中给出的对象的URL。
这个 URL 的生命周期和创建它的窗口中的 document 绑定。
这个新的URL 对象表示指定的 File 对象或 Blob 对象。

用 URL.revokeObjectURL() 方法来释放内存

20、every和some方法

every()是对数组中每一项运行给定函数，
如果该函数对每一项返回true,则返回true。

some()是对数组中每一项运行给定函数，
如果该函数对任一项返回true，则返回true。

const tempData = [
  {
    id: 1,
    name: "rocker",
    adress: "US"
  },
  {
    id: 2,
    name: "rocker",
    adress: "US"
  },
  {
    id: 3,
    name: "rocker",
    adress: "US"
  }
];
let everyReturn = tempData.every((item, index) => {
  return item.id > 1;
});
let someReturn = tempData.some((item, index) => {
  return item.id > 2;
});

console.log(everyReturn);
//有一个是错的就返回 false 且的关系

console.log(someReturn);
//有一个是对的就返回 true 或的关系

21、npm

查看可用的npm源
nrm ls

// 用法： nrm use ***
nrm use taobao
// 切换之后可用 nrm ls查看是否已经切换了npm源

22、前端总结(github优质资源整理)

https://juejin.im/post/5d3edad9f265da03a652f133

23、JavaScript定义函数的几种方式

1、普通函数

function foo(){
    //code
}

2、箭头函数

const foo = () => {
    //code
}

3、class中定义的函数

class Rectangle {
  constructor(height, width) {
    this.height = height;
    this.width = width;
  }
}
//函数声明   会提升
//类声明     不会提升

24、讲个笑话

佩奇有天放学回家对妈妈抱怨说：同学们都说我长得像吹风机
妈妈平静的看着佩奇：说话就说话，你别拿嘴吹我

25、深拷贝

//方法1
JSON.parse(JSON.stringify())
//方法2 ES6
const arr1=[1,2,3];
const arr2=Array.from(arr1）
//方法3
用lodash的cloneDeep
//方法4  concat 方法会返回一个新数组

专线服务混合云在工作遇到 ddos 攻击你是如何解决的学习遗传算法遇到的问题学习java的基础知识云主机在我们工作中的应用

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

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

程序员平时该如何学习来提升自己的技术

摘要：举个例子比如非著名程序员推送了一篇好的文章，不要收藏到微信收藏里，直接用一键收藏到云端，到了公司或者有时间的时候，打开去学习，自己去写一个类似的东西，只有在自己亲手写代码的时候，才会知道遇到哪些坑，如果光看是不行的。 showImg(https://segmentfault.com/img/bVvHmU); 自从运营了公众号以来，应该说分享了不少的技术干货和人生感悟，也应该帮助了不少程...

Leck1e 2019-08-14 15:39 评论0 收藏0
程序员平时该如何学习来提升自己的技术

摘要：举个例子比如非著名程序员推送了一篇好的文章，不要收藏到微信收藏里，直接用一键收藏到云端，到了公司或者有时间的时候，打开去学习，自己去写一个类似的东西，只有在自己亲手写代码的时候，才会知道遇到哪些坑，如果光看是不行的。 showImg(https://segmentfault.com/img/bVvHmU); 自从运营了公众号以来，应该说分享了不少的技术干货和人生感悟，也应该帮助了不少程...

libin19890520 2019-06-25 15:20 评论0 收藏0
程序员平时该如何学习来提升自己的技术

摘要：举个例子比如非著名程序员推送了一篇好的文章，不要收藏到微信收藏里，直接用一键收藏到云端，到了公司或者有时间的时候，打开去学习，自己去写一个类似的东西，只有在自己亲手写代码的时候，才会知道遇到哪些坑，如果光看是不行的。 showImg(https://segmentfault.com/img/bVvHmU); 自从运营了公众号以来，应该说分享了不少的技术干货和人生感悟，也应该帮助了不少程...

Caizhenhao 2019-06-24 19:28 评论0 收藏0
程序员该如何有效的找工作?

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

BLUE 2019-08-14 15:47 评论0 收藏0
程序员该如何有效的找工作?

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

yimo 2019-06-25 15:24 评论0 收藏0