原创 修改瀏覽器默認滾動條樣式及自定義盒子滾動條樣式

默認瀏覽器滾動條樣式  //默認滾動條樣式 ::-webkit-scrollbar-track-piece { //滾動條凹槽的顏色,還可以設置邊框屬性 background-color: #f8f8f8; } ::-webk

原创 vue axios 下載文件

功能:點擊導出按鈕,提交請求,下載excel文件; 第一步:跟後端童鞋確認交付的接口的response header設置了 以及返回了文件流。 第二步:修改axios請求的responseType爲blob,以post請求爲例:

原创 vue仿京東放大鏡加商品縮略圖輪播組件

以下是最終的vue版本,光滑流暢,,99%還原京東放大鏡甚至更好 1.vue版本 <template> <div id="magnifier"> <div class="small-box" @m

原创 React 與 Redux 中的數組處理

本文將介紹一些常用的數組處理函數和語法,如reduce()、filter()、map()、every()、some()、展開運算符。這些知識和React與Redux本身沒有直接關係,但是本章的示例中包含了這些函數和語法的用法,我們正好可

原创 ant-vue圖片上傳組件渲染圖片列表的處理

<template> <div class="clearfix"> <a-upload :action="actionUrl" list-type="picture-card" :file

原创 vue 路由刷新頁面路由傳參丟失的問題

 問題:正常情況下 通過router傳參,傳遞對象或者數組時,F5刷新頁面,參數會變成[object object]的格式,導致數據失效  解決方法 1.在路由跳轉前,參數使用JSON.stringify 轉化成字符串對象

原创 Reac、React-router、redux學習筆記

1. React入門 ## 1.1. React基本認識 ## 1.2. React基本使用 ## 1.3. JSX的理解和使用 ## 1.4. 模塊與模塊化, 組件與組件化的理解 2. React組件化編程 ## 2.1. 組件的定

原创 eslint 強行將let 轉化成const解決方法

  在eslintrc.js中rules添加 'prefer-const ':0  

原创 Vue怎麼操作父元素、兄弟元素、子元素

<button @click = “getDom($event)”>點擊</button>   methods: { getDom(e) { // e.target 是你當前點擊的元素 // e.currentTarget 是你綁定事件

原创 vue-devtools安裝文件

新版本的vue-devtools打包失敗,暫時沒有解決方式,可以使用老版本的插件 鏈接: https://pan.baidu.com/s/1UW0piT4K5t_xjA4BHhVLvg 提取碼: jt8t

原创 vscode eslint自動格式化代碼

{ "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "eslint.format.enable": true, //autoFix默認開

原创 ant design vue 清空upload組件圖片緩存的方法

 借鑑ant react的做法 在upload 組件外加一個key 賦隨機值,即可清除緩存 完整代碼  通過監聽彈窗modal 的開閉狀態 更改key的值,建議關閉狀態時更改爲隨機key ,避免影響操作效果 <a-modal v-

原创 React組件化練習

  資源 Context參考 HOC參考 Hooks參考 組件跨層級通信 - Context 範例:模擬redux存放全局狀態,在組件間共享   import React from 'react' // 創建上下文 con

原创 Hook API 索引

Hook API 索引 Hook 是 React 16.8 的新增特性。它可以讓你在不編寫 class 的情況下使用 state 以及其他的 React 特性。 本頁面主要描述 React 中內置的 Hook API。 如果你剛開始接觸

原创 自用eslintrc.js配置

module.exports = { root: true, env: { node: true, }, extends: ['plugin:vue/strongly-recommended'], rule