顯示具有 js 標籤的文章。 顯示所有文章
顯示具有 js 標籤的文章。 顯示所有文章
2024年8月2日 星期五

Node.js 開發筆記 - 分別透過 Pyodide, Brython, WebAssembly 在 node.js 呼叫 Python Code @ node.js v20, python3.11

›
一時興起研究一下 node.js 呼叫 python code 的方式，當然，都在 linux server 可以直接用 child_process 直接呼叫 python 去運行，例如 nodejs.org/api/child_process.html 的範例 ``` con...
2024年3月13日 星期三

Node.js 開發筆記 - 將 C structure 轉成 Javascript code 流程

›
在 C code 處理記憶體時，有些偷閒招數是強制型態轉換，這時要移植到 node.js 運行的 js code 有點繞，整個開發過程就不斷在 c code 輸出 structure 的資訊，跟 js code 那端交叉比對，理解後也沒什麼難，就是要計算記憶體位置 C code:...
2022年9月13日 星期二

Javascript 開發筆記 - 使用 Vue.js 和 Vite

›
規劃網頁開發時，引入一個框架是不錯的選項，讓團隊有共同溝通的語言，目前打算把以前接觸 Vue.js 部分複習一下，直接來用 Vue 3 以及 Vite ，其中 Vite 是一個很像 Webpack 的工具，號稱是下一代前端開發工具且運作效率高，看了一下是可以達成打包的程式碼任務，...

Javascript 開發筆記 - 使用 npm/npx degit 管理開發模板

›
當你把你習慣的部分都設置在 github 後，可以靠以下資料快速複製出來使用： % npx degit changyy/study-node-electron-simple my-project  > cloned changyy/study-node-electron-s...
2022年8月30日 星期二

Electron 開發筆記 - 初探 ElectronJS 框架開發 PC app

›
約莫一年前團隊同事接了個用 ElectronJS 開發的程式，並且依照其框架成果再做出另一個 PC app ，最近播點時間來研究一下 ElectronJS 。幾個月前接觸 Golang 時，也曾想過用 Golang + Electron 練習一下 PC app ，只是整體上運作...
2022年6月16日 星期四

C開發筆記 - 使用 JS Engine : Duktape 接收與傳遞 Javascript Object

›
對嵌入式設備來說，如果資源夠大的話，直接用 Node.js 絕對是個不錯方案，受限於硬體資源限制，採用了 Duktape JS Engine。 寫 C Code 操作 Duktape JS Engine 時，呼叫的方式還滿像以前學生時代寫組語的感覺，要先一步步把參數先配置好，接著...
2021年9月10日 星期五

Node.js 筆記 - Loopback 2 與 MySQL 查詢緩慢的瓶頸排除 @ loopback-connector-mysql, connectionlimit

›
花了兩天幫同事追一個問題：為何有個服務重啟後，一直處於不穩甚至無法服務的狀態，但隨著時間是有機會變穩定的。 這算是一個 IoT 老服務了，當裝置上線時會跟服務保持連線(Websocket)，其中有一些認證跟服務會使用到 DB server。當運行好一段時間，沒什麼大問題，反應速度...
2021年7月20日 星期二

Node.js 筆記 - 使用 Puppeteer 進行 JS Injection 與 Custom function 定義實作 @ Puppeteer v10, Node.js v16.5.0

›
之前使用 Puppeteer 方便自己撰寫一些監控 http requests ，像是即時監控 remote resource 變化。接著，要來把玩 JS Injection。 如果使用 Puppeteer 的用法是包括持續瀏覽網頁的話，那適合在網頁 onload 的情況下植入：...
2021年6月27日 星期日

Node.js 筆記 - 以 HTTP API 提供 ffmpeg 轉檔，以 jpg 轉成 png 為例 @ node.js v10.24.1, macOS 11.4

›
最近接獲一個任務研究了一下 Javascript 與 H264 的解決方案，首先會立馬想到 ffmpeg 方案，就研究了以下 JS 專案： ffmpegwasm/ffmpeg.wasm Kagami/ffmpeg.js udevbe/tinyh264 oneam/h264bsd ...
2021年1月14日 星期四

[Javascript] 複寫 XMLHttpRequest 來紀錄 Network Request URL @ Chrome Browser DevTools

›
最近 podcast 很夯，來研究 <audio> 。之前研究過 <video> 就有發現現在都用很夯 blob 的播放方式，透過 JS 片段下載資料交給 <video> 播放，以至於從 JS 調閱出 <video> 元件時，看不到...
2020年6月20日 星期六

[Javascript] Shopify App - 修正 location.replace 與 GA 追蹤碼 utm_* 的應用

›
認真使用 Shopify 大概也有一個多月了，使用了一些付費 Shopify App 在做本地化加強，發現這些第三方 app 還滿善用 variant 機制，原先是拿來設計一個商品有多種顏色等用途，現在則是應用在多儲存一些在地化的資訊。 因此，當發現需要轉化成在地化資訊時，會透過...
2019年11月24日 星期日

[JS] Google Adsense 自動廣告 - 關閉 錨定廣告/重疊廣告 方式

›
前陣子跟 Google Adsense 的新加坡客戶經理聊過幾句，被她引導開啟了一些自動化廣告最佳化的項目。最近發現公司的網站出現 錨釘 廣告，想說是不是不小心誤上程式碼，最後想起應當是自動化廣告的機制。 對於一些頁面不想開啟置頂或置底的錨定廣告，可用以下方式關閉： ...
2019年11月20日 星期三

[PHP] OAuth / Sign in with Apple JS - 使用 Apple JS SDK 讓網站支援 Apple ID 登入

›
最近幫看同事串 Sign In with Apple 好像有很多不順的地方，拿自己的 Apple developer 帳號試試 :P 相關文件： Sign in with Apple - https://developer.apple.com/sign-in-with-a...
2018年10月11日 星期四

PHP 開發筆記 - 判斷瀏覽器語系機制

›
就 Javascript 來說，很方便： var userLanguage = navigator.language || navigator.userLanguage; 而 server site 就靠 $_SERVER['HTTP_ACCEPT_LANGU...
2017年5月10日 星期三

[Javascript] 添加密碼規則要求 - 使用 jQuery.validator

›
剛好碰到需求，且沒有太嚴重的部分，就先偷懶用前端擋： <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>...
2016年7月4日 星期一

Bootstrap 筆記 - 讓 table 以 <tr> 為單位支援 click event

›
這功能其實不難，但順手筆記一下自己選的解法： <table class="table table-striped table-hover"> <thead> <tr> <td cols=...
2015年8月29日 星期六

Node.js 筆記 - 使用 Bloom Filter 實作大量 URL Checker/Filter (SPAM)

›
最近想要針對 UGC 資料進行過濾，首先要面對的就是 SPAM/18+ 資料，接著，沒想到聽到 Bloom Filter 字眼！這個學生時代就碰過的東西，竟然會被提及，就那把玩一下吧！對於 Bloom Filter 的用法需要留意一下，本身設計是用時間省空間的架構，並且有誤判的機...
2015年5月7日 星期四

Javascript 開發筆記 - 使用 Yuotube Player API for iframe Embeds 將 videos 串成 playlist

›
透過 Youtube Player API 可以動態把一堆 Youtube video 串成一個 playlist 來播放。網路上不少範例，但很少看到處理多則 video 的方式，有也是一則 video 搭配一個 player 架構，摸了一下終於搞懂其設計架構，片段程式碼： ...
2015年1月2日 星期五

MongoDB 開發筆記 - 替 Mongoose (Node.js MongoDB Driver) 送 patch 的經驗

›
大概 2014 年 11 月附近，下了班仍會抽空把玩 MongoDB ，當時就決定搭配 node.js 來把玩 :P 當時在挑選 Node.js MongoDB Driver 時，看到官方文件提到了 Mongoose ，就順勢把玩了幾下。 對於 nodejs - mong...
2014年7月11日 星期五

[Javascript] 使用 AJAX/jQuery 與 JSONP/Callback 處理跨 domain 問題

›
很久沒寫 ajax 了 :P 由於機器整合不易？所以 API 就是要跨網域多台機器要互動。至於原理可以看看 wiki JSONP 簡介，在此筆記一下 Server Site 跟 Client Site 的用法 Server Site API 支援 JSONP 使用模式: ...