項目開發

基於 Vue 的 WebSocket 實時聊天實戰項目

一個基於vue的，從前端到後端構建的項目。能讓學到如何用，用到了vue全家桶，nodejs，經過webpack打包，圖靈機器人，websocket等前沿知識進行構建。讓你輕鬆學會搭建一個基於vue的全家桶項目。

一個先後端分離的簡單案例

使用 vuejs 和 express 實現先後端分離.

Vue 近階段學習總結

引言 隨着學習vue2.0的腳步加快，忽然之間感受本身的知識點有一些遺漏，爲了鞏固所學知識，同時也爲了查漏補缺， 以根據本身學習和作項目的狀況整理了我我的的vue技術棧，知識點梳理以下： 開發環境搭建 老話說的好‘工欲善其事，必先利其器’，在咱們程序員的世界裏要想開發出一款優秀的…

淺談前端線上部署與運維

說到前端部署，可能大多數前端工程師在工做中都是使用的公司現成的部署系統，與SRE對接、一塊兒完成前端的部署操做。若是我如今給你一臺新註冊的雲主機，那麼你應該怎麼作才能把一個前端工程部署到一臺雲主機上，成爲一個能夠訪問的網頁呢？今天咱們就來聊聊前端的部署~ 首先，一個前端工程要變成…

基於 vue + nuxt 打造 o2o 教育商城系統（觸屏版） 服務端渲染SSR

*本項目純屬我的練習項目，數據並不是真實，若有雷同，純屬巧合。

本項目是公司項目，公司的技術實現是 cakephp php的mvc框架，因爲cakephp view 模板ctp 和 html寫在同一 文件，前端部分（view）頁面慘不忍睹，難維護，效率低，溝通成本大，迫於無奈，奔着君子動手不動口的原則（全部的技術不是口頭上的，須要本身動手，踩坑，你才能夠成長），閒暇之餘 利用 vue + srr + node + mysql nginx代理 重構本項目，這樣既增強了對vue的學習認知，也很好的把vue和node結合，對於數據庫的選型，mysql，比較穩定，更通用，老牌值得信賴 ～～因爲時間並不充裕，功能實現可能的並不完美，我盡力按需求文檔實現～～～如今的頁面大概有20個左右，涉及註冊、登陸、課程列表、課程詳情、購物車、提交訂單、我的中心等等，

項目持續進行中~

學習設計模式之MVC、MVP、MVVM

認真學習了下廣義MVC模式下前端怎麼寫，狹義的MVC實際上是有一個變化過程：MVC MVP MVVM，網上看了不少的關於這方面的介紹，之前老是將視圖數據邏輯寫一個模塊，最近嘗試分開並用組件式的開發的方式...

基於 Vue.js 和 Node.js 支持服務端渲染的開源博客系統

支持服務端渲染,先後端分離,支持PWA,而且標題能夠動態切換,支持markdown編輯器,github風格代碼高亮,擁有歸檔和標籤功能,不錯的學習小案例

一步步帶你作vue後臺管理框架(二)——上手使用

閒扯再多不會用也沒白搭，這節課我來帶你們直接上手框架，體驗到簡單方便以後你就會愛上這個框架欲罷不能的。
首先跟全部的vue項目同樣，兩種方式，一種去項目github地址：vue-framework-wz上下載代碼包到本地，或者使用 不管哪一種方式，只要咱們可以拿到整個代碼包就…

mongodb+express+vue代碼實現掘金最熱文章收藏評論分析

剛把掘金最熱文章收藏評論分析的思路發出去後，就收到不少掘金好友的喜歡和閱讀，這也讓我更有信心把整個實現過程一步一步記錄下來，讓有興趣的前端童鞋也能夠熟悉先後端。雖然整個功能簡單，但也算實現了整個過程，但願能幫助前端的童鞋梳理一下本身的思路；之前也曾有過不少疑惑，數據庫怎麼和後端…

vue快速入門的三個小實例

用vue作項目也有一段時間了。可是關於vue入門基礎的文章，我尚未寫過，那麼今天就寫vue入門的三個小實例，這三個小實例是我剛接觸vue的時候的練手做品，難度從很簡單到簡單，都是入門級的。但願能幫到你們更好的學習和了解vue，也是讓本身可以複習一下vue。若是發現文章寫得有什…

使用 NodeJS+Express 開發服務端

本文是利用 NodeJS+Express 開發一個服務器程序，Express 是一種保持最低程度規模的靈活 Node.js Web 應用程序框架，爲 Web 和移動應用程序提供一組強大的功能。

推薦五個Vue2的免費教程

一步一步學習Vue 2 （Laracasts） Jeffrey Way一直都有發佈他web開發的教程。他曾經在30天內教會了我使用jquery。在Laracasts上有他免費的VueJs教程，而且宣稱是「世上最深刻的vuejs系列」。在你學習完本課程後，你將不須要再去操做DOM…

基於Vue2的數據管理系統-DBM

使用DBM在每次導入表格成功後將生成對應表格的查看、編輯（包括添加）和刪除三個權限項，在角色管理頁面對指定角色授予某項權限，另外還包含十餘項系統權限屬於不可修改權限，只有最高級別管理員擁有。 進入指定表格後能夠對其進行一些自定義的數據篩選、導入、導出等基本操做，採用後臺分頁與解…

基於Vue全家桶製做的的高仿美團APP

鳴謝：該項目核心部分參考了慕課網精英講師ustbhuangyi的課程，其他部分高仿美團APP構建。 前端菜鳥項目，大佬們輕噴~ 美團外賣APP ? 項目演示地址：http://39.108.232.27:9000 ? GitHub：https://github.com/bx…

《HelloGitHub》第 16 期

分享、推薦 GitHub 上好玩、容易上手的項目，幫你找到編程的樂趣。隨着推薦項目的小夥伴逐漸增多，月刊內容的豐富程度有所提高，歡迎更多的人加入本項目中，再次感謝你們的支持與鼓勵 ? 。

BetterScroll：多是目前最好用的移動端滾動插件

做者：滴滴webapp架構組-付楠 BetterScroll 是一款重點解決移動端各類滾動場景需求的開源插件（GitHub地址），適用於滾動列表、選擇器、輪播圖、索引列表、開屏引導等應用場景。 爲了知足這些場景，它不只支持慣性滾動、邊界回彈、滾動條淡入淡出等效果的靈活配置，讓滾動…

juggle是一個極簡的、組件式的js框架。無依賴，完美閉包，靈活且適合漸進學習，可與任何框架整合。包含（支持冒泡的事件、Tween、MV框架、http、websocket、資源、模塊）等組件，按需選擇組件，不綁架開發者。

juggle是一個極簡的、組件式的js框架。無依賴，完美閉包，靈活且適合漸進學習，可與任何框架整合。包含（支持冒泡的事件、Tween、MV框架、http、websocket、資源、模塊）等組件，按需選擇組件，不綁架開發者。

一次 H5 「保存頁面爲圖片」 的踩坑之旅

1. 需求 最近丁香醫生的產品大佬又雙叒叕搞事情，想要在 H5 中作一個醫生邀請提問的功能，能夠將醫生的二維碼名片分享出去，支持移動、PC 和微信。以前的圖片是由後端生成的，而且會緩存三天，致使信息更新不及時。由前端來作就能避免這些問題。 2. 方案 html2canvas.j…

Express使用手記：核心入門

歡迎加羣交流，羣號 197339705。 入門簡介 Express是基於nodejs的web開發框架。優勢是易上手、高性能、擴展性強。 易上手：nodejs最初就是爲了開發高性能web服務器而被設計出來的，然而相對底層的API會讓很多新手望而卻步。express對web開發相關…

[[譯] 2017 年比較 Angular、React、Vue 三劍客 ](https://juejin.im/entry/5a0d5...

爲 web 應用選擇 JavaScript 開發框架是一件很費腦筋的事。現現在 Angular 和 React 很是流行，而且最近出現的新貴 VueJS 一樣博得了不少人的關注。更重要的是，這只是一些新起之秀。 那麼咱們如何選擇使用哪一個框架呢？列出他們的優劣是極好的。咱們將按照…

主題色提取

在作音樂webapp的時候，被騰訊的一款本地音樂播放器（輕聽）的播放界面驚豔到了（以下圖），因而決定‘複製’下來。 首先想到的是繪入canvas中利用getImageData提取數據而後分析獲得主題色，由於用的qq音樂api遇到了跨域問題，在解決跨域問題後（具體方法看這裏跨域那…

localStorage 還能這麼用

只知道用 localStorage 存儲鍵值對，那你就 out 了

移動 Web 開發問題和優化小結

到目前爲止，互聯網行業裏，手機愈來愈智能化，移動端佔有的比例愈來愈高，尤爲實在電商，新聞，廣告，遊戲領域。用戶要求愈來愈高，網站功能愈來愈好，效果愈來愈炫酷，這就要求咱們產品質量愈來愈高，web前端開發而言是一個挑戰，是一個難題，也是一個機遇。如何讓咱們所開發的手機頁面能有更好…

Node.js 入門：Express + Mongoose 基礎使用

詳細的描述了從入門學習使用express+mongoose實現增刪查改的知識點

HTML5+JS 拖拽與點擊上傳

目前 GET 到的 HTML5 文件上傳