原创 Tab切換以及緩存頁面處理的幾種方式

前言 相信tab切換對於大家來說都不算陌生,後臺管理系統中多會用到。如果不知道的話,可以看一下瀏覽器上方的標籤頁切換,大概效果就是這樣。 1.如何切換 使用動態組件,相信大家都能看懂(部分代碼省略) //通過點擊就可以實現兩個組件來回切

原创 【圖文並茂】React中路由的使用

1.react-router和react-router-dom有什麼區別? 相信很多剛學react的朋友都會和我一樣,在使用react來創建路由的時候,發現官網上寫的是 import *** from 'react-router'; 然後百

原创 【詳】JS實現拖拽元素互換位置

寫在前面的廢話 大家好,我是練習js時長接近兩年半的個人練習生--李大雷 算了,直接 雞,你太美~ 應用場景 很多時候,我們需要讓用戶來自定義自己想要的菜單順序,或者一些按鈕的排序,那麼這個時候,怎麼給用戶自定義順序呢?拖拽無疑是最簡單易懂

原创 JavaScript寫一個簡單的Ps濾鏡效果

效果預覽 思路 其實非常非常趕單~CSS3多了一個filter的屬性,非常強大(兼容性一般)!我們只要根據輸入的值/滑塊滑動的值來動態更改css中filter屬性的值即可 filter none 默認值,沒有效果。 blur(px

原创 淘寶放大鏡的兩種實現方法JS

啥是淘寶放大鏡 這個,當你的鼠標移動到左邊的主圖上時,右邊會出現一個放大的圖,暫且就把這個叫做放大鏡吧。 大概的做法 第一種,左邊一個小圖,右邊一個原圖,當鼠標在小圖上移動的時候,通過更改left和top的值來實現同步移動(原圖的pos

原创 深入淺出任務隊列機制,非常淺

前言 衆所周知,js是單線程的,就像我們不能一邊刷牙一邊洗臉(或許有些大佬真的可以),那麼單線程如何才能規劃調度好要做的任務呢?這個時候就要介紹一下這個任務機制了~ 任務種類 宏任務 微任務 注意:瀏覽器環境和node環境是不一樣的,本

原创 JS圖片壓縮預覽/下載

前言 好像沒啥好說的~ 大概做法 先由filereader獲取圖片的base64,控制圖片生成,但不顯示。 然後將圖片按比例設置好壓縮後的寬高繪製在canvas畫布上。 之後利用canvas的自帶方法再次轉換成base64,再對base6

原创 29.22分鐘學會書寫正則(2)

寫在前面的一些廢話 沒有看過上一篇文章的盆友有福了! 今天!沒錯!就是現在!我將免費!all f*cking FREE! 免費將上篇文章的鏈接發出來! 這裏是上篇 上回說了怎麼寫出正則,這次展示下在js中使用正則的場景! 正則對象屬性 j

原创 29.22分鐘學會書寫正則

寫在最前面 看到標題你可能會疑惑爲什麼不是30分鐘?因爲我這個文章圖文並茂,非常恐怖,兄弟,其實你不用30分鐘就可以看懂。你可能會以爲我在吹牛B,但是當你看完的時候,一掐表,你會發現我真的是在吹牛B那又爲什麼是.22呢?作爲一個理科生,保留

原创 vue修飾符--可能是東半球最詳細的文檔(滑稽)

爲了方便大家寫代碼,vue.js給大家提供了很多方便的修飾符,比如我們經常用到的取消冒泡,阻止默認事件等等~ 目錄 表單修飾符 事件修飾符 鼠標按鍵修飾符 鍵值修飾符 v-bind修飾符(實在不知道叫啥名字) 表單修飾符 填寫表單,最常

原创 像打字一樣插入圖標-iconfont

簡介 - iconfont是什麼? 就像名字一樣,iconfont就是圖標字體,像雅黑字體,思源字體一樣,這種字體就是由圖標構成~ - 有何優勢? 1、輕量性:一個圖標字體比一系列的圖像(特別是在Retina屏中使用雙倍圖像)要小。一旦圖標

原创 vue中$router以及$route的使用

路由基本概念 route,它是一條路由。 { path: '/home', component: Home } routes,是一組路由。 const routes = [ { path: '/home', component: Hom

原创 JavaScript的作用域詳解

作用域 作用域(scope),程序設計概念,通常來說,一段程序代碼中所用到的變量並不總是有效/可用的,而限定這個變量的可用性的代碼範圍就是這個變量的作用域。通俗一點就是我要把我的變量分成一坨一坨保管起來,有些地方只能用這幾個變量,有些地方只

原创 vue中使用cookies和crypto-js實現記住密碼和加密

不多BB,搞快、搞快、 使用crypto-js加解密 第一步,安裝 npm install crypto-js 第二步,在你需要的vue組件內import import CryptoJS from "crypto-js"; 第三步,使用