https://www.youtube.com/playlist?list=PLBd8JGCAcUAH56L2CYF7SmWJYKwHQYUDI
2026年4月19日 星期日
2026年4月10日 星期五
to do
一般性 bind-prop的測試
測試模板的編譯
然後用 view 跑模板
----------------------
prop 完善
state ------ objProxy listener test(找機會再測試)
view.msg(把錯誤資料綁定在 observer 上)
----------------------
tempale.bracket
(注意 html load 順序)
view manager
如何匯入不同的 viewModule
----------------------
view.bracket
view.loader
(注意 html load 順序)
----------------------
view.watch(用 onCommited 取代)
不要依次用 watch 發射 event
----------------------
form 的修改,
大多採用舊的簡易 prototype 避免麻煩
尤其是id 設置方式
(根據主要資料 id, attr-name)混合
沒有 id ,或撞 id 則不用 cache
form.focus
記錄 foucusin,然後 form 設置在 callback_onCommited
----------------------
form 測試
----------------------
template static
template angularJs
----------------------
view.template.setting 完善
template.server 的設定最晚弄
view.loading 測試
model.init
model.store ???
測試 workerMnanger 正不正確
----------------------
測試 view compile by server (用 iframe 比較簡單)
2026年3月26日 星期四
要注意測試的地方 array.slice()
array.slice() 會造成 ob 有多個 parent
必須在 [....].set 時候做檢查 data.ob 是否有 parent
若有則返回一個乾淨的 data
array.slice()的結果跟預設不同
內部的 item 指向不同物件
2026年2月26日 星期四
取代 jsx
https://github.com/developit/htm
取代 jsx
使用 htm (最推薦的字串替代方案)
如果你覺得 React.createElement 太難讀,開發者常用的方案是 htm。它利用 ES6 的樣版字串 (Template Literals),讓你能在瀏覽器中直接執行類似 JSX 的語法,完全不需要編譯。
你可以直接透過 CDN 引入,適合快速原型開發:
HTML
<script type="module">
import { h, render } from 'https://esm.sh/preact';
import htm from 'https://esm.sh/htm';
// 初始化 htm
const html = htm.bind(h);
function App (props) {
return html`<h1>Hello ${props.name}!</h1>`;
}
render(html`<${App} name="World" />`, document.body);
</script>
2026年1月4日 星期日
2025年12月25日 星期四
2025年10月29日 星期三
2025年10月14日 星期二
module 使用 require
import { createRequire } from 'module';
const require = createRequire((import.meta.url);
2025年10月7日 星期二
2025年10月4日 星期六
2025年9月27日 星期六
教學
https://mikeudin.net/product/cinema-4d-xpresso-thinking-particles/
https://mikeudin.net/product/cinema-4d-xpresso-thinking-particles/