重磅消息:ejtile動畫組件製作完成!

由於網上沒有一個可以方便製作svg動畫的工具,我製作了一個,搭配ejtile使用。

我在上個月就開始製作這個工具,當做了十幾日之後,幾乎都要製作完成時,發現當我想改動一個小小的功能都會非常困難。原因是我把代碼架構全部都交給了AI。

於是我需要重新製作。雖然如此,我也藉此摸清了這個工具的各種功能怎麼按排。同時,前面的一些函數其實也可以復用。

則在第二次重製時,我只交代AI給我做具體的函式代碼,而功能的安排都由我來決定。這樣終於得以完成。

這個動畫組件已經加入了ejtile頁面

目前的一個小作品

Read more

ejarray︱三層陣列文本生成器

依靠gemini製作了一個三層文本陣列生成器。 之前我做過一個html+css+js,一個重要的需求是生成多層陣列文本。 現在發現還是直接做成這個會比較方便。 ejarray20250602 幾乎可以滿足所有生成整數陣列的需求。 update at 2025-07-14: 依靠gemini2.5pro,為陣列添加了計算功能。有計算功能的陣列才是真正的好陣列。 計算寫法為{@:@*12+7},則在@遞增時,會乘以12再加7。 ejarray20250714

玩玩ace editor

此前做過一個簡易html編輯器,這個編輯器有些簡陋,但是它是可以跑html+css+js的。 不過現在,我要用ace editor來做一個像樣的。 官網:https://ace.c9.io/ 下載:https://github.com/ajaxorg/ace-builds/ 於是我搞了另一個簡易html編輯器:ejace-test2。對比無ace呵呵版:ejhehe-test2。 然後我拼成了首個4rdp真正左右對稱的圖形:

js數組去重

在衆多方法中,我比較喜歡以下三種:

方法一(indexOf):

function unique(arr) {
    if (!Array.isArray(arr)) {
        console.log('type error!')
        return
    }
    var array = [];
    for (var i = 0; i < arr.length; i++) {
        if (array .indexOf(arr[i]) === -1) {
            array .push(arr[i])
        }
    }
    return array;
}

方法二(filter)

Read more