摘要：本文是面向前端小白的，大手子可以跳過，寫的不好之處多多分鐘搞定常用基礎(chǔ)知識(shí)前端掘金基礎(chǔ)智商劃重點(diǎn)在實(shí)際開發(fā)中，已經(jīng)非常普及了。

JavaScript字符串所有API全解密 - 掘金
關(guān)于 我的博客：louis blog SF專欄：路易斯前端深度課 原文鏈接：JavaScript字符串所有API全解密 本文近 6k 字，讀完需 10 分鐘。 字符串作為基本的信息交流的橋梁，幾乎被所有的編程語言所實(shí)現(xiàn)（然而c、c++沒有提供）。多數(shù)開發(fā)者...

什么是 URI、URL、URN、URC 和 Data URI？ - 前端 - 掘金
什么是URI、URL、URN、URC和Data URI？ 概念及區(qū)別 luyuqiang， HTTP， 翻譯， 3周前 前言 不知道大家有沒有電話撥號(hào)通過"貓"上網(wǎng)的經(jīng)歷，那時(shí)測(cè)試網(wǎng)絡(luò)是否連接，最好的方式就是打開瀏覽器輸入： ...

This 其實(shí)不難，通過實(shí)例全面解析 JS 中的 This - 前端 - 掘金
this的指向問題應(yīng)該是讓每一個(gè)前端er都頭疼的問題，我也一樣，曾經(jīng)遇到甚至都是一頓亂猜。最近在研讀一些書籍如《你不知道的JavaScript》和《JavaScript語言精粹與編程實(shí)踐》，讓我對(duì)this的問題豁然開朗。故寫下此篇文章，分享一下我的心得。 隱...

Https 詳解 - 前端 - 掘金
Convinced from spending hours reading rave reviews, Bob eagerly clicked “Proceed to Checkout” for his gallon of Tuscan Who...

從網(wǎng)絡(luò)鏈路到跨域問題 - 掘金
首先，得知道什么是域。 再首先，得先知道Web服務(wù)從訪問到收到數(shù)據(jù)并展現(xiàn)這個(gè)過程發(fā)生了什么。 IP 注：下文中 網(wǎng)絡(luò)空間 = TCP/IP網(wǎng)絡(luò)空間， IP = IP地址 IP本身是Internet Protocol的縮寫，是一種為了計(jì)算機(jī)相互連接通信而產(chǎn)生的協(xié)...

「理解 HTTP」之常見的狀態(tài)碼 - 前端 - 掘金
狀態(tài)碼的職責(zé)是當(dāng)客戶端向服務(wù)器端發(fā)送請(qǐng)求時(shí)，描述返回請(qǐng)求結(jié)果。借助狀態(tài)碼，用戶可以知道服務(wù)器端是正常處理了請(qǐng)求，還是出現(xiàn)了什么錯(cuò)誤。 RFC2616定義的狀態(tài)碼，由3位數(shù)字和原因短信組成。數(shù)字中的第一位指定了響應(yīng)類別，后兩位無分類。響應(yīng)類別有以下5種： T...

Web Service 概念梳理 - 前端 - 掘金
計(jì)算機(jī)技術(shù)難理解的很多，Web Service 對(duì)我來說就是一個(gè)很難理解的概念；為了弄清它到底是什么，我花費(fèi)了兩周的時(shí)間，總算有了一些收獲，參考了不少網(wǎng)上的資料，但有些概念說法不一。我以w3c和 一些早期介紹Web Service的書為準(zhǔn)。如有錯(cuò)誤，歡迎指正！...

(譯) 前端攻略 - 從路人甲到英雄無敵二：JavaScript 與不斷演化的框架 - 閱讀 - 掘金
本文翻譯自FreeCodeCamp的from-zero-to-front-end-hero-part。 繼續(xù)譯者的廢話，這篇文章是前端攻略-從路人甲到英雄無敵的下半部分，在上半篇中介紹了HTML與CSS的基礎(chǔ)知識(shí)，在這里就主要介紹JavaScript與各種各...

JavaScript 奇技淫巧 44 招 - 前端 - 掘金
JavaScript是一個(gè)絕冠全球的編程語言，可用于Web開發(fā)、移動(dòng)應(yīng)用開發(fā)（PhoneGap、Appcelerator）、服務(wù)器端開發(fā)（Node.js和Wakanda）等等。JavaScript還是很多新手踏入編程世界的第一個(gè)語言。既可以用來顯示瀏覽器中的簡...

JavaScript 中的定時(shí)控制 - Throttle、Debounce、Immediate 的 API 實(shí)現(xiàn) - 前端 - 掘金
在上一篇文章中，我們研究了一些技術(shù)用來函數(shù)的定時(shí)控制（回調(diào)），在特定事件發(fā)生時(shí)觸發(fā)。這些技術(shù)是： Throttle Debounce Immediate 在這篇文章中，我們將看到這些技術(shù)如何以高階函數(shù)的形式實(shí)現(xiàn)通用的API。 我們首先看看 Debounce...

Css3 之關(guān)鍵幀應(yīng)用 - 前端 - 掘金
Css3 之關(guān)鍵幀應(yīng)用...

JavaScript 的性能優(yōu)化：加載和執(zhí)行 - 前端 - 掘金
文章目錄 概覽 ...

干貨 | 原來你是這樣的 setTimeout - 前端 - 掘金
作者：田小虎（滬江Web前端開發(fā)工程師） 本文為原創(chuàng)文章，有不當(dāng)?shù)牡胤綒g迎指出。轉(zhuǎn)載請(qǐng)指明出處。 其實(shí)說起JavaScript中的定時(shí)器(Timer)中的?setTimeout()?方法，從事開發(fā)的同學(xué)想必都不會(huì)陌生，覺得這些東...

談一談 JavaScript 繼承 - 前端 - 掘金
最近在復(fù)習(xí)一些JavaScript基礎(chǔ)的東西，碰到j(luò)s的原型和繼承這一塊總是感覺不悟其中精髓。因此，這篇文章算是從我自己理解的角度對(duì)js繼承進(jìn)行總結(jié)和剖析。 什么是繼承 大多數(shù)人使用繼承不外乎是為了獲得...

為什么我放棄 Gulp 和 Grunt 而使用 npm Scripts - 前端 - 掘金
我知道你在想什么。 什么？！Gulp不是剛剛干掉了Grunt嗎？ 為什么我們不能在Javascript的地盤上消停一會(huì)兒呢？我知道，但是… 我發(fā)現(xiàn)Gulp和Grunt是沒有必要的抽象，npm Script 已經(jīng)足夠強(qiáng)大，并且通常更好用。 讓我們從一個(gè)例子開始 ...

一篇文章讓你了解 service-worker - 前端 - 掘金
Service Worker 是什么？ service worker 是獨(dú)立于當(dāng)前頁面的一段運(yùn)行在瀏覽器后臺(tái)進(jìn)程里的腳本。 service worker不需要用戶打開 web 頁面，也不需要其他交互，異步地運(yùn)行在一個(gè)完全獨(dú)立的上下文環(huán)境，不會(huì)對(duì)主線程造成阻塞。...

深入理解 JavaScript 中的作用域和上下文 - 前端 - 掘金
在本教程中，我們將深入學(xué)習(xí) JavaScript 中作用域(Scope)的一切。 所以，來吧。 介紹 JavaScript中有一個(gè)被稱為作用域(Scope)的特性。雖然對(duì)于許多新手開發(fā)者來說，作用域的概念并不是很容易理解，我會(huì)盡我所能用最簡單的方式來解釋作用域...

移動(dòng)前端不得不了解的 HTML5 head 頭標(biāo)簽（2016 最新版） - 前端 - 掘金
HTML的頭部內(nèi)容特別多，有針對(duì)SEO的頭部信息，也有針對(duì)移動(dòng)設(shè)備的頭部信息。而且各個(gè)瀏覽器內(nèi)核以及各個(gè)國內(nèi)瀏覽器廠商都有些自己的標(biāo)簽元素,有很多差異性。移動(dòng)端的工作已經(jīng)越來越成為前端工作的重要內(nèi)容，除了平常的項(xiàng)目開發(fā)，HTML 頭部標(biāo)簽功能，特別是meta，...

HTML 不能這么寫、你造嗎？ - 前端 - 掘金
目錄 a標(biāo)簽不可以嵌套交互式元素 塊級(jí)元素可以包含內(nèi)聯(lián)元素和某些塊級(jí)元素，內(nèi)聯(lián)元素不能包含塊級(jí)元素，只能包含內(nèi)聯(lián)元素 p標(biāo)簽不能包含塊級(jí)元素 ...

(干貨)css自定義 range radio select的樣式滑輪，按鈕，選擇框 - 掘金
寫在前面： 之前踩坑css的時(shí)候，遇到滑輪，按鈕，選擇框這類型的東西，為了頁面效果，總是需要自定義他們的樣式，而不使用他們的默認(rèn)樣式。當(dāng)時(shí)寫的時(shí)候，我也是蠻頭疼的，弄了個(gè)demo，鏈接在下面。對(duì)此做個(gè)總結(jié)。本文是面向前端小白的，大手子可以跳過，寫的不好之處多多...

30 分鐘搞定 ES6 常用基礎(chǔ)知識(shí) - 前端 - 掘金
ES6基礎(chǔ)智商劃重點(diǎn) 在實(shí)際開發(fā)中，ES6已經(jīng)非常普及了。掌握ES6的知識(shí)變成了一種必須。盡管我們?cè)谑褂脮r(shí)仍然需要經(jīng)過babel編譯。 ES6徹底改變了前端的編碼風(fēng)格，可以說對(duì)于前端的影...

JavaScript 姿勢(shì)提升簡略 - 前端 - 掘金
原文鏈接 : Leveling Up Your JavaScript 譯文出自 : 掘金翻譯計(jì)劃 譯者 : Hikerpig 校對(duì)者: Nark Qi, JasinYip JavaScript 是一門入門容易，但是相當(dāng)難以精通的語言。可現(xiàn)今一些文章總假設(shè)...

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

WebSocket 是什么原理？為什么可以實(shí)現(xiàn)持久連接？ - 前端 - 掘金
額。。最高票答案沒答到點(diǎn)子上，最后怎么跑到Nodejs上去了。。Websocket只是協(xié)議而已。。我一個(gè)個(gè)來回答吧一、WebSocket是HTML5出的東西（協(xié)議），也就是說HTTP協(xié)議沒有變化，或者說沒關(guān)系，但HTTP是不支持持久連接的（長連接，循環(huán)連接的不...

爬蟲入門系列（一）：快速理解 HTTP 協(xié)議 - 掘金
4月份給自己挖一個(gè)爬蟲系列的坑，主要涉及HTTP 協(xié)議、正則表達(dá)式、爬蟲框架 Scrapy、消息隊(duì)列、數(shù)據(jù)庫等內(nèi)容。 爬蟲的基本原理是模擬瀏覽器進(jìn)行 HTTP 請(qǐng)求，理解 HTTP 協(xié)議是寫爬蟲的必備基礎(chǔ)，招聘網(wǎng)站的爬蟲崗位也赫然寫著熟練掌握HTTP協(xié)議規(guī)范...