摘要：責(zé)編現(xiàn)代化的方式開(kāi)發(fā)一個(gè)圖片上傳工具前端掘金對(duì)于圖片上傳，大家一定不陌生。之深入事件機(jī)制前端掘金事件綁定的方式原生的事件綁定方式有幾種想必有很多朋友說(shuō)種目前，在本人目前的研究中，只有兩種半兩種半還有半種的且聽(tīng)我道來(lái)。

Ajax 與數(shù)據(jù)傳輸 - 前端 - 掘金
背景 在沒(méi)有ajax之前，前端與后臺(tái)傳數(shù)據(jù)都是靠表單傳輸，使用表單的方法傳輸數(shù)據(jù)有一個(gè)比較大的問(wèn)題就是每次提交數(shù)據(jù)都會(huì)刷新頁(yè)面，用戶(hù)體驗(yàn)很不友好，解決方案有的是采用iframe，表單放在iframe中，不用刷新母頁(yè)面，有的是在j...

瀏覽器前端優(yōu)化 - 前端 - 掘金
原文：Optimising the front end for the browser筆記：涂鴉碼龍 優(yōu)化關(guān)乎速度和滿(mǎn)意度。 從用戶(hù)體驗(yàn)（UX）角度，我們希望前端網(wǎng)頁(yè)可以快速加載 ...

Web 學(xué)習(xí)之跨域問(wèn)題及解決方案 - 前端 - 掘金
在做前端開(kāi)發(fā)時(shí)，我們時(shí)常使用ajax與服務(wù)器通信獲取資源，享受ajax便利的同時(shí)，也知道它有限制：跨域安全限制，即同源策略。 同源策略（SOP）,核心是確保不同源提供的文件之間是相互獨(dú)立的 默認(rèn)情況下，XHR對(duì)象只能訪問(wèn)與包含它的頁(yè)面處于同一...

基于 Nodejs 的爬蟲(chóng) - 可以自定義抓取糗事百科的內(nèi)容 - 前端 - 掘金
抓取糗百熱門(mén)內(nèi)容, 可以自定義配置抓取頁(yè)面數(shù)量和內(nèi)容類(lèi)型 起步 安裝 node 環(huán)...

半小時(shí)入門(mén) Angular 2 - 前端 - 掘金
本文首發(fā)于由電子工業(yè)出版社出版《揭秘Angular 2》一書(shū)，基于第5章概覽改寫(xiě)。 作者簡(jiǎn)介：廣發(fā)證券互聯(lián)網(wǎng)金融技術(shù)團(tuán)隊(duì)，是Angular早期堅(jiān)定的踐行者。作為全新一代的證券業(yè) IT 研發(fā)組織，團(tuán)隊(duì)致力于用更新更好的技術(shù)打造行業(yè)方案、支持業(yè)務(wù)創(chuàng)新。 責(zé)編：...

現(xiàn)代化的方式開(kāi)發(fā)一個(gè)圖片上傳工具 - 前端 - 掘金
對(duì)于圖片上傳，大家一定不陌生。最近工作中遇到了關(guān)于圖片上傳的內(nèi)容，借此機(jī)會(huì)認(rèn)真研究了一番，遂一發(fā)不可收拾，最后琢磨了一個(gè)東西出來(lái)。在開(kāi)發(fā)的過(guò)程中有不少的體會(huì)，于是打算寫(xiě)一篇文章分享一下心得體會(huì)。本文將會(huì)以這個(gè)名為Dolu的項(xiàng)目為例子，一步步介紹我是如何進(jìn)行環(huán)境...

前端面試--四月二十家前端面試題分享 - 掘金
0.前言 免責(zé)聲明 若文章中內(nèi)容存在無(wú)法加載的情況，請(qǐng)移步作者其他博客。 簡(jiǎn)書(shū) CSDN 關(guān)于本文中出現(xiàn)的面試題，請(qǐng)勿詢(xún)問(wèn)具體公司。 之所以分享出來(lái)，只是作為熱愛(ài)前端的小伙伴們分享討論的一個(gè)話(huà)題。 請(qǐng)勿將本文用于不正當(dāng)用途。 請(qǐng)不要吐槽我為什么不給你...

開(kāi)源一個(gè) Vue.js + Node.js 的后臺(tái)管理系統(tǒng) - 前端 - 掘金
Vue Management System ...

前端 PS 切圖方法，圖文詳細(xì) - 掘金
寫(xiě)在前面：本文主要內(nèi)容是目前我所知道的切圖技巧結(jié)合網(wǎng)上的資料，寫(xiě)出來(lái)分享一波。圖文教程，多圖??！ BB：很多人都會(huì)說(shuō)，切圖這個(gè)活倒底分給UI還是分給前端。雖然好的UI會(huì)給我們把圖切好，但是他們切的圖不一定百分之百符合我們的需求，所以我一直都覺(jué)得這是頁(yè)面仔必須要...

正則表達(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í)候, 感...

一個(gè)非常適合入門(mén)學(xué)習(xí)的 React-Native 博客項(xiàng)目 - 前端 - 掘金
A react-native applaction for surmon.me 一個(gè)非常適合入門(mén)學(xué)習(xí)的react-native項(xiàng)目，代碼清晰、結(jié)構(gòu)合理 ...

免費(fèi)SSL證書(shū)Let’s Encrypt安裝使用教程 - 掘金
從去年開(kāi)始，互聯(lián)網(wǎng)圈子里推薦使用HTTPS的風(fēng)越刮越大，現(xiàn)在搞個(gè)網(wǎng)站不用HTTPS都不好意思提了，所以今天在自己的服務(wù)器上搞了一下Let’s Encrypt實(shí)現(xiàn)了HTTPS。下面總結(jié)一下安裝使用的過(guò)程，至于Let’s Encrypt是什么之類(lèi)的問(wèn)題這里就不提了...

30行js爬取頂點(diǎn)全網(wǎng)任意小說(shuō) - 掘金
之前連續(xù)多篇文章介紹客戶(hù)端爬取平臺(tái)(dspider)，今天我們從零開(kāi)始，實(shí)現(xiàn)爬取頂點(diǎn)小說(shuō)網(wǎng)任意一本小說(shuō)的功能。 如果你還不知道客戶(hù)端爬取，可以先看下我的前幾篇博客： 爬蟲(chóng)技術(shù)( 一) 一篇文章了解爬蟲(chóng)技術(shù)現(xiàn)狀 爬蟲(chóng)技術(shù)(二) 客戶(hù)端爬蟲(chóng) 爬蟲(chóng)技術(shù)(三)－客戶(hù)...

javascript 正則表達(dá)式總結(jié) - 前端 - 掘金
為什么要使用正則表達(dá)式 正則表達(dá)式通過(guò)由普通字符和特殊字符組成的文字模板完成對(duì)字符串的校驗(yàn)，搜索，替換。在javascript中類(lèi)似這樣 ...

執(zhí)行環(huán)境和作用域 - 掘金
執(zhí)行環(huán)境（也就是常說(shuō)的上下文）和作用域是js中很基礎(chǔ)也很重要的概念， 但在很多時(shí)候，特別是看其他的文檔的時(shí)候，卻容易混淆概念，這篇文章試著梳理下執(zhí)行環(huán)境和作用域的概念。 1、執(zhí)行環(huán)境 執(zhí)行環(huán)境定義了變量或函數(shù)有權(quán)訪問(wèn)的其他數(shù)據(jù)，決定了它們各自的行為。每個(gè)執(zhí)行環(huán)...

JavaScript 高級(jí)計(jì)時(shí)器 - 前端 - 掘金
概念 JavaScript的定時(shí)器不是線程，JavaScript是運(yùn)行于單線程的環(huán)境中的，而定時(shí)器僅僅只是計(jì)劃代碼在未來(lái)的某個(gè)時(shí)間執(zhí)行。 實(shí)際上，瀏覽器負(fù)責(zé)進(jìn)行排序，指派某段代碼在某個(gè)時(shí)間點(diǎn)運(yùn)行的優(yōu)先級(jí)。 JavaScript進(jìn)程線 可以想象Java...

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

js+nodejs完成文件上傳 - 掘金
原文: http://i.jakeyu.top/2017/01/10/表單文件上傳/作者: Jake FormData對(duì)象使用一些鍵值對(duì)來(lái)模擬一個(gè)完整的表單，然后使用ajax發(fā)送這個(gè)FormData對(duì)象，后端便可以拿到表單中上傳的文件。 前端處理 HTML代碼...

前端知識(shí)體系 知識(shí)結(jié)構(gòu) - 提綱版 - 前端 - 掘金
綜合類(lèi) 前端知識(shí)體系 前端知識(shí)結(jié)構(gòu) Web前端開(kāi)發(fā)大系概覽 Web前端開(kāi)發(fā)大系概覽-中文版 ...

5 款簡(jiǎn)約的求職簡(jiǎn)歷模板 - 工具資源 - 掘金
摘要：5款開(kāi)發(fā)者設(shè)計(jì)師求職簡(jiǎn)歷模板，包含PDF，psd，docx 等基本格式。可以根據(jù)排版樣式來(lái)開(kāi)拓思維，定制屬于自己的簡(jiǎn)歷模板。 Resume/CV - Bailey Resume/CV - Blake Resume/CV - Brice Resume...

寫(xiě)好你的JavaScript - 掘金
關(guān)于 微信公眾號(hào)：前端呼啦圈（Love-FED） 我的博客：勞卜的博客 知乎專(zhuān)欄：前端呼啦圈 前言 在實(shí)際工作中，我們應(yīng)該經(jīng)常會(huì)看到一些功能上沒(méi)有問(wèn)題，但編碼風(fēng)格和規(guī)范卻十分糟糕的代碼，這往往會(huì)讓人不敢再往下閱讀，甚至?xí)绊戦喿x者一天的心情。這些代碼不僅不...

常用插件總結(jié) - 前端 - 掘金
plugs 半年的時(shí)間，工作中對(duì)于框架的依賴(lài)越來(lái)越少，所以后面經(jīng)常自己封裝一些所需要用到的模塊或者插件。我這里只做了實(shí)現(xiàn)，至于在項(xiàng)目中如何去封裝，還要看具體框架、模塊機(jī)制來(lái)做，所以我這里只作為一個(gè)實(shí)現(xiàn)方式的參考。 ...

javascript 之 - 深入事件機(jī)制 - 前端 - 掘金
1.1 事件綁定的方式 原生js的事件綁定方式有幾種？想必有很多朋友說(shuō)3種！ 目前，在本人目前的研究中，只有兩種半！兩種半？還有半種的？且聽(tīng)我道來(lái)。 估計(jì)大家所認(rèn)為的三種大概是如下三種： // 第一種：直接綁定在dom上

• 上一篇：前端優(yōu)化 - 收藏集 - 掘金
• 下一篇：javasscript - 收藏集 - 掘金