原创 原生JavaScript封裝的ajax方法示例

衆所周知,框架之間會有衝突,這是源生js就起到作用了,下面介紹一種源生js封裝的ajax請求。 function ajax(options) { options = options || {}; options.type = (op

原创 Vue通過ref父子組件拿值方法

Vue通過ref父子組件拿值方法 <!doctype html> <html> <head> <meta charset="UTF-8"> <script src="https://cdn.bootcss.com/vue/2.3.2/v

原创 詳解JavaScript添加給定的標籤選項

代碼實現: HTML代碼: <h3>haveTags</h3> <div id="havetags"></div> <hr /> <h3>addTags</h3> <div id="addtags"></div> <button id="

原创 Vue Router去掉url中默認的錨點#

hash模式url vue-router默認hash模式——使用URL的hash來模擬一個完整的URL,於是當URL改變時,頁面不會重新加載。 如果不想要這種默認的hash模式,可以用路由的history模式,這種模式充分的利用histo

原创 解決vue router組件狀態刷新消失的問題

場景:vue-router實現的單頁應用,登錄頁調用登錄接口後,服務器返回用戶信息,然後通過router.push({name: 'index', params: res.data})跳轉到主頁,並在主頁顯示數據。但是當刷新頁面時,由於並不

原创 詳解基於Vue2.0實現的移動端彈窗(Alert, Confirm, Toast)組件

wc-messagebox 基於 vue 2.0 開發的插件 包含 Alert, Confirm, Toast, Prompt 仿照 iOS 原生UI(樣式來源: MUI) 一些想法 剛開始的時候想要用現成的彈窗組件來着, 但是查找一圈

原创 原生JavaScript實現form表單序列化的方法

當我們有form表單而且裏面的表單元素較多時,咱們總不能一個個去獲取表單元素內的值來進行拼接吧!這樣會很讓人蛋疼!爲了方便與後臺交互並且提高自己的開發效率,並且不讓你蛋疼;我們一起用原生來寫一個表單序列化方法: 先介紹一下jquery中有相

原创 淺談針對Vue相同路由不同參數的刷新問題

在使用vue和vue-router開發spa應用時,我們會遇到這樣一種問題。 當頁面跳轉時,組件本身並沒有發生改變: // 路由映射關係'/form/:type' // 當前頁面路由/form/shop1 this.$router.push

原创 開發能用到的JS封裝方法

1、判斷是否是一個數組 function isArray(arr){ return Object.prototype.toString.call(arr) ==='[object Array]'; } isArray([1,2,3])

原创 詳解ES6 Fetch API HTTP請求實用指南

本次將介紹如何使用Fetch API(ES6 +)對REST API的 HTTP請求,還有一些示例提供給大家便於大家理解。 注意:所有示例均在帶有箭頭功能的 ES6中給出。 當前的Web /移動應用程序中的一種常見模式是從服務器請求或顯示某

原创 Vue中的methods、watch、computed的區別

看到這個標題就知道這篇文章接下來要講的內容,我們在使用vue的時候methods、watch、computed這三個特性一定經常使用,因爲它們是非常的有用,但是沒有徹底的理解它們的區別和各自的使用場景,也很難用好它們,希望接下來的介紹爲你答

原创 ES6 fetch函數與後臺交互實現

最近在學習react-native,遇到調用後端接口的問題.看了看官方文檔,推薦使用es6的fetch來與後端進行交互,在網上找了一些資料.在這裏整理,方便以後查詢. 1.RN官方文檔中,可使用XMLHttpRequest var requ

原创 nodejs 使用 js 模塊的方法實例

Intro# 最近需要用 nodejs 做一個爬蟲,Google 有一個 Puppeteer 的項目,可以用它來做爬蟲,有關 Puppeteer 的介紹網上也有很多,在這裏就不做詳細介紹了。 node 小白,開始的時候有點懵逼,模塊導出也不

原创 初入職場,前端程序員,如何做好職業規劃

程序員初入職場如何應對浮躁,初入職場的新人常常很難將工作做得持久,尤其是試用期的3至6個月內跳槽現象頻繁出現,這段時間常常被稱爲職業的浮躁期。對於浮…… 初入職場的新人常常很難將工作做得持久,尤其是試用期的3至6個月內跳槽現象頻繁出現,這段

原创 React 的幾種條件渲染以及選擇詳解

對於一個展示頁面來講, 通常有好幾種展示狀態(以列表頁爲例): 數據爲空, 空頁面 取數據時發生錯誤, 錯誤頁面 數據正常 加載狀態 針對以上三種情況, react渲染列表的時候要正確判斷並渲染出相應的視圖, 也就是條件渲染. 不同於v