博客 / 列表

天渺工作室 - 谷歌瀏覽器自帶翻譯的詭異Bug:ID翻譯後竟然變化了

當前負責的項目主打海外業務,總免不了和多語言打交道。但最近我在Vite+Vue3+Element Plus技術棧的項目裏,遇到了一個堪稱“玄學”的bug——Chrome瀏覽器自帶翻譯功能,居然能把表格裏的數字ID直接改了!從印度同事到國內運營,兩次觸發都讓我摸不着頭腦,今天把整個過程記錄下來,求大佬們看看這到底是怎麼回事。 一、兩次“詭異漂移”:翻譯按鈕成了ID篡改器 我們的後台管理系統很明確:部

vue.js , chrome , 翻譯 , 前端

天渺工作室 - 谷歌廣告生態指南:AdSense/GAM 接入避坑 + 填充監聽 + 問題排查

作為長期負責海外業務的開發者,公司業務中經常會和谷歌的人員有溝通。在接入谷歌廣告生態時,踩了很多坑,很多坑都是和谷歌的技術人員溝通後才發現問題的(有些最新情況和文檔不一致,很坑)。 📊 1. AdSense 與 Ad Manager 關係與定位對比 對比維度 AdSense(谷歌廣告聯盟|廣告源) Ad Manager(GAM,谷歌廣告管理平台)

廣告 , google , 廣告聯盟 , 前端

天渺工作室 - js用前綴名查找class或id節點,js模糊查詢某個dom節點

js在操作dom的場景中,有時候會有類似的場景需求。 js用前綴名查找class節點 // 參數dom為html dom節點 // 參數key為需模糊查詢的名稱字段 function queryClassNode(dom, key) { let collectArray = []; for (var i = 0; i dom.childNodes.length; i++) {

dom , 前端 , Javascript

天渺工作室 - css實現一個簡單的 閃爍效果

純css閃爍效果demo 具體速度和顏色自己可以自己調 div class="father-box" div class="header-box" /div /div @keyframes test { from { opacity: 1.0; } 50% { opaci

Css , css3動畫 , html5

天渺工作室 - AI熱門有趣的免費應用工具和資源分享(部分免費免登錄)

蹭波chatGPT的熱度,網上搜集爬取整理了一些AI有趣的工具應用 自己用過的AI工具(推薦) 1,百度飛漿(不用登錄) 百度飛漿在線AI畫畫 2,stable-diffusion(不用登錄,貌似沒有本地安裝版強大)在線版stable-diffusion 3,五秒複製你的聲音 項目地址:https://github.com/babysor/MockingBird B站演示視頻 4,模糊照片變

chatgpt , 人工智能 , 分享 , 資源

天渺工作室 - js讓forEach停止的方法

可以利用 try catch 的拋出異常行為來巧妙的停止forEach遍歷 開發中當然不能這麼寫 面試的時候 可以説出來 起碼也算是也算加分項了 // 正確案例 必須用 try catch 整個包住forEach 才能停止 try { [1,2,3,4,5,6].forEach(function(item, index){ console.log(item)

foreach , Javascript

天渺工作室 - mobx數據變了,視圖沒變,mobx6的用法

​ 在react中使用react-mobx的情況下,數據已經被action 改變了,但是視圖層 沒有隨之改變 如果mobx的版本大於6 "mobx": "^6.3.2", "mobx-react": "^7.2.0" 切記添加 makeObservable 初始化項目 import { observable, action, computed, makeObservable } from

mobx--react , mobx

天渺工作室 - react-mobx6+使用案例

​ 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--react , mobx

天渺工作室 - 在 “tsconfig“ 或 “jsconfig“ 中設置 “experimentalDecorators“ 選項以刪除此警告

在react中引入mobx,vscode提示對修飾器的實驗支持功能在將來的版本中可能更改。在 “tsconfig“ 或 “jsconfig“ 中設置 “experimentalDecorators“ 選項以刪除此警告 設置一下vscode配置就行。 window系統: 1.vscode左下角齒輪設置 = 設置 2.搜索experimentalDecorators 3.勾

mobx--react , mobx

天渺工作室 - 温習js中的for,forEach,map, some, every用法總結,跳出循環方法

温習一遍原生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

循環 , for循環 , Javascript