原创 小程序之下拉刷新

如下設置,是無法看到動畫效果,因爲背景色與文本色相似:   { "navigationBarTextStyle": "light", "backgroundColor": "#d8d8d8" } { "backgrou

原创 淺析前端開發中的 MVC/MVP/MVVM 模式

MVC,MVP和MVVM都是常見的軟件架構設計模式(Architectural Pattern),它通過分離關注點來改進代碼的組織方式。不同於設計模式(Design Pattern),只是爲了解決一類問題而總結出的抽象方法,一種架構模

原创 VueJS 開發常見問題集錦

由於公司的前端開始轉向 VueJS,最近開始使用這個框架進行開發,遇到一些問題記錄下來,以備後用。 主要寫一些 官方手冊 上沒有寫,但是實際開發中會遇到的問題,需要一定知識基礎。 涉及技術棧 CLI: Vue-CLI UI

原创 Vuejs技術棧從CLI到打包上線實戰全解析

前言 本文是自己vue項目實踐中的一些總結,針對Vue2及相關技術棧,實踐中版本爲2.3.3。 開發前須知 vue-cli 在開發前,我們要至少通讀一遍vue官方文檔和API(看官方文檔是最重要的,勝過看五十、一百篇博客)

原创 Bootstrap組件福利篇:幾款好用的組件推薦

正文 前言:之前分享過很多bootstrap常用組件,包括表格、表單驗證、文件上傳、複選下拉框、彈出框等。這段時間,博主又收藏了一些好用的組件(有些在項目中已經用起來了),經過兩天的時間,已經整理出了一部分,本着“好東西要與人分享”的

原创 Git常用命令大全,迅速提升你的Git水平

初始化本地git倉庫(創建新倉庫) git init 配置用戶名 git config --global user.name "xxx"   配置郵件

原创 Vue+axios(interceptors) 實現http攔截 + router路由攔截 (雙攔截)+ 請求自帶loading效果

axios interceptors 攔截器 //interceptors.js // vue axios配置 發起請求加載loading請求結束關閉loading // http request 請求攔截器,有token值則配置上tok

原创 Vue2.0 探索之路——生命週期和鉤子函數的一些理解

前言 在使用vue一個多禮拜後,感覺現在還停留在初級階段,雖然知道怎麼和後端做數據交互,但是對於mounted這個掛載還不是很清楚的。放大之,對vue的生命週期不甚瞭解。只知道簡單的使用,而不知道爲什麼,這對後面的踩坑是相當不利的

原创 Vue導出excel數據表格功能

前端工作量最多的就是需求,需求就是一直在變,比如當前端數據寫完之後,需要用Excel把數據下載出來。 第一步安裝依賴包,需要把代碼下載你的項目當中   cnpm install  file-saver   cnpm install xls

原创 爲 webApp 提供轉場特效的開源 Vue 插件

VUEG 爲vue-router添加轉場效果,只需要Vue.use(vueg),即可獲得轉場效果,並能夠根據url深度(/)和歷史記錄判斷是前進和後退。 效果圖 live demo | GitHub 項目實戰效果: 使

原创 Vue之友盟統計

export default { name: 'app', mounted () { const script = document.createElement('script') script.src = 'h

原创 如何通過 Vue+Webpack 來做通用的前端組件化架構設計

目前如果要說比較流行的前端架構哪家強,屈指可數:reactjs、angularjs、emberjs、avalonjs、vuejs。 我個人接觸使用過:avalonjs、angularjs、vuejs。因爲工作以及前端團隊能力的問題,所

原创 兼容性處理Edge變態顯示

在ie高版本瀏覽器和edge瀏覽器裏type爲text和password的input框在輸入時右邊會出現×和眼睛。   如果需要清除,方法如下: 首先在頁面頭部聲明兼容性模式 <meta http-equiv="X-UA-Compat

原创 js拼接字符串

http請求(特別是get請求)或者跳轉頁面需要拼接URL請求字符串,而經常性的思維就是利用“+”進行字符串拼接: var baseUrl = 'www.google.com' var a = 1, b = 'request', c

原创 如何前後端分離?

怎麼做前後端分離?大方向就是 後端專注於:後端控制層(Restful API) & 服務層 & 數據訪問層; 前端專注於:前端控制層(Nodejs) & 視圖層 本人認爲的前後端分離模式應該是這樣,當然這不一定正確: 1、項目設計