原创 vue 使用 element-ui表單驗證
手機號： var validateMobilePhone = (rule, value, callback) => { if (value === ‘’) { callback(new Error(‘負責人手機號不可爲空’));
2020-06-14 12:41:33
原创 如何把if-else代碼重構成高質量代碼，願你未來的人生裏，不只是有if/else/switch
前提 我們編寫js代碼時經常遇到複雜邏輯判斷的情況，通常大家可以用if/else或者switch來實現多個條件判斷，但這樣會有個問題，隨着邏輯複雜度的增加，代碼中的if/else/switch會變得越來越臃腫，越來越看不懂，那麼如
2020-06-14 12:41:33
原创 前端 處理時間格式，時間戳的轉換封裝
首先建立個js文件 const WEEK_ARR = ['週日', '週一', '週二', '週三', '週四', '週五', '週六'] export class DateFormat { date construct
2020-06-14 12:41:33
原创 vue axios封裝方法
創建個request.js 文件 import axios from "axios"; import { throwErr } from "../utils"; //utils 捕捉服務端http狀態碼的方法 import sto
2020-06-14 12:41:33
原创 Vue 中 使用touchstart ，touchmove，touchend事件
<template> <div id="SlideBar" class="box"> <div class="item" ref="slide" :style="slideStyle" @touchstar
2020-06-14 12:41:33
原创 在 Vue腳手架中 使用 bootstrap框架
基本介紹： 都知道，bootstrap框架基於jQuery，因此，想使用bootstrap框架，就得先引入jQuery。 第一步，引入jQuery。 在項目的根目錄下，使用命令： npm install jquery -S 打開
2020-06-14 12:41:33
原创 佈局 瀑布流佈局
用 vue 實現了一個瀑布流佈局 ，註釋寫得超詳細 ,直接上代碼吧 <template> <div id="ref"> <div class="fox" v-for="(item,index) in im
2020-06-14 12:41:33
原创 Vue項目使用swiper 異步調用數據 但是圖片不能滑動解決方案
因爲swiper提前初始化了，那個時候還沒有數據，當數據調出來時已經沒用了，所以有以下幾個解決方法： 1、在數據調用結束後再進行swiper初始化 api.advertisingDate({}, function (res) {
2020-06-14 12:41:33
原创 diff算法與虛擬dom的關係解釋
diff算法： DIFF算法在執行時有三個維度，分別是Tree DIFF、Component DIFF和Element DIFF，執行時按順序依次執行，它們的差異僅僅因爲DIFF粒度不同、執行先後順序不同。 Tree DIFF是
2020-06-14 12:41:33
原创 原生js實現貪喫蛇小遊戲
廢話不多說 直接上代碼 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>貪喫蛇遊戲</title> </head> <style type="t
2020-06-14 12:41:33
原创 js十大經典排序算法
名詞解釋： n: 數據規模 k:“桶”的個數 In-place: 佔用常數內存，不佔用額外內存 Out-place: 佔用額外內存 穩定性：排序後2個相等鍵值的順序和排序之前它們的順序相同 冒泡排序（Bubble Sort） 冒
2020-06-14 12:41:33
原创 26歲了，不滿於現狀的我，做了一名拾荒者
前言 相信很多人小時候的夢想都是當科學家，現在想想當初太傻，發現這些根本不可選。就跟考清華還是北大一樣，當初糾結的要死，結果發現自己只是普通人，過着普通的生活，上着一眼望到頭的班，自己並不是老師常說的祖國的花朵！ 現在認爲長大最無
2020-06-14 12:41:33
原创 vue 餓了麼菜單左右聯動
最近寫了一個小demo ,餓了麼菜單左右聯動效果，由於公司的後臺太差勁，到現在還沒有給我接口文檔，就用本地數據寫了一下，寫得註釋超級詳細 ，主要是點擊左側右側可以滑動到指定位置，滑動右側左側聯動效果，回彈動畫效果，別的還沒有寫，直
2020-06-14 12:41:33
原创 vue+element-ui實現聊天表情包
我是用的本地json數據實現的，表情不是很多，首先創建個json文件，代碼如下： [{ "codes": "1F600", "char": "😀", "name": "grinning face" },
2020-06-14 12:41:33
原创 原生js實現貪吃蛇小遊戲
廢話不多說 直接上代碼 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>貪吃蛇遊戲</title> </head> <style type="t
2020-05-26 07:12:22