摘要: 前言 我們將會選擇使用一些 vue 周邊的庫vue-cli, vue-router,axios,moment,Element-ui搭建一個前端項目案例,后端數據接口,會使用json-server快速搭建一個本地的服務,方便對數據的增刪改查, 利用以上技術我們會搭建一個vue案例,效果展示圖: 以上就閱讀全文
posted @ 2018-11-03 16:01 小周sri的碼農 閱讀(255) 評論(0) 編輯
摘要: token一種身份的驗證,在大多數網站中,登錄的時候都會攜帶token,去訪問其他頁面,token就想當于一種令牌。可以判斷用戶是否登錄狀態。本次頁面是通過Element-ui搭建的登錄界面 當用戶登錄的時候,向后端發起請求的時候,后端會返回給我一個token,前端可以進行校驗,進行處理token 閱讀全文
posted @ 2018-10-26 21:11 小周sri的碼農 閱讀(66) 評論(1) 編輯
摘要: 在做移動端商城或者其他頁面的時候,經常會遇到左右聯動的效果,今天小編vue2.0和better-scroll這個插件一起實現左右聯動效果。 實現上面的效果,思路一定很重要,還有需求 1. 左邊一級分類和右邊二級分類形成聯動 2. 當滑動右側分類列表時, 更新左側分類選中 3. 點擊左側一級分類項時,閱讀全文
posted @ 2018-09-14 16:28 小周sri的碼農 閱讀(224) 評論(0) 編輯
摘要: 數據是每一前端人員必定接觸的一樣,所有的數據都是后端來編寫,如果自己想練習項目,卻沒有數據,而是寫一些假數據,去編寫,或者通過json-server搭建一個數據,今天我們就通過MongoDB來搭建一個真正的數據庫,從安裝到配置到編寫,一步到位,也是小編安裝配置過程中,所遇到的問題,安裝下面的步驟,一閱讀全文
posted @ 2018-08-06 14:51 小周sri的碼農 閱讀(377) 評論(4) 編輯
摘要: 當我們向后臺請求大量數據的時候,并要在頁面展示出來,請求的數據可能上百條數據或者更多的時候,并不想在一個頁面展示,這就需要使用分頁功能來去完成了。 1.本次所使用的是vue2.0+element-ui實現一個分頁功能,element-ui這個組件特別豐富,分頁中給我提供了一個Pagination 分閱讀全文
posted @ 2018-07-31 13:01 小周sri的碼農 閱讀(1343) 評論(0) 編輯
摘要: 成果展示 最后的成果就是下面所展示的內容,因為gif圖沒有做,只能截圖所展示,接下來,會帶著大家一步一步的完成下面功能,腳手架搭建和node安裝在本次案例不會講解,如果了解,可以在我的博客園找到有詳細介紹 準備工作: 引入axios插件,調用better-scroll第三方插件,本地json文件,可閱讀全文
posted @ 2018-07-16 11:08 小周sri的碼農 閱讀(1228) 評論(0) 編輯
摘要: gulp是前端開發過程中對代碼進行構建的工具,是自動化項目的構建利器;她不僅能對網站資源進行優化,而且在開發過程中很多重復的任務能夠使用正確的工具自動完成;使用她,我們不僅可以很愉快的編寫代碼,而且大大提高我們的工作效率。 正文 1. 安裝NodeJS,自行在node官網下載,并安裝,通過node-閱讀全文
posted @ 2018-06-29 13:58 小周sri的碼農 閱讀(238) 評論(1) 編輯
摘要: 當內容沒有加載完的時候,用戶體驗不是很好,這時候,可以使用lazyload這個插件,提升用戶體驗,使用方法特別簡單易用 一. vue lazyload插件: 插件地址:https://github.com/hilongjw/vue-lazyload 二. 簡單使用實例: 其實這個插件做簡單使用的話是閱讀全文
posted @ 2018-06-11 17:57 小周sri的碼農 閱讀(61) 評論(0) 編輯
摘要: 介紹 Vue.js是一套構建用戶界面的漸進式框架。Vue 只關注視圖層,采用自底向上增量開發的設計。Vue 的目標是通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件。 安裝node.js 從node官網下載并安裝node,安裝步驟很簡單,只要一路“next”就可以了。安裝完成后,打開命令閱讀全文
posted @ 2018-04-30 21:51 小周sri的碼農 閱讀(655) 評論(0) 編輯
摘要: 前言 我們將會選擇使用一些 vue 周邊的庫vue-cli, vue-router,axios,moment,Element-ui搭建一個前端項目案例,后端數據接口,會使用json-server快速搭建一個本地的服務,方便對數據的增刪改查, 利用以上技術我們會搭建一個vue案例,效果展示圖: 以上就閱讀全文
posted @ 2018-11-03 16:01 小周sri的碼農 閱讀(255) 評論(0) 編輯
摘要: token一種身份的驗證,在大多數網站中,登錄的時候都會攜帶token,去訪問其他頁面,token就想當于一種令牌。可以判斷用戶是否登錄狀態。本次頁面是通過Element-ui搭建的登錄界面 當用戶登錄的時候,向后端發起請求的時候,后端會返回給我一個token,前端可以進行校驗,進行處理token 閱讀全文
posted @ 2018-10-26 21:11 小周sri的碼農 閱讀(66) 評論(1) 編輯
摘要: 在做移動端商城或者其他頁面的時候,經常會遇到左右聯動的效果,今天小編vue2.0和better-scroll這個插件一起實現左右聯動效果。 實現上面的效果,思路一定很重要,還有需求 1. 左邊一級分類和右邊二級分類形成聯動 2. 當滑動右側分類列表時, 更新左側分類選中 3. 點擊左側一級分類項時,閱讀全文
posted @ 2018-09-14 16:28 小周sri的碼農 閱讀(224) 評論(0) 編輯
摘要: 使用vue2.0寫移動端的時候,經常會寫底部導航效果,點擊切換路由效果,實現圖片和文字顏色切換。vue2.0也提供了很多ul框架供我們實現效果,今天就用原生的實現一個底部導航切換,直接上代碼: 效果圖 路由搭建 頁面模板搭建,src和on都要動態的綁定,使用三目運算判斷每次點擊切換 在data里面定閱讀全文
posted @ 2018-09-10 12:46 小周sri的碼農 閱讀(596) 評論(0) 編輯
摘要: 數據是每一前端人員必定接觸的一樣,所有的數據都是后端來編寫,如果自己想練習項目,卻沒有數據,而是寫一些假數據,去編寫,或者通過json-server搭建一個數據,今天我們就通過MongoDB來搭建一個真正的數據庫,從安裝到配置到編寫,一步到位,也是小編安裝配置過程中,所遇到的問題,安裝下面的步驟,一閱讀全文
posted @ 2018-08-06 14:51 小周sri的碼農 閱讀(377) 評論(4) 編輯
摘要: 當我們向后臺請求大量數據的時候,并要在頁面展示出來,請求的數據可能上百條數據或者更多的時候,并不想在一個頁面展示,這就需要使用分頁功能來去完成了。 1.本次所使用的是vue2.0+element-ui實現一個分頁功能,element-ui這個組件特別豐富,分頁中給我提供了一個Pagination 分閱讀全文
posted @ 2018-07-31 13:01 小周sri的碼農 閱讀(1343) 評論(0) 編輯
摘要: 成果展示 最后的成果就是下面所展示的內容,因為gif圖沒有做,只能截圖所展示,接下來,會帶著大家一步一步的完成下面功能,腳手架搭建和node安裝在本次案例不會講解,如果了解,可以在我的博客園找到有詳細介紹 準備工作: 引入axios插件,調用better-scroll第三方插件,本地json文件,可閱讀全文
posted @ 2018-07-16 11:08 小周sri的碼農 閱讀(1228) 評論(0) 編輯
摘要: gulp是前端開發過程中對代碼進行構建的工具,是自動化項目的構建利器;她不僅能對網站資源進行優化,而且在開發過程中很多重復的任務能夠使用正確的工具自動完成;使用她,我們不僅可以很愉快的編寫代碼,而且大大提高我們的工作效率。 正文 1. 安裝NodeJS,自行在node官網下載,并安裝,通過node-閱讀全文
posted @ 2018-06-29 13:58 小周sri的碼農 閱讀(238) 評論(1) 編輯
摘要: 購物車功能是一件比較繁瑣的事情,邏輯功能太多,今天就用vue2.0實現一個簡單的購物車功能,數據都本地自己寫的假數據 功能列表: 1、全選和單選結算 2、減少和增加數量 3、商品的刪除 界面搭建以及布局,這里,我直接用bootstrap快速搭建的一個簡單的布局 所有的數據都是自己本地寫的 計算屬性:閱讀全文
posted @ 2018-06-26 11:50 小周sri的碼農 閱讀(479) 評論(0) 編輯
摘要: 當內容沒有加載完的時候,用戶體驗不是很好,這時候,可以使用lazyload這個插件,提升用戶體驗,使用方法特別簡單易用 一. vue lazyload插件: 插件地址:https://github.com/hilongjw/vue-lazyload 二. 簡單使用實例: 其實這個插件做簡單使用的話是閱讀全文
posted @ 2018-06-11 17:57 小周sri的碼農 閱讀(61) 評論(0) 編輯
耐克篮球多少钱