摘要:上传图片本地预览功能静态方法会创建一个,其中包含一个表示参数中给出的对象的。这个的生命周期和创建它的窗口中的绑定。这个新的对象表示指定的对象或对象。是对数组中每一项运行给定函数,如果该函数对任一项返回,则返回。
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,c16、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/5d3edad9f265da03a652f13323、JavaScript定义函数的几种方式
function foo(){ //code }
const foo = () => { //code }
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 方法会返回一个新数组
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/106336.html
摘要:举个例子比如非著名程序员推送了一篇好的文章,不要收藏到微信收藏里,直接用一键收藏到云端,到了公司或者有时间的时候,打开去学习,自己去写一个类似的东西,只有在自己亲手写代码的时候,才会知道遇到哪些坑,如果光看是不行的。 showImg(https://segmentfault.com/img/bVvHmU); 自从运营了公众号以来,应该说分享了不少的技术干货和人生感悟,也应该帮助了不少程...
摘要:经验少的程序员小猿同学毕业工作一年了,在公司感觉自己的能力很好了,能力大于老板给的价值了,所以想要涨工资,但是老板给涨的不够理想,小猿听说跳槽可以让自己的工资翻倍,毅然决然的就辞职了,决定重新找工作。 又到了一周一次的周末心灵鸡汤的时间了,希望大家能够痛痛快快的喝了这碗鸡汤,让这酸爽的感觉使你永生难忘。哈哈……这周又有几个人,尤其是毕业生在「非著名程序员」微信公众号里私聊我关于找不到工...
阅读 2853·2019-08-30 15:55
阅读 1935·2019-08-30 14:02
阅读 1170·2019-08-29 15:23
阅读 968·2019-08-29 11:27
阅读 413·2019-08-26 11:43
阅读 3155·2019-08-26 10:32
阅读 1196·2019-08-23 14:41
阅读 3265·2019-08-23 14:41