原创 前端快來！最火的 Vue.js 開源項目出爐

近日，Mybridge 對 Github 上將近 250 個 Vue.js 開源項目進行了排名，並從中挑選出了 Top 10，幫助開發者找到最好的Vue.js開源項目 1.vue-storefront https://github.com/

2018-11-22 22:00:28 1

原创 你不曾知道的JavaScript 內置對象解讀

摘要：JavaScript 是面向對象的編程語言 (OOP)。OOP 語言使我們有能力自定義對象和變量類型。（事實上，只是基於對象的，並不完全具備面向對象的語言的三大特性[封裝、繼承、多態]）。在高級 JavaScript 的部分會講解如何

2018-11-22 20:18:36

原创 CSS 佈局經典問題初步整理

CSS 定位問題 主要就是經典的絕對定位，相對定位問題。 10個文檔學佈局：通過十個例子講解佈局，主要涉及相對佈局，絕對佈局，浮動。 百度前端學院筆記 – 理解絕對定位：文章本身一般，幾篇參考文獻比較詳細 HTML和CSS高級指南之二——

2018-11-21 22:26:04

原创 前端實現文件下載和拖拽上傳

需求 頁面中增加下載示例按鈕 實現一塊區域能夠拖拽上傳word文件，限制文件大小2MB和文件類型，能顯示進度條，同時支持取消上傳。 文件下載 業務中要求的是示例放在靜態文件夾中，並不需要請求後臺。針對這種場景，筆者將介紹三種方法，分別是

2018-11-21 21:59:43 1

原创 GitHub上最熱門的十大Vue.js項目

在過去的一個月裏，Mybridge從將近150個Vue.js開源項目中精選出十個熱門項目，旨在幫助開發者找到自己需要的Vue.js開源項目 上榜開源項目所獲得Star數平均爲：268 涉及的領域包括：系統設計，移動組件，圖像過濾器，圖表，N

2018-11-21 16:39:33 2

原创 移動端優化篇

減少資源大小可以加快網頁顯示速度，所以要對 HTML 、 CSS 、 JavaScript 等進行代碼壓縮，並在服務器端設置 GZip GZip 2.3 無阻塞 寫在 HTML 頭部的 JavaScript （無異步），和寫在 HTML 

2018-11-20 22:25:08

原创 基於Vue+Electron構建桌面應用程序實踐

Electron 是由 GitHub 開發的開源庫，用於構建擁有 HTML、CSS 和 JavaScript 的跨平臺桌面應用程序。Electron 通過把 Chromium 和 Node.js 組合到一個運行時來實現這一點，並且可以爲 M

2018-11-20 20:59:00

原创 使用 React 與 Vue 創建同一款 App，差別究竟有多大？

衆所周知，Vue 和 React 都是目前非常著名的前端框架。我在工作中經常使用 Vue，因此我對它有很深入的瞭解。同時，我也對 React 充滿了好奇，想要學習一下，一探究竟。 於是我閱讀了 React 文檔並觀看了一些視頻教程，雖然這

2018-11-20 17:48:50

原创 如何創建高性能、可擴展的Node.js應用？

在這篇文章中，我們將介紹關於開發 Node.js web 應用程序的一些最佳實踐，重點關注效率和性能，以便用更少的資源獲得最佳結果。 提高 web 應用程序吞吐量的一種方法是對其進行擴展，多次實例化其以平衡在多個實例之間的傳入連接，接來下我

2018-11-19 17:27:04

原创 深入理解JavaScript的設計模式

使用適當的設計模式可以幫助你編寫更好、更易於理解的代碼。這樣的代碼也更容易維護。但是，重要的是不要過度使用它們。在使用設計模式之前，你應該仔細考慮你的問題是否符合設計模式。 當你開始一個新的項目時，你不會立即開始編碼。你必須定義項目的目的

2018-11-19 16:57:35

原创 專訪Vue作者尤雨溪：Vue CLI 3.0重構的原因

1、爲什麼要對 Vue CLI 進行大規模修改？ 尤雨溪認爲舊版本的 Vue CLI 本質上只是從 GitHub 拉取模版，這種拉模版的方式有幾個問題： （1） 在單個模版裏面同時支持太多選項會導致模版本身變得極其複雜和難以維護，而提供

2018-11-19 16:26:35

原创 webpack4配置詳解

//方式一：單文件寫法 entry: { index: './src/pages/route.js', //about: './src/pages/about.js', //other:()=>{...} } //

2018-11-18 22:26:40 2

原创 2018年，最經典的26個JavaScript面試題和答案！

根據 Stack Overflow 的 2018 年度調查，JavaScript 連續六年成爲最常用的編程語言。所以我們必須面對這樣的現實，JavaScript 已經成爲全棧開發技能的基石，在全棧開發面試中都會不可避免地涉及到與 JavaS

2018-11-18 22:16:06

原创 [譯] Netflix 的 Web 性能案例研究

提綱：Web 性能優化沒有銀彈。簡單的靜態網頁得益於使用極少 JavaScript 代碼的服務端渲染。庫的謹慎使用可以爲複雜的頁面帶來巨大的價值。 Netflix 是最受歡迎的視頻流服務之一。自 2016 年在全球推出以來，公司發現許多新

2018-11-18 16:36:00

原创 HTML5之新增的元素和廢除的元素 （聲明：內容節選自《HTML 5從入門到精通》）

section元素 section元素定義文檔或應用程序中的一個區段,比如章節、頁眉、頁腳或文檔中的其他部分。它可以與h1,h2,h3,h4,h5,h6元素結合起來使用，標示文檔結構。 HTML5中代碼示例： <section>…</sec

2018-11-16 22:35:11