摘要：跨域請(qǐng)求詳解從繁至簡(jiǎn)前端掘金什么是為什么要用是的一種使用模式，可用于解決主流瀏覽器的跨域數(shù)據(jù)訪問(wèn)的問(wèn)題。異步編程入門(mén)道典型的面試題前端掘金在界中，開(kāi)發(fā)人員的需求量一直居高不下。

jsonp 跨域請(qǐng)求詳解——從繁至簡(jiǎn) - 前端 - 掘金
什么是jsonp？為什么要用jsonp?JSONP(JSON with Padding)是JSON的一種“使用模式”，可用于解決主流瀏覽器的跨域數(shù)據(jù)訪問(wèn)的問(wèn)題。由于同源策略，一般來(lái)說(shuō)位于 server1.example.com 的網(wǎng)頁(yè)無(wú)法與不是 server1...

HTML5 進(jìn)階系列：拖放 API 實(shí)現(xiàn)拖放排序 - 掘金
前言 HTML5 中提供了直接拖放的 API，極大的方便我們實(shí)現(xiàn)拖放效果，不需要去寫(xiě)一大堆的 js，只需要通過(guò)監(jiān)聽(tīng)元素的拖放事件就能實(shí)現(xiàn)各種拖放功能。 想要拖放某個(gè)元素，必須設(shè)置該元素的 draggable 屬性為 true，當(dāng)該屬性為 false 時(shí)，將不允...

騰訊 IVWEB 團(tuán)隊(duì) :Canvas 實(shí)現(xiàn) progress 效果 - 掘金
騰訊云技術(shù)社區(qū)-掘金主頁(yè)持續(xù)為大家呈現(xiàn)云計(jì)算技術(shù)文章，歡迎大家關(guān)注！ 作者：梁偉盛 據(jù)說(shuō)本貴族圈每月不分享就邀請(qǐng)雪糕。。。所以分享下一個(gè)簡(jiǎn)單的Canvas插件 Canvas元素是HTML5的一部分，允許腳本語(yǔ)言動(dòng)態(tài)渲染位圖像，你可以使用javascr...

JavaScript 深入之 call 和 apply 的模擬實(shí)現(xiàn) - 掘金
JavaScript深入系列第十篇，通過(guò)call和apply的模擬實(shí)現(xiàn)，帶你揭開(kāi)call和apply改變this的真相 call 一句話介紹call： call()方法在使用一個(gè)指定的this值和若干個(gè)指定的參數(shù)值的前提下調(diào)用某個(gè)函數(shù)或方法。 舉個(gè)例子：...

JavaScript對(duì)象的的創(chuàng)建及屬性狀態(tài)維護(hù)詳解 - 掘金
在說(shuō)屬性之前，我們先來(lái)了解一下ES5的新方法,Object.create()函數(shù)。 新的對(duì)象創(chuàng)建方法 在舊的“原型繼承”觀念中，它的本質(zhì)上是“復(fù)制原型”，即：以原型為模板復(fù)制一個(gè)新的對(duì)象。然而我們應(yīng)該注意到一點(diǎn)事實(shí)：在這個(gè)思路上，“構(gòu)造器函數(shù)”本身是無(wú)意義的。...

聽(tīng)說(shuō)、你會(huì)用 call、apply 和 bind？ - 前端 - 掘金
如題...

從 event loop 規(guī)范探究 javaScript 異步及瀏覽器更新渲染時(shí)機(jī) - 前端 - 掘金
作者：楊敬卓 轉(zhuǎn)載請(qǐng)注明出處 異步的思考 event loops隱藏得比較深，很多人對(duì)它很陌生。但提起異步，相信每個(gè)人都知道。異步背后的“靠山”就是event loops。這里的異步準(zhǔn)確的說(shuō)應(yīng)該叫瀏覽器的event loops或者說(shuō)是javaScript運(yùn)行環(huán)...

知乎日?qǐng)?bào) API 分析（無(wú)需跨域精簡(jiǎn)版） - 前端 - 掘金
自己用 electron 開(kāi)發(fā)知乎日?qǐng)?bào)桌面客戶(hù)端的時(shí)候遇到的跨域問(wèn)題，將它解決的同時(shí)也造福下大家~...

深入 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...

可能遇到假的面試題：不用 call 和 apply 方法模擬實(shí)現(xiàn) ES5 的 bind 方法 - 前端 - 掘金
來(lái)自朋友去某信用卡管家的做的一道面試題，用原生 JavaScript 模擬 ES5 的 bind 方法，不準(zhǔn)用 call 和 bind 方法。...

跨域——CORS 詳解 - 前端 - 掘金
CORS（Cross-origin resource sharing） “跨域資源共享” 在出現(xiàn)CORS標(biāo)準(zhǔn)之前， 我們還只能通過(guò)jsonp（jsonp跨域請(qǐng)求詳解）的形式去向“跨源”服務(wù)器去發(fā)送 XMLHttpRequest 請(qǐng)求，這種方式吃力不討好，在請(qǐng)...

你真的知道JS嗎 - 掘金
你真的知道JavaScript嗎 ????JavaScript是一門(mén)奇怪的語(yǔ)言，要真正掌握并不容易。廢話不多說(shuō)，來(lái)一個(gè)快速測(cè)試，5道題目，看看你對(duì)JavaScript是否真正掌握。準(zhǔn)備好了嗎？開(kāi)始咯? 題目 No....

this 與 JavaScript 中的四種調(diào)用模式 - 前端 - 掘金
this 與 JavaScript 中的四種調(diào)用模式...

HTML5 進(jìn)階系列：indexedDB 數(shù)據(jù)庫(kù) - 掘金
前言 在 HTML5 的本地存儲(chǔ)中，有一種叫 indexedDB 的數(shù)據(jù)庫(kù)，該數(shù)據(jù)庫(kù)是一種存儲(chǔ)在客戶(hù)端本地的 NoSQL 數(shù)據(jù)庫(kù)，它可以存儲(chǔ)大量的數(shù)據(jù)。從上篇：HTML5 進(jìn)階系列：web Storage ，我們知道 web Storage 可以方便靈活的在本...

JavaScript深入之閉包 - 掘金
JavaScript深入系列第八篇，介紹理論上的閉包和實(shí)踐上的閉包，以及從作用域鏈的角度解析經(jīng)典的閉包題。 定義 MDN對(duì)閉包的定義為： 閉包是指那些能夠訪問(wèn)自由變量的函數(shù)。 那什么是自由變量呢？ 自由變量是指在函數(shù)中使用的，但既不是函數(shù)參數(shù)也不是函數(shù)...

Service worker 介紹 - 前端 - 掘金
原文：Service workers explained 譯者：neal1991 welcome to star m...

從 Chrome 源碼看 JS Object 的實(shí)現(xiàn) - 閱讀 - 掘金
看到這個(gè)題目，可能有些人會(huì)覺(jué)得奇怪——Object不是JS的基本數(shù)據(jù)類(lèi)型么，有什么實(shí)現(xiàn)不實(shí)現(xiàn)的呢？如果你這么想的話，說(shuō)明你沒(méi)有接觸過(guò)其它語(yǔ)言，一直都是在和JS打交道，編程世界那么大，你沒(méi)有出去看一看。C/C++/Java等語(yǔ)言是沒(méi)有這種json的數(shù)據(jù)類(lèi)型的，其...

js 函數(shù)常見(jiàn)的寫(xiě)法以及調(diào)用方法 - 前端 - 掘金
寫(xiě)在前面：本文詳細(xì)的介紹了5中js函數(shù)常見(jiàn)的寫(xiě)法以及調(diào)用的方法，平時(shí)看別人代碼的時(shí)候總是看到各種不同風(fēng)格的js函數(shù)的寫(xiě)法。不明不白的，找了點(diǎn)資料，做了個(gè)總結(jié)，需要的小伙伴可以看看，做個(gè)參考。1.常規(guī)寫(xiě)法（最常見(jiàn)的那種） //函數(shù)的寫(xiě)法 function run...

JavaScript 對(duì)象的深淺復(fù)制 - 前端 - 掘金
博客原文地址：Claiyre的個(gè)人博客 https://claiyre.github.io/博客園地址：http://www.cnblogs.com/nuannu...如需轉(zhuǎn)載，請(qǐng)?jiān)谖恼麻_(kāi)頭注明原文地址 前言 從層次上來(lái)看，對(duì)象的復(fù)制可以簡(jiǎn)...

[JS 原生對(duì)象 Date 和 HTML 標(biāo)簽 input[type="datetime"] 的坑 - 前端 - 掘金](https://juejin.im/entry/58df5...
今天接到了一個(gè)需求，在某個(gè)頁(yè)面內(nèi)用戶(hù)選擇一個(gè)DateTime后，服務(wù)端保存這個(gè)DateTime，當(dāng)用戶(hù)再次進(jìn)入這個(gè)頁(yè)面，直接顯示之前選擇的DateTime（如果服務(wù)端沒(méi)有返回，則直接顯示當(dāng)前DateTime）。 這個(gè)需求聽(tīng)起來(lái)并沒(méi)有什么難度，于是就風(fēng)風(fēng)火火開(kāi)始...

使用 GreenSock 來(lái)制作有趣的 SVG 動(dòng)畫(huà) - 前端 - 掘金
最近從Dribbble shot 看到@thorstenbeeck發(fā)布的一個(gè)設(shè)計(jì)效果圖得到靈感。根據(jù)這個(gè)設(shè)計(jì)，使用GreenSock這個(gè)動(dòng)畫(huà)平臺(tái)實(shí)現(xiàn)了一個(gè)SVG的動(dòng)畫(huà)效果，下面就來(lái)聊聊我是怎么實(shí)現(xiàn)這個(gè)動(dòng)畫(huà)效果的。 GreenSock ...

js中的閉包 - 掘金
在上一篇文章“執(zhí)行環(huán)境和作用域”中，我試著梳理了執(zhí)行環(huán)境和作用域的關(guān)系。但實(shí)際上，文章中并沒(méi)有提到作用域，而是介紹了執(zhí)行環(huán)境和作用域鏈。這里先把上篇文章的坑填了。 上篇文章的最后，我提了一個(gè)問(wèn)題。這里把代碼稍微修改下，如下： var name = "windo...

扒一扒隨機(jī)數(shù)（Random Number）的誕生歷史 - 掘金
作者：Alon Zakai 編譯：胡子大哈 翻譯原文：http://huziketang.com/blog/po... 英文原文：A Brief History of Random...

apply、call 的區(qū)別和用途 - 前端 - 掘金
作為一個(gè)前端程序媛，在提升學(xué)習(xí)的道路上，不可避免的與apply和call相遇了。之前由于它倆出鏡率有點(diǎn)低，都靜靜的擦肩而過(guò)了！今天不小心被它倆的魅力所吸引，加上本小姐心情好，就讓我們好好的相識(shí)一下吧O(∩_∩)O~ ECAMScript 3給Functio...

JS 進(jìn)階篇: 這可能是關(guān)于閉包最好的一篇文章 - 前端 - 掘金
原諒我把標(biāo)題起的像搞個(gè)大新聞的樣子~ 每次下午打完球之后，晚上的學(xué)習(xí)總是提不起什么精神，趁著看不下新知識(shí)的空，把前兩天總結(jié)的知識(shí)發(fā)出來(lái)給大家參考參考，挺多是摘抄的，也有一些是自己寫(xiě)的，如果有什么錯(cuò)誤的，敬請(qǐng)指正！ ...

前端基礎(chǔ)進(jìn)階：面向?qū)ο髮?shí)戰(zhàn)之封裝拖拽對(duì)象 - 前端 - 掘金
終于 前面幾篇文章，我跟大家分享了JavaScript的一些基礎(chǔ)知識(shí)，這篇文章，將會(huì)進(jìn)入第一個(gè)實(shí)戰(zhàn)環(huán)節(jié)：利用前面幾章的所涉及到的知識(shí)，封裝一個(gè)拖拽對(duì)象。為了能夠幫助大家了解更多的方式與進(jìn)行對(duì)比，我會(huì)使用三種不同...

Ajax 知識(shí)體系大梳理 - 掘金
這是一篇萬(wàn)字長(zhǎng)文, 系統(tǒng)梳理了ajax相關(guān)的知識(shí)體系, 幾乎囊括了所有ajax的知識(shí)點(diǎn). 原文: http://louiszhai.github.io/20... 導(dǎo)讀 Ajax 全稱(chēng) Asynchronous JavaScript an...

異步與回調(diào)的設(shè)計(jì)哲學(xué) - 掘金
本文的例子用 JavaScript 語(yǔ)法給出，希望讀者至少有使用過(guò) Promise 的經(jīng)驗(yàn)，如果用過(guò) async/await 則更好，對(duì)于客戶(hù)端的開(kāi)發(fā)者，我相信語(yǔ)法不是閱讀的瓶頸，思維才是，因此也可以了解一下異步編程模型的演變過(guò)程。 異步編程入門(mén) CPS CP...

10 道典型的 JavaScript 面試題 - 前端 - 掘金
在IT界中，JavaScript開(kāi)發(fā)人員的需求量一直居高不下。如果你的能力能夠勝任這一角色，那么你有很多機(jī)會(huì)換一家公司，并提高薪水。但在你被一家公司聘用之前，你必須展示你的技能，以通過(guò)面試環(huán)節(jié)。在本文中，我將向您展示10個(gè) JavaScript 技能典型問(wèn)題以...