當前負責的項目主打海外業務,總免不了和多語言打交道。但最近我在Vite+Vue3+Element Plus技術棧的項目裏,遇到了一個堪稱“玄學”的bug——Chrome瀏覽器自帶翻譯功能,居然能把表格裏的數字ID直接改了!從印度同事到國內運營,兩次觸發都讓我摸不着頭腦,今天把整個過程記錄下來,求大佬們看看這到底是怎麼回事。 一、兩次“詭異漂移”:翻譯按鈕成了ID篡改器 我們的後台管理系統很明確:部
作為長期負責海外業務的開發者,公司業務中經常會和谷歌的人員有溝通。在接入谷歌廣告生態時,踩了很多坑,很多坑都是和谷歌的技術人員溝通後才發現問題的(有些最新情況和文檔不一致,很坑)。 📊 1. AdSense 與 Ad Manager 關係與定位對比 對比維度 AdSense(谷歌廣告聯盟|廣告源) Ad Manager(GAM,谷歌廣告管理平台)
js在操作dom的場景中,有時候會有類似的場景需求。 js用前綴名查找class節點 // 參數dom為html dom節點 // 參數key為需模糊查詢的名稱字段 function queryClassNode(dom, key) { let collectArray = []; for (var i = 0; i dom.childNodes.length; i++) {
純css閃爍效果demo 具體速度和顏色自己可以自己調 div class="father-box" div class="header-box" /div /div @keyframes test { from { opacity: 1.0; } 50% { opaci
蹭波chatGPT的熱度,網上搜集爬取整理了一些AI有趣的工具應用 自己用過的AI工具(推薦) 1,百度飛漿(不用登錄) 百度飛漿在線AI畫畫 2,stable-diffusion(不用登錄,貌似沒有本地安裝版強大)在線版stable-diffusion 3,五秒複製你的聲音 項目地址:https://github.com/babysor/MockingBird B站演示視頻 4,模糊照片變
可以利用 try catch 的拋出異常行為來巧妙的停止forEach遍歷 開發中當然不能這麼寫 面試的時候 可以説出來 起碼也算是也算加分項了 // 正確案例 必須用 try catch 整個包住forEach 才能停止 try { [1,2,3,4,5,6].forEach(function(item, index){ console.log(item)
在react中使用react-mobx的情況下,數據已經被action 改變了,但是視圖層 沒有隨之改變 如果mobx的版本大於6 "mobx": "^6.3.2", "mobx-react": "^7.2.0" 切記添加 makeObservable 初始化項目 import { observable, action, computed, makeObservable } from
PS:mobx6版本以後官方不建議使用@observable裝飾器了 可看官方案例 https://mobx.js.org/the-gist-of-mobx.html 腳手架 create-react-app 一、安裝 //npm yarn 隨需求,儘量不要混用,混用有些資源可能會出現掉包 yarn add mobx yarn add mobx-react // 版本號
在react中引入mobx,vscode提示對修飾器的實驗支持功能在將來的版本中可能更改。在 “tsconfig“ 或 “jsconfig“ 中設置 “experimentalDecorators“ 選項以刪除此警告 設置一下vscode配置就行。 window系統: 1.vscode左下角齒輪設置 = 設置 2.搜索experimentalDecorators 3.勾
温習一遍原生js中的for,forEach,map, some, every用法總結,及其跳出循環的方法 1.for循環 適用於任何循環應用場景 https://www.runoob.com/js/js-... (while循環體和for類似,滿足條件就跳出) const arr = [1,2,3,4,5,6]; for(let i in arr) { console