原创 webpack5編寫loader時 如何使用Chrome進行調試

需要用到的插件 nodemon  // 這個插件可以在你的js文件更改時,立即重啓應用 webpack   1.安裝nodemon npm i nodemon -g    2.創建loader_demo文件夾 並使用webpack 初

原创 webpack 手寫的loader引入報錯 Module not found: Error: path argument is not a string

自定義的loader不能通過 類似於以下這種方式引入 const myLessLoader = require('./loader/my-less-loader');   需要通過以下方式引入使用 path.resolve('./l

原创 for(var i=0;i<5;i++){setTimeout(()=>{console.log(i)}, 0)} 的幾種解法

第一種 閉包 for(var i=;i<5;i++){ (function(i){ setTimeout(()=>{ console.log(i); }, 0);

原创 微信小程序 列表數據量大導致白屏,報錯dom limit exceeded

微信小程序對於頁面中的節點數量有做限制 https://developers.weixin.qq.com/miniprogram/dev/framework/audits/performance.html 解決方案: 將循環中的item放入

原创 css 超過兩行換行

overflow: hidden; text-overflow: ellipsis; display: -webkit-box; /* autoprefixer: off */ -webkit-box-orient: vertical;

原创 React index.html引入script時 src中的斜槓都變成了空格,並且還多出了script標籤 導致無法加載

在使用react開發項目的時候 遇到了一個奇怪的問題,在index.html中引入script標籤 script標籤的src屬性會把 / 斜槓變成空格,並且在body標籤結尾追加script標籤。 就像這樣   我發現 HtmlWebpa

原创 支付寶小程序 iOS報頁面訪問受限aboud:srcdoc android無此問題 2021記錄

最近發現支付寶小程序webview內嵌的網頁 ios普遍都報 頁面訪問受限,但是android沒有出現此問題 檢查代碼後發現 用的是這種方式加載的百度地圖 <script type="text/javascript" src="https

原创 支付寶小程序獲取 某個元素到父元素的距離

my.createSelectorQuery() // 子元素id .select('#box').boundingClientRect() // 你的scroll-view的id .sel

原创 js 使用tsx文件 引入node_modules安裝的包文件提示 未找到模塊(默認已經安裝此包文件)

需要在tsconfig.json中加入配置 "moduleResolution": "node" { "compilerOptions": { "jsx": "react", "module": "es6

原创 js 壓縮圖片

之前使用 exif-js 獲取圖片方向後 修改寬高,旋轉canvas後 對圖片進行壓縮,總是出現純黑色的圖片,所以採用了此種方法。 // base64 轉 blob文件 export const dataURLtoBlob = (data

原创 利用百度地圖 在地圖上針對某個區域生成隨機點座標

github地址: https://a1115040996.github.io/MyHTML/BDMap/%E7%94%9F%E6%88%90%E9%80%89%E4%B8%AD%E5%8C%BA%E5%9F%9F%E9%9A%8F%E6%

原创 饑荒-哈姆雷特 菩薩低眉 (敵人攻擊你時角色自動 加滿血條、San值,敵人直接死亡)

注意 修改前 請進行備份 注意 修改前 請進行備份 注意 修改前 請進行備份   1.在需要添加此功能的DLC中 進行修改 找到 某個DLC下的payler_common.lua文件 (修改前 請備份此文件) 如果哈姆雷特是DLC00003

原创 angular9 如何 增加 webpack配置 並將px轉換爲rem

  1.在項目中安裝@angular-builders npm i -D @angular-builders/custom-webpack   2.在你的項目根目錄創建 webpack.config.js 文件 (和angular.j

原创 axios 配置攔截器 並且接口請求小於200ms的 不顯示loading

// 配置axios攔截器 import axios from 'axios'; import store from '../store'; // 追加token import {Bus} from "../service/bus"

原创 axios 請求並下載 blob 文件 並對後臺返回錯誤code進行攔截

1.axios 請求中添加 responseType: 'blob' 字段例如 exportSettled(params) { const sendObj = {}; ({ s