前端文章精選- 收藏集 - 掘金

Node.js fs 模組的檔案操作 API 介紹 - 前端 - 掘金
1.File System 模組概述 Node js的檔案I/O 是基於標準的POSIX系統的API的一個封裝,所有的方法都...

基於 Nodejs 的爬蟲 - 可以自定義抓取糗事百科的內容 - 前端 - 掘金
抓取糗百熱門內容, 可以自定義配置抓取頁面數量和內容型別 起步 安裝 node 環...

[簡譯] 外國大廠對 node.js 工程師的建議 - 後端 - 掘金
原視訊地址： https://www.youtube.com/watch?v=gePCzPTEXSU 你對 node.js 初學者你有什麼建議. Wyatt Preul Joyent 產品工程師 不要一開始就依賴 npm 上的模組, 嘗試自己從頭實...

我是如何用 React 實現一個電子書閱讀器的（一） - 前端 - 掘金
線上地址：ireader.liumin.me github開源地址：https://github.com/liumin1128/ireader (￣▽￣)~*先宣告哈，API來自追書神器...

javascript 開發植物大戰殭屍 - 前端 - 掘金
簡介 這是我給社團學弟寫的一個小demo，一個簡易版植物大戰殭屍，基本上涉及了不少簡單而且重要的小知識，對學習前端入門應該還是有些幫助的，現在我帶大家來分析分析這個小demo ...

深入 JavaScript，從物件開始 - 前端 - 掘金
入坑前端開發有一段時間了，面對形形色色的JavaScript優秀框架，到底該選擇那一款呢？最近在使用Vue.js寫一款markdown編輯器外掛(mavonEditor)的時候，遇到了各種各樣的問題，而導致這些問題的根本原因不是Vue.js，而是JavaScr...

python 爬蟲之 BeautifulSoup - 後端 - 掘金
簡介 Beautiful Soup提供一些簡單的、python式的函式用來處理導航、搜尋、修改分析樹等功能。它是一個工具箱，通過解析文件為使用者提供需要抓取的資料，因為簡單，所以不需要多少程式碼就可以寫出一個完整的應用程式。Beautif...

強大的 Angular 表單驗證 - 前端 - 掘金
Angular 支援非常強大的內建表單驗證，maxlength、minlength、required 以及 pattern。使用 Angular 的內建表單校驗能夠完成絕大多數的業務場景的校驗需求，但有時我們還需要實現更為複雜的表單校驗功能，這時可以使用 An...

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

jsonp 跨域請求詳解——從繁至簡 - 前端 - 掘金
什麼是jsonp？為什麼要用jsonp?JSONP(JSON with Padding)是JSON的一種“使用模式”，可用於解決主流瀏覽器的跨域資料訪問的問題。由於同源策略，一般來說位於 server1.example.com 的網頁無法與不是 server1...

跨域——CORS 詳解 - 前端 - 掘金
CORS（Cross-origin resource sharing） “跨域資源共享” 在出現CORS標準之前， 我們還只能通過jsonp（jsonp跨域請求詳解）的形式去向“跨源”伺服器去傳送 XMLHttpRequest 請求，這種方式吃力不討好，在請...

如何優雅安全地在深層資料結構中取值 - 掘金
古有趙子龍面對“衝鋒之勢，有進無退，陷陣之志，有死無生”的局面，能萬軍叢中取敵將首級。在我們的Javascript中，往往用物件（Object）來儲存一個資料結構。如果這個結構非常複雜，那麼想要安全優雅地取出一個值，也並非簡單。 這篇文章將會詳細闡述在一個巢狀...

基於 Angular 的單元測試：（一）測試環境搭建 - 前端 - 掘金
一直以來都是拿到一個新專案，瞭解完整的需求後開發。現在公司要嘗試新的開發模式，先寫測試程式碼，再寫開發程式碼。按個人理解，其實測試程式碼就是我們平時寫的需求文件，只不過現在是以程式碼的方式來規範和要求。 開發模式轉變：（以前）需求 -> 開發 ， （現在）測試...

Vue高效UI元件庫—iView開發實踐 - 掘金
前段時間在微軟參加活動，分享了 TalkingData 開源的基於 Vue.js 的高效 UI 元件庫 iView 的一些開發經驗，現整理成文，和大家探討。本文首發於掘金，轉載請註明出處和作者。 GitHub：https://github.com/iview...

webpack 進階 - 前端 - 掘金
內容目錄： 配置分離 code splitting 非同步載入 理解 webpack chunk webpack 除錯 ...

前端效能監控：window.performance - 前端 - 掘金
window.performance 是W3C效能小組引入的新的API，目前IE9以上的瀏覽器都支援。一個performance物件的完整結構如下圖所示： memory欄位代表JavaScript對記憶體的佔用。 naviga...

JavaScript 資料型別檢測的四種方式 - 前端 - 掘金
一、typeof console.log(typeof 12); // number var str = 'iceman'; console.log(typeof str); // string 使用typeof檢測資料型別，首先返回的都是一個字串，其次字元...

vue2 全家桶 demo - 前端 - 掘金
使用vue-cli最新版構建的基於vue2的demo，用到技術有vue2,vue-router2,vuex2,axios, 做這個東西是因為有夥伴...

2016 年 Node.js 十大文章 - 後端 - 掘金
本文轉載自：眾成翻譯 譯者：dainiel 連結：http://www.zcfy.cc/article/2201 原文：https://blog.risingstack.com/10-most-important-node-js-...

編寫 Node.js Rest API 的 10 個最佳實踐 - 前端 - 掘金
全文共 6953 字，讀完需 8 分鐘，速讀需 2 分鐘。翻譯自：RingStack 的文章 10 Best Practices for Writing Node.js REST APIs | @RisingStack，英文好的同學可以直接閱讀原文，譯文較原文...

字符集和字元編碼 - 閱讀 - 掘金
歷史與淵源： 當計算機由美國人發明後，當時設計到字元輸入，由於是英文字元，通過收集整理。他們形成了標準的ASCII碼(128) 字符集。8位，首位為0。由於不斷普及，歐洲西方國家相應使用，發現有些特殊字元它們不能表示，如：λφ等。如是出來想法，...

揭祕 jQuery - 前端 - 掘金
jQuery原始碼分析 前言 有時候我在想jQuery為什麼可以直接$操作，可以擁有比原生js更便利的DOM操作，而且只要你想就可以直接鏈式操作下去 核心框架 揭開一萬多行程式碼的jQuery核心程式碼： (function(window, undefined) {...

談談對 Web 安全的理解 - 前端 - 掘金
作為一個前端 er，掌握必要的網路安全知識是必要，下面我整理了幾種常見的網路攻擊方式及防禦技巧，本文內容來自網路，僅供參考。 CSRF 攻擊 CSRF(Cross-site request forgery), 中文名稱：跨站請求偽造，也被稱為：one clic...

學習javascript資料結構與演算法(六)——圖 - 掘金
前言 本文是博主深感演算法方面的不足，作的一系列讀書筆記和原始碼分析。原文地址：學習javascript資料結構與演算法（六）——圖，覺得有用的話可以給個star，謝謝啦。作者:wengjq 1、 圖 圖是網路結構的抽象模型。圖是一組由邊連線的節點，任何二元關係都可...

技術 | 閱讀原始碼讓你的前端技術棧視野進階 - 前端 - 掘金
前面寫了兩篇文章分別從閱讀，保持競爭力來闡述如何學習的問題，若你還未閱讀過，那麼在閱讀此篇文章時最好先閱讀一下： 技術 | 前端工程師該如何保持競爭力 觀點 | 獲取專業知識的正確姿勢 今天，我想說一說自己從原始碼上收穫的一些感悟，對於自己的前端技術...