原创 全景圖 three.js VR 3D全景 VUE組件
引入three.js <script src="https://johnson2heng.github.io/three.js-demo/lib/three.js"></script> <script src="https://joh
原创 l兩種獲取本地圖片轉BASE64 的方式
canvas.toDataURL() 轉換base64 ToBase64(imgUrl) { function getBase64Image(img) { var canvas = document.createElement(“ca
原创 點擊非組件任意地方 隱藏組件
在mounted 中綁定函數 在組件page 上綁定 ref 獲取組件 document.addEventListener('click',(e)=>{ if(this.$refs.transfer){ if(!this.$refs.
原创 vue axios 配合 vuex 實現封裝併發 進度條 取消請求
import axios from 'axios' import store from './store/index' axios.interceptors.request.use( function(request){
原创 vue插件 extend ( ) 【js控制組件】
1、引入vue import Vue from 'vue' 2、引入組件 import alert from '../components/commons/alert/index.vue' 3、擴展vue const alertBox =
原创 create-react-app + typescript + less + react-router-dom + @reduxjs/toolkit 從零開始項目構建
此文章適合剛接觸react 項目小白童鞋 項目搭建 create-react-app # https://www.html.cn/create-react-app/docs/adding-typescript/ 官檔 T
原创 vue 項目目錄錨點滑動 雙向綁定
需求 : 滾動內容爲左右佈局的右邊內容欄內,內容滾動 左邊 定位 右邊內容滾動。 目錄有父子節點 (大目錄下的小目錄) 步驟: 1、設置左邊數據目錄 2、在mounted中 this.$next() 函數 獲
原创 react 引用less模塊 webpack配置提取與修改
用法 : import styles from ‘./App.less’ 一、 首先提取webpack 配置 create-react-app創建的react項目,webapck配置,默認情況下是在node_modules裏面
原创 typescript + less lessModule react項目問題處理
提取 webpack 配置 yarn eject >>> 文件夾會多出一個config文件夾 安裝 處理 less ---------------------------- npm install less less-loa
原创 JS 調用 麥克風 檢測實時音量
代碼較多 看第二份調用代碼 裏面有註釋 關鍵步驟 1、將成功調用麥克風後的 媒體軌道保存 (第二份代碼) 2、 關閉的時候便利軌道數組 逐個關閉 (第三份代碼) 封裝部分 直接調用 封裝代碼 、 /* * Copyrigh
原创 本地啓動https服務
安裝 npm i http-server - g 請勿使用cmd 執行 以下代碼 、因爲毫無效果 .可以使用Git bash here openssl req -newkey rsa:2048 -new -nodes -x50
原创 加入收藏夾 js操作
/** * 加入收藏夾 * @param url * @param title */ export function bookmark(url: string, title: string) { try { /
原创 react 中引用 antd table 組件報錯問題
這裏寫自定義目錄標題問題 1 key 值綁定注意兩處需要綁定 值 一個問題 二 (如果在組件中修改傳入的props 會報錯)設置及到的 問題處理方式 問題 1 key 值綁定 注意兩處需要綁定 值 一個 數組對象 中每一項都需要有
原创 react 引用less module 修改webpack 配置
用法 : import styles from './App.less' <span className={styles.right}> 一、 首先提取webpack 配置 create-react-app創建的react項目,we
原创 react-router-dom v4+ 版本5.1.2
文檔地址: https://reacttraining.com/react-router/web/guides/quick-start import { BrowserRouter as Router, Switch, Route