摘要：很多人可能誤認(rèn)為資源跨域時(shí)無(wú)法請(qǐng)求，實(shí)質(zhì)上請(qǐng)求是可以正常發(fā)起的指通常情況下，部分瀏覽器存在部分特例，后端也可能正常進(jìn)行了處理，中文指南調(diào)試技巧指南前端掘金作者緝熙簡(jiǎn)介是推出的一個(gè)天挑戰(zhàn)。

深入 JavaScript，從對(duì)象開(kāi)始 - 前端 - 掘金
入坑前端開(kāi)發(fā)有一段時(shí)間了，面對(duì)形形色色的JavaScript優(yōu)秀框架，到底該選擇那一款呢？最近在使用Vue.js寫(xiě)一款markdown編輯器插件(mavonEditor)的時(shí)候，遇到了各種各樣的問(wèn)題，而導(dǎo)致這些問(wèn)題的根本原因不是Vue.js，而是JavaScr...

【深度長(zhǎng)文】JavaScript數(shù)組所有API全解密 - 掘金
本文首發(fā)于CSDN網(wǎng)站，下面的版本又經(jīng)過(guò)進(jìn)一步的修訂。 關(guān)于 我的博客：louis blog SF專(zhuān)欄：路易斯前端深度課 原文鏈接：【深度長(zhǎng)文】JavaScript數(shù)組全解密 全文共13k+字，系統(tǒng)講解了JavaScript數(shù)組的各種特性和API。 數(shù)組是...

該死的 IEEE-754 浮點(diǎn)數(shù)，說(shuō)「約」就「約」，你的底線(xiàn)呢？以 JS 的名義來(lái)好好查查你 - 前端 - 掘金
IEEE 754 表示：你盡管抓狂、罵娘，但你能完全避開(kāi)我，算我輸。 一、IEEE-754浮點(diǎn)數(shù)捅出的那些婁子 首先我們還是來(lái)看幾個(gè)簡(jiǎn)單的問(wèn)題，能說(shuō)出每一個(gè)問(wèn)題的細(xì)節(jié)的話(huà)就可以跳過(guò)了，而...

《JavaScript設(shè)計(jì)模式與開(kāi)發(fā)實(shí)踐》閱讀摘要 - 掘金
《JavaScript設(shè)計(jì)模式與開(kāi)發(fā)實(shí)踐》作者：曾探 系統(tǒng)的介紹了各種模式，以及js中的實(shí)現(xiàn)、應(yīng)用，以及超大量高質(zhì)量代碼，絕對(duì)值得一讀 面向?qū)ο蟮膉s 靜態(tài)類(lèi)型：編譯時(shí)便已確定變量的類(lèi)型 優(yōu)點(diǎn)： 編譯時(shí)就能發(fā)現(xiàn)類(lèi)型不匹配的錯(cuò)誤，編輯器可以幫助我們提前避免程序...

Vue + ElementUI 后臺(tái)管理系統(tǒng)項(xiàng)目心得（一） - 掘金
最近參與了公司的 Vue + ElementUI 后臺(tái)管理系統(tǒng)開(kāi)發(fā)，目前項(xiàng)目告一段落，正好做一個(gè)總結(jié)。 本文件分三部分進(jìn)行，其一是 JavaScript 部分，其二是 Vue 部分，最后是 ElementUI 部分。 一、對(duì)JavaScript的理解 1. 如...

全面解讀Math對(duì)象及位運(yùn)算 - 掘金
Math方法和位運(yùn)算幾乎是被忽略得最嚴(yán)重的知識(shí)點(diǎn), 和正則一樣, 不用不知道, 一用到處查. 為了告別這種低效的編程模式, 我特地總結(jié)此篇, 系統(tǒng)梳理了這兩個(gè)知識(shí)點(diǎn). 以此為冊(cè), 助你攻破它們. 原文: http://louiszhai.github.io/2...

適用于 vue.js 和原生 js 的漸進(jìn)式圖片加載 - 前端 - 掘金
知乎和 Medium 都用了 progressive image （漸進(jìn)式圖片加載），用低分辨率的模糊圖片來(lái)做預(yù)覽圖，代替以前懶加載圖片時(shí)用的 logo 占位圖。預(yù)覽圖大小也在平均 2KB~3KB 之間，雖然 cdn 流量上有所增加，但用戶(hù)體驗(yàn)卻非常好。 ...

JS 對(duì)象的深拷貝和淺拷貝 - 前端 - 掘金
JS的數(shù)據(jù)類(lèi)型可以分為兩種：基本數(shù)據(jù)類(lèi)型和引用數(shù)據(jù)類(lèi)型。 我們?cè)趯?duì)數(shù)據(jù)進(jìn)行復(fù)制的時(shí)候，如果這個(gè)數(shù)據(jù)是基本的數(shù)據(jù)類(lèi)型，那么很好辦，直接賦值就好，如果在使用JavaScript對(duì)數(shù)組或?qū)ο筮M(jìn)行操作的時(shí)候，我們經(jīng)常需要將數(shù)組或?qū)ο筮M(jìn)行備份，事...

Pointfree 編程風(fēng)格指南 - 前端 - 掘金
本文要回答一個(gè)很重要的問(wèn)題：函數(shù)式編程有什么用？ 目前，主流的編程語(yǔ)言都不是函數(shù)式的，已經(jīng)能夠滿(mǎn)足需求。為何還要學(xué)函數(shù)式編程呢，只為了多理解一些新奇的概念？ 一個(gè)網(wǎng)友說(shuō)： "函數(shù)式編程有什么優(yōu)勢(shì)呢？" "我感覺(jué)，這種寫(xiě)法可能會(huì)令人頭痛吧。"...

正則表達(dá)式前端使用手冊(cè) - 前端 - 掘金
導(dǎo)讀 你有沒(méi)有在搜索文本的時(shí)候絞盡腦汁, 試了一個(gè)又一個(gè)表達(dá)式, 還是不行. 你有沒(méi)有在表單驗(yàn)證的時(shí)候, 只是做做樣子(只要不為空就好), 然后燒香拜佛, 虔誠(chéng)祈禱, 千萬(wàn)不要出錯(cuò). 你有沒(méi)有在使用sed 和 grep 命令的時(shí)候, 感...

淺析 JS 模塊規(guī)范：AMD 和 CMD - 前端 - 掘金
在了解AMD，CMD規(guī)范前，我們先來(lái)簡(jiǎn)單地了解下什么是模塊？ 簡(jiǎn)單的說(shuō)，一個(gè)模塊就是實(shí)現(xiàn)特定功能的文件，有了模塊，我們就可以更方便地使用別人的代碼，想要什么功能，就加載什么模塊。當(dāng)然，模塊開(kāi)發(fā)需要遵循一定的規(guī)范，否則各用各的就會(huì)亂套了。 目前，常用的JS模...

前端常見(jiàn)算法的 JS 實(shí)現(xiàn) - 前端 - 掘金
原文鏈接 排序算法 1、冒泡排序 function bubbleSort(arr){ var i = j = 0; for(i=1; i

詳解 Javascript十大常用設(shè)計(jì)模式 - 前端 - 掘金
一：理解工廠(chǎng)模式 ? ?工廠(chǎng)模式類(lèi)似于現(xiàn)實(shí)生活中的工廠(chǎng)可以產(chǎn)生大量相似的商品，去做同樣的事情，實(shí)現(xiàn)同樣的效果;這時(shí)候需要使用工廠(chǎng)模式。 ? ?簡(jiǎn)單的工廠(chǎng)模式可以理解為解決多個(gè)相似的問(wèn)題;這也是她的優(yōu)點(diǎn);比如如下代碼：&...

JavaScript 常用 API 集合 - 前端 - 掘金
一、節(jié)點(diǎn) 1.1 節(jié)點(diǎn)屬性 Node.nodeName //返回節(jié)點(diǎn)名稱(chēng)，只讀 Node.nodeType //返回節(jié)點(diǎn)類(lèi)型的常數(shù)值，只讀 Node.nodeValue //返回Text或Comment節(jié)點(diǎn)的文本值，只讀 Node.textConte...

(譯) 前端指南 - 前端 - 掘金
前端指南漢化 寫(xiě)在前面的話(huà) 本文原文是一篇來(lái)自Github上@bendc的6,539星的文章,在此聲明，原作者保有所有權(quán)利，本文僅供技術(shù)探討學(xué)習(xí)。 作者:@bendc 原文:https://github.com...

JS 中常見(jiàn)排序算法詳解 - 前端 - 掘金
本文將詳細(xì)介紹在JavaScript中算法的用法，配合動(dòng)圖生動(dòng)形象的讓你以最快的方法學(xué)習(xí)算法的原理以及在需求場(chǎng)景中的用途。 有句話(huà)怎么說(shuō)來(lái)著： 雷鋒推倒雷峰塔，Java implement...

不要過(guò)度依賴(lài) JQuery（二） - 前端 - 掘金
為什么說(shuō)不要過(guò)度依賴(lài)JQuery呢？從項(xiàng)目方面來(lái)講，一些項(xiàng)目在開(kāi)發(fā)中實(shí)際用到JQuery內(nèi)置功能不多，這樣會(huì)造成項(xiàng)目臃腫；另一方面，目前的主流已經(jīng)傾向于原生開(kāi)發(fā)。 而在之前一篇《不要過(guò)度依賴(lài)JQuery（一）》一文中已經(jīng)介紹了部分使用原生JavaScript...

擼一個(gè)網(wǎng)頁(yè)聊天室 - 前端 - 掘金
一些廢話(huà):) 最近在學(xué)校比較閑，終于有這么一塊時(shí)間可以自由支配了，所以?xún)?nèi)心還是十分的酸爽舒暢的。當(dāng)然了，罪惡的事情也是有的，比如已經(jīng)連續(xù)一周沒(méi)有吃早飯了，其實(shí)現(xiàn)在回頭想想，真的不能怪我啊，因?yàn)樽罱奶鞖鈱?shí)在是太！冷！了！好吧為了減少賴(lài)床的罪惡感...

TypeScript 入門(mén)教程 - 前端 - 掘金
原名《From JavaScript to TypeScript》，寓意此書(shū)的作者并不是 TypeScript 的專(zhuān)家，而是一個(gè)新手。希望分享學(xué)習(xí)的過(guò)程，幫助大家更容易的理解 TypeScript。 關(guān)于本書(shū) 在線(xiàn)閱讀（部署在 GitBook 上，...

原生 JS 與 jQuery 操作 DOM 對(duì)比 - 前端 - 掘金
一、創(chuàng)建元素節(jié)點(diǎn) 1.1 原生JS創(chuàng)建元素節(jié)點(diǎn) document.createElement("p"); 1.2 jQuery創(chuàng)建元素節(jié)點(diǎn) $(...

前端 Ajax 跨域請(qǐng)求方案沙里淘金 - 前端 - 掘金

所謂跨域 跨域是一種瀏覽器同源安全策略，也即瀏覽器單方面限制腳本的跨域訪(fǎng)問(wèn)。很多人可能誤認(rèn)為資源跨域時(shí)無(wú)法請(qǐng)求，實(shí)質(zhì)上請(qǐng)求是可以正常發(fā)起的（指通常情況下，部分瀏覽器存在部分特例），后端也可能正常進(jìn)行了處理，...

JavaScript30 中文指南 - 09 Console 調(diào)試技巧指南 - 前端 - 掘金
作者：?緝熙Soyaine 簡(jiǎn)介：JavaScript30 是 Wes Bos 推出的一個(gè) 30 天挑戰(zhàn)。項(xiàng)目免費(fèi)提供了 30 個(gè)視頻教程、30 個(gè)挑戰(zhàn)的起始文檔和 30 個(gè)挑戰(zhàn)解決方案源代碼。目的是幫助人們用純 ...

濃縮解讀《JavaScript 設(shè)計(jì)模式與開(kāi)發(fā)實(shí)踐》① - 前端 - 掘金
f2deb48f8c5494ee6870cfaf2af5e0fe99257e32.jpg 面向?qū)ο蟮腏avaScript 1.1 動(dòng)態(tài)類(lèi)型...

JavaScript30 中文指南 - 07 Array 基本操作指南二 - 前端 - 掘金
作者：?緝熙Soyaine 簡(jiǎn)介：JavaScript30 是 Wes Bos 推出的一個(gè) 30 天挑戰(zhàn)。項(xiàng)目免費(fèi)提供了 30 個(gè)視頻教程、30 個(gè)挑戰(zhàn)的起始文檔和 30 個(gè)挑戰(zhàn)解決方案源代碼。目的是幫助人們用純 ...

深入認(rèn)識(shí) Document - 前端 - 掘金
前端開(kāi)發(fā)中或多或少都要對(duì)DOM進(jìn)行一些操作，比如我們常用的一些方法：document.getElementById("");document.querySelectorAll("");document.getElementsByClassName();docu...