摘要:上傳圖片本地預覽功能靜態(tài)方法會創(chuàng)建一個,其中包含一個表示參數中給出的對象的。這個的生命周期和創(chuàng)建它的窗口中的綁定。這個新的對象表示指定的對象或對象。是對數組中每一項運行給定函數,如果該函數對任一項返回,則返回。
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發(fā)起的任務 例:setTimeout //微觀任務 JavaScript引擎發(fā)起的任務 例: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 對值進行操作和檢測 創(chuàng)建符合功能的函數 // 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 秒循環(huán)改變背景色 fuction sleep(duration){ return new Promise((resove,reject) =>{ setTimeout(resove,duration) }) } sleep(2000).then(function(){ })18、上下文的概念
JavaScript 標準把一段代碼(包括函數), 執(zhí)行所需的所有信息定義為:“執(zhí)行上下文”。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() 靜態(tài)方法會創(chuàng)建一個 DOMString, 其中包含一個表示參數中給出的對象的URL。 這個 URL 的生命周期和創(chuàng)建它的窗口中的 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優(yōu)質資源整理)
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 方法會返回一個新數組
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/106336.html
摘要:舉個例子比如非著名程序員推送了一篇好的文章,不要收藏到微信收藏里,直接用一鍵收藏到云端,到了公司或者有時間的時候,打開去學習,自己去寫一個類似的東西,只有在自己親手寫代碼的時候,才會知道遇到哪些坑,如果光看是不行的。 showImg(https://segmentfault.com/img/bVvHmU); 自從運營了公眾號以來,應該說分享了不少的技術干貨和人生感悟,也應該幫助了不少程...
摘要:經驗少的程序員小猿同學畢業(yè)工作一年了,在公司感覺自己的能力很好了,能力大于老板給的價值了,所以想要漲工資,但是老板給漲的不夠理想,小猿聽說跳槽可以讓自己的工資翻倍,毅然決然的就辭職了,決定重新找工作。 又到了一周一次的周末心靈雞湯的時間了,希望大家能夠痛痛快快的喝了這碗雞湯,讓這酸爽的感覺使你永生難忘。哈哈……這周又有幾個人,尤其是畢業(yè)生在「非著名程序員」微信公眾號里私聊我關于找不到工...
閱讀 2897·2019-08-30 15:55
閱讀 2005·2019-08-30 14:02
閱讀 1241·2019-08-29 15:23
閱讀 1010·2019-08-29 11:27
閱讀 463·2019-08-26 11:43
閱讀 3194·2019-08-26 10:32
閱讀 1256·2019-08-23 14:41
閱讀 3303·2019-08-23 14:41