原创 vue cli3.x創建項目

1.vue create 項目名稱 default (babel, eslint) 默認配置 Manually select features 手動選擇配置 2.選擇手動選擇配置，手動配置項如下，上下箭頭切換，空格鍵選中選

2020-06-22 10:19:08 1

原创 react 搭建express腳手架作爲服務端

前言 本文基於 (“react”: “^16.13.1”) 版本 express腳手架基於node.js，請自行安裝node.js 1.全局安裝 express 的腳手架工具 express-generator npm insta

2020-06-22 09:26:01 1

原创 react 使用express實現簡單的分頁接口，以及服務端返回public文件夾裏的圖片方法

前言 本文基於 react (“react”: “^16.13.1”) , express（“express”: “~4.16.1”,）; 有一定的express瞭解，並能寫簡單的接口。 1.定義一個接口 var express

2020-06-22 09:26:01 2

原创 vue.config.js 一些配置

const path = require('path'); // 設置文件路徑別名方法 function resolve(dir) { return path.join(__dirname, dir); } module.

2020-06-22 09:26:01 1

原创 vue iview上傳多文件只發送一次ajax請求，並根據上傳進度顯示上傳進度條

前言 基於iview的上傳組件（Upload）以及進度條組件（Progress） 思路 使用Upload組件提供的上傳文件之前的鉤子，將所有上傳文件攔截下來，保存在本地臨時數組，使用axios來進行上傳 完整示例 進度條部分，請

2020-06-22 09:26:01 3

原创 vue cli3 eslint 和 perttier 規則衝突問題

問題：eslint配置了強制使用單引號，而prettier默認是雙引號,導致編譯不通過 .eslint.js文件開啓強制單引號 rules: { "no-console": process.env.NODE_ENV ==

2020-06-22 09:26:00 1

原创 vue echarts 實現一個簡單的散點地圖，遷移效果

1.安裝echarts npm install echarts --save 示例： 拷貝下來直接看效果： <template> <div class="map-container"> <div class="ma

2020-06-22 09:26:00 1

原创 vue 使用lodash實現對象數組深拷貝

<template> <div></div> </template> <script> export default { mounted() { this.init(); }, methods: {

2020-06-22 09:26:00 1

原创 react 開啓gzip壓縮，打包優化

前言 本文基於 (“react”: “^16.13.1”) 版本 react官方腳手架默認是將webpack配置隱藏起來了，在進行配置之前需要將webpack給暴露出來。 1.輸入命令 npm run eject 會出現一個命令

2020-06-22 09:26:00 35

原创 vue 導出文件，攜帶請求頭token

前言 本文並不能直接複製到本地看效果，僅提供代碼參考 1.使用axios的方式攜帶請求頭token 2.設置響應的數據類型 responseType: "blob" 3.請求成功，返回二進制文件的數據回來 4.請求失敗，返回

2020-06-07 00:58:00

原创 javaScript/js 獲取屏幕寬高，元素寬高/margin/padding

1.獲取屏幕寬高 實現兼容 // 獲取屏幕高度 let windowHeight = document.documentElement.clientHeight || document.body.clientHeight; //

2020-06-03 22:43:21

原创 layui admin table單擊行勾選checkbox並高亮顯示

前言 表格使用方法級和自動渲染都適用 需要注意的是： 01.這兩個地方的篩選器名字要對應上 02.表內容td元素最好不要設置背景色，有位小夥伴就是設置了td背景色爲白色，導致js動態添加的class設置的顏色被覆蓋了,td的白色背

2020-06-03 22:43:21

原创 Easy Mock模擬數據，實現模擬後臺數據分頁，get,post方式均可

前言 01）本篇文章不介紹如何創建賬號，以及創建接口，如果沒有賬號的話花個5分鐘左右創建一個賬號，並創建一條接口，附上傳送門：Easy Mock官網 02）文章中使用了 “name|1：[ ]” 的寫法，這裏用到的是mock.js

2020-06-03 22:43:21

原创 vue 移動端吸頂效果，開始隨頁面滾動，滾動到指定位置固定在頂部或者固定在指定位置

前言 在移動端中，吸頂效果非常常見 不同組件多次使用的話，建議在 src 下新建一個 common 文件夾，創建 stickySlot.vue 文件，方便多次複用 組件中使用 爲了方便演示，這裏使用了for循環的方法將屏幕撐滿，直

2020-06-03 22:43:21

原创 vue 實現一個簡單的全局調用彈窗

1.實現效果圖 2.第一步，新建一個.vue文件 定義一個彈框的基本模板 style樣式放在了文章的最底部，如果需要看效果，需要將樣式放入這個vue文件裏 ，樣式是用less寫的，需要你的項目引入less 注意：我這裏的組

2020-06-03 22:43:11