前端開發教程

分享優秀web前端開發教程,共同學習精彩的web前端開發。

上次我分享過一篇JSON.stringify()妙用的文章,里面提到了JSON.stringify用于調試,數組去重,深拷貝和第二個參數作用等,今天這篇詳細的分析一下第二個參數和第三個參數妙用。

本文作者分享了JavaScript類型判斷的四種方法:1.typeof、2.instance of、3.Object.prototype.toString.call()、4.constructor,希望對你有所幫助。

是不是經常找不到可以學習的?項目,想學習沒處下手,來看看這個Github中文排行榜單吧。幫助你發現高分優秀中文項目、更高效地吸收國人的優秀經驗成果;榜單每周更新一次,敬請關注!

接下來我們講以下幾個方面:顯示數學、calc()的數學運算符、嵌套計算(calc())、CSS自定義屬性和calc()、瀏覽器兼容和一些用例。

TypeScript已經出來很久,Vue3 beta版也使用了TypeScript進行開發,那么你對TypeScript了解多少,一起來學習一下這個TypeScript入門課程吧。

前面我們分享過一篇:前端常用的60多種JavaScript工具方法,很多人覺得有用,今天再分享一篇類似的東西,如果文章和筆記能帶您一絲幫助或者啟發,請不要吝嗇你的贊和收藏,你的肯定是我前進的最大動力

本文分享50道基礎的JavaScript面試題,包含JavaScript作用域,this的用法,閉包,跨域等,希望對你有所幫助。

本文分享一些比較常用的CSS基礎知識,比如CSS盒子模型,css3有哪些新特性,BFC的概念和理解等,希望對你有所幫助。

極客時間上的好教程很多,本文列出了極客時間上跟前端開發相關的教程,同時還贈送199元極客時間大禮包。有需要可以去看看

本文主要介紹的是CSS字體font-family的正確選擇方案,由于設計稿和平臺的不同,導致了制作有時候無法還原設計稿,理清各種平臺字體區別,有助于做出最好的選擇。

這篇關于快應用的入門教程寫得太好了。官方的文檔很零散,分為了快應用指南和參考,我自己讀了幾天,還是沒有理出頭緒,分享這篇文章一起來看看快應用怎么入門。

關于 promise 的一種更優雅的寫法 async/await 中,await 只會出現在 async 函數中,我們使用?async/await?時,幾乎不需要?.then,因為?await?為我們處理等待;但是在代碼的頂層,當我們在?async?函數的外部時,我們在語法上是不能使用?await?的,所以通常添加?.then/catch?去處理最終結果或者 error。

MongoDB 是一個面向文檔存儲的數據庫,操作起來比較簡單和容易。
你可以在MongoDB記錄中設置任何屬性的索引 (如:FirstName="Sameer",Address="8 Gandhi Road")來實現更快的排序。
你可以通過本地或者網絡創建數據鏡像,這使得MongoDB有更強的擴展性。

自從CSS3有了Flex,從此布局是浮云,本文全面的講解了Flex布局的屬性,幫助你快速入門Flex布局,一起來看看這篇Flex布局入門教程。

reduce() 方法接收一個函數作為累加器,數組中的每個值(從左到右)開始縮減,最終計算為一個值。
reduce() 可以作為一個高階函數,用于函數的 compose。

js外部文件編碼由這些因素決定:1.如果Apache有DefaultCharset,則js文件解析用服務器指定的編碼;2.如果PHP header聲明charset為編碼utf-8,則文件編碼用utf-8來解析。3.如果以上兩個都為空,頁面編碼由meta標簽決定。4.如果以上聲明都沒有,則會使用utf-8來解析。5.如果頁面編碼為gbk,而js文件編碼為utf-8,則可以在js屬性中定義charset='utf-8'。

來自眾成翻譯的一篇:滑向未來(現代 JavaScript 與 CSS 滾動實現指南),里面解釋了現代前端中基于web標準的改善,各種流暢的滾動CSS和JavaScript代碼,這些特性將使你的頁面更平滑、美觀。

移動設備上,video的標準,Android和iOS有很多區別,另外還有很多各家瀏覽器特定的屬性,本文詳細講了video在移動端的實踐。

術語“區塊鏈”通常與交易、智能合約或加密貨幣等概念緊密相關。這使得理解區塊鏈是一項必然要艱巨的任務。特別是源碼級別的理解。在這里,我將介紹一個使用200行代碼實現的超級簡單的區塊鏈。

在學習JavaScript,或者前端面試中,有人會問你節流函數、防抖函數、遞歸函數等,本文分享了5個常見函數,希望對你有所幫助。

來自谷歌博客的一篇文章詳細的解釋了為什么Promise這么受歡迎、它用在哪些地方,具體的用法有哪些,怎么樣才能用好它。讀此文章,讓我徹底的深入了解了Promise的相關知識及其使用方法。

Promise我們可以理解為做了一個保證,做了這個保證不管成功resolve()還是失敗reject()都會告知我們———返回帶有最終結果或者拒絕原因 的Promise。

在這篇文章中,我旨在解釋為什么 Vue 適合我,為什么在上文中那些我嘗試過的框架中選擇它。也許你將同意我的一些觀點,但至少我希望能夠給大家使用 Vue 開發現代 JavaScript 應用一些靈感。

之前寫的文章:使用JavaScript判斷手機是處于橫屏還是豎屏,最近的一個項目需要判斷這個,但在chrome的調試模式中發現橫屏和豎屏使用上面的代碼并不能檢測到,所以我認真做了一些了解,本文分享一個合適的代碼來判斷橫屏和豎屏。

很早就使用jQuery的$.extend({},obj1,obj2)來合并兩個對象,原來jQuery的這個方法就是深度拷貝($.extend(true,{},obj1))和淺度拷貝的意思,這篇文章分享了 Underscore、lodash 和 jQuery 這些主流的第三方庫對于深度拷貝和淺度拷貝的實現與區分。

本文主要講了HTTP緩存機制有哪幾個,看看HTTP緩存是如何工作的。從而了解HTTP相關的緩存機制并充分的利用它。

cookie是存儲于訪問者計算機中的變量。每當同一臺計算機通過瀏覽器請求某個頁面時,就會發送這個cookie。你可以使用JavaScript來創建和取回cookie的值。