原创 async和awite以及promise
promise呢是es6的，async和awite是es7的，平常代碼也是很常用的，解決異步問題，回調地域等 一 : async async用來表示函數是異步的，定義的函數會返回一個Promise對象，可以使用then方法添加回
2020-06-10 12:40:51
原创 使用 Node + Socket 打造即時聊
首先需要在電腦安裝Node.js 如果基礎不好的話看下官網瞭解一下 然後我們就可以搭建一個簡單的HTTP服務器了 下面搭建一個簡單的服務器瞭解一下不是正文 首先在文件目錄裏創建server.js內容爲： //引入http模塊 va
2020-06-10 12:40:51
原创 Vue中如何使用Cookie
1、首先下載安裝 npm i js-cookie -S 2、引入 import Cookies from 'js-cookie' 存： //創建一個在整個網站上有效的cookie： //特使時候cookie存入的對象，跟一般
2020-06-10 12:40:51
原创 如何使用Vue封裝Switch組件
實現Switch開關 <template> <div> <span class="weui-switch" // 初始樣式 :class="{'weui-switch-on' : me_ch
2020-06-10 12:40:51
原创 如何使用Vue封裝彈框組件
這是封裝組件 <template> <div class="dialog"> <div class="dialog-box"> // 其調用的組件slot傳值問題，沒有的話是顯示默認值
2020-06-10 12:40:51
原创 Vue如何封裝Toast組件
這應該是上升到插件了 首先創建一個Toast.vue文件 <template> <transition name="demo"> <div class="toast" v-show="theToast">
2020-06-10 12:40:51
原创 如何使用Vue封裝組件
首先了解一下封裝組件的步驟： 1.props：父傳子 2.事件(派發和監聽) this.$emit()派發事件 通過@或$on來監聽事件 3.slot（插槽），內容分發 想封裝組件呢首先要思考： 1.你想向用戶暴露哪些屬性 (pr
2020-06-10 12:40:51
原创 如何使用Vue封裝Select下拉組件
<template> <div class="sel"> <ul> <li v-for="(e,i) in list" :key="i" @click="save(e.titl
2020-06-10 12:40:51
原创 如何使用Vue封裝Search組件
<template> <div> <input type="text" :value='value' class='search'
2020-06-10 12:40:51
原创 typeof檢測NaN返回什麼？
首先呢 NaN 是 ‘not a number’ 的縮寫，表示 “不是一個數字” 通常會在一個數字和其他類型運算過程中產生： 雖然它 “不是一個數字”，但是 NaN 的 typeof 結果卻是 number console.log
2020-06-10 12:40:51
原创 如何使用Vue封裝返回頂部組件
<template> <div> <ul> <li>1111111111</li><li>1111111111</li><li>1111111111</li><li>1111111111</li><li>1
2020-06-10 12:40:51
原创 如何使用Vue封裝星星評分組件
一 <template> <div> <div class="star mb-10" :class="starType"> <span class="star-item"
2020-06-10 12:40:51
原创 Vue滾動到底部加載更多數據
之前呢寫過這種篇章的博客，但是有時候還是有點問題的，這個呢代碼和人是一樣的，他喜歡活靈活現哈哈，下面在總結以下！ 滾動到底部加載數據這個呢可以使用@scroll事件也可以獲取可視區高度、滾動高度、頁面高度判斷去寫。 具體如何實現呢
2020-06-10 12:40:51
原创 上下兩個元素高度固定，中間內容自適應
頭尾固定高度中間高度自適應佈局 頭部固定高度，寬度100%自適應 底部固定高度，寬度100%自適應 中間是主體部分，自動填滿，瀏覽器可視區域剩餘部分，內容超出則中間部分出現流動條； 整個內容填滿瀏覽器可視區域，並且不超出此區域！
2020-05-25 18:07:56
原创 Vue路由跳轉如何傳遞一個對象過去？
之前我開始寫的時候在傳遞的一方使用JSON.stringify()去進行轉換 然後在接收的一方使用JSON.parse()進行轉換，這樣的話會報錯 這個是提示轉換json對象方法沒有成功看下json字符串是否正確 那麼 如何解決
2020-05-25 18:07:56