PIXNET Logo登入

空境界

跳到主文

無限生命的流轉!!需要社工、前端相關資料的人,可以到右邊找找。

部落格全站分類:生活綜合

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 9月 28 週一 202023:27
  • [電子書][epub] 製作接單

「製作流式EPUB(*註1)電子書」,無校對、無潤稿。
價錢: $2500元台幣 ↑↓,依照字數定價
(繼續閱讀...)
文章標籤

bingzhichen 發表在 痞客邦 留言(0) 人氣(1,324)

  • 個人分類:
▲top
  • 11月 26 週二 202411:28
  • [regex]


'aaasdofjaopfjopaiiisjssfopiasdfffff'.match(/(.)\1+/g) -----> ["aaa", "iii", "ss", "fffff"]
(繼續閱讀...)
文章標籤

bingzhichen 發表在 痞客邦 留言(0) 人氣(3)

  • 個人分類:JavaScript
▲top
  • 11月 19 週二 202416:45
  • [Javascript][Typescript] Flat Object


        let entry: object = {
            a: {
                b: {
                    c: {
                        dd: 'abcdd',
                    },
                },
                d: {
                    xx: 'adxx',
                },
                e: 'ae',
            },
        };
 
        let output: object = {
            'a.b.c.dd': 'abcdd',
            'a.d.xx': 'adxx',
            'a.e': 'ae',
        };
(繼續閱讀...)
文章標籤

bingzhichen 發表在 痞客邦 留言(0) 人氣(4)

  • 個人分類:JavaScript
▲top
  • 8月 13 週二 202414:06
  • [scss] scss 選擇器 > + ~


// 「>」 子代選擇器:選擇 一個元素 / 裡的第一個直接子元素 / class
// ul 裡面的第一個li
ul {
  & > li {
    color: blue;
  }
}
 
// 選擇 class .logo 裡面的第一個class .logo-title
.logo {
  & > .logo-title {
    color: blue;
  }
}
 
// 「+」 同層相鄰組合選擇器:選擇 同層的並緊接在後的元素 / class
// 選擇header 緊接在後的img
header {
  & + img {
    width: 100px;
  }
}
 
// 選擇 class .logo 緊接在後的class .logo-img
.logo {
  & + .logo-img {
    width: 100px;
  }
}
 
// 「~」 同層全體組合選擇器:選擇同層指定的元素 / class的後面所有元素 / class,不管它們之間隔了多少個其他元素 / class
// h1 同層後面所有的p
h1 {
  & ~ p {
    color: gray;
  }
}
 
// 選擇 class logo 同層後面所有的class .logo-title
.logo {
  & ~ .logo-title {
    color: gray;
  }
}
(繼續閱讀...)
文章標籤

bingzhichen 發表在 痞客邦 留言(0) 人氣(2)

  • 個人分類:CSS
▲top
  • 10月 26 週四 202319:59
  • [git] 2.35.2 安全修正 設定

git 2.35.2後,在.gitconfig設定加入
[safe]
    directory = *
(繼續閱讀...)
文章標籤

bingzhichen 發表在 痞客邦 留言(0) 人氣(20)

  • 個人分類:環境配置設定相關
▲top
  • 6月 28 週三 202315:18
  • [setting] 安裝/解除安裝node.js出現Invalid drive錯誤

安裝/解除安裝node.js出現Invalid drive錯誤
win+r
輸入:subst 錯誤硬碟: %TEMP%(建立一個假的錯誤硬碟)
win+r
輸入:subst 錯誤硬碟:/D
(繼續閱讀...)
文章標籤

bingzhichen 發表在 痞客邦 留言(0) 人氣(8)

  • 個人分類:環境配置設定相關
▲top
  • 11月 29 週二 202216:56
  • [Javascript][Typescript] multiple filter 多條件過濾、篩選


let data: Model.IFilterData[] = JSON.parse(JSON.stringify(this.originalFilterData));
        let filterKeys: { key: string, value: string }[] = {
            { key: 'name', value: "Name" },
            { key: 'age', value: "Age" },
            { key: 'id', value: "Id" },
            { key: 'email', value: "Email" },
        };

        // filter
        if (!!filterKeys && filterKeys.length > 0) {
            // 整理為物件
            let filterKeyDirectory = {};
            filterKeys.forEach((element) => {
                let key: string = element.key;
 
                if (!filterKeyDirectory[key]) {
                    filterKeyDirectory[key] = [];
                }
 
                filterKeyDirectory[key].push(element.selectedKey);
            });
            // 篩選資料
            data = data.filter((item) => {
                for (let key in filterKeyDirectory) {
                    if (item[key] === undefined || filterKeyDirectory[key].indexOf(item[key]) === -1) {
                        return false;
                    }
                }
                return true;
            });
        }
(繼續閱讀...)
文章標籤

bingzhichen 發表在 痞客邦 留言(0) 人氣(38)

  • 個人分類:JavaScript
▲top
  • 10月 27 週四 202220:09
  • [鑽石王牌][晉江] 同人整理 御澤 無CP

晉江 免費
[钻石王牌]钻石之名
(繼續閱讀...)
文章標籤

bingzhichen 發表在 痞客邦 留言(0) 人氣(5)

  • 個人分類:
▲top
  • 2月 15 週二 202217:01
  • [Javascript][Typescript] Convert js / ts string dot notation object to nested object / 將 js / ts 點符號字串物件轉換為巢狀物件


// way 1
setTimeout(() => {
    let convertData = resolveDataString(DataString);
    console.log(`convertData  => `, convertData);
}, 0);

/**
 * use while
 *
 * @param {object} obj
 * @return {*}
 */
function resolveData(obj: object): object {
    let result: object = {};
 
    let keyValue = Object.entries(obj);
    for (const [key, value] of keyValue) {
        // Split key keys array
        const keys: string[] = key.split('.');
 
        // Create sub-objects along key as needed
        let target: object = result;
        while (keys.length > 1) {
            const shiftKey = keys.shift();
            let targetValue = (target[shiftKey] = target[shiftKey] || {});
            target = targetValue;
            // target = target[shiftKey] = target[shiftKey] || {};
        }
 
        // Set value at end of path
        target[keys[0]] = value;
    }
 
    return result;
}
 
function resolveDataString(data: string): any {
    let result: object = {};
 
    let dataObj = data.split('\n');
 
    dataObj.forEach((data) => {
        let splitData: string[] = data.split('=');
        result[splitData[0]] = splitData[1];
    });
 
    return resolveData(result);
}
 
// way 2
setTimeout(async () => {
    let strs: string[][] = DataString .split(/(\r)?\n/)
        .filter((n) => !!n)
        .map((n) => n.split(/\.|=/).filter((n) => !!n));
 
    let obj: object = {};
    for (let i: number = 0; i < strs.length; i++) {
        Cut(obj, strs[i]);
    }
 
    console.log(JSON.stringify(obj, null, 4));
}, 0);
 
/**
 * use recursive
 *
 * @param {object} obj
 * @param {string[]} keys
 */
function Cut(obj: object, keys: string[]) {
    if (keys.length > 2) {
        if (!obj[keys[0]]) {
            obj[keys[0]] = {};
        }
        Cut(obj[keys[0]], keys.splice(1, keys.length - 1));
    } else {
        console.log(keys);
        if (/[0-9]/.test(keys[1])) obj[keys[0]] = parseInt(keys[1]);
        else if (/true|false/.test(keys[1])) obj[keys[0]] = keys[1] === 'true';
        else obj[keys[0]] = keys[1];
    }
}
 
const DataString = `scheduleView.today.en-US=Today
scheduleView.today.zh-CN=true
scheduleView.today.zh-TW=当天
scheduleView.today.ko-KR=123
scheduleView.today.ja-JP=오늘
scheduleView.tues.en-US=Tues.
scheduleView.tues.zh-CN=false
scheduleView.tues.zh-TW=周二
scheduleView.tues.ko-KR=456
scheduleView.tues.ja-JP=화요일
scheduleView.week.fri.en-US=fri.
scheduleView.week.fri.zh-CN=true
scheduleView.week.fri.zh-TW=五
scheduleView.week.fri.ko-KR=789
scheduleView.week.fri.ja-JP=ブランド`;
(繼續閱讀...)
文章標籤

bingzhichen 發表在 痞客邦 留言(3) 人氣(148)

  • 個人分類:JavaScript
▲top
  • 2月 15 週二 202216:40
  • [Javascript][Typescript] Convert js / ts dot notation object to nested object / 將 js / ts 點符號物件轉換為巢狀物件

 
setTimeout(() => {
    let convertData = resolveData(Data);
    console.log(`convertData => `, convertData);
}, 0);
 

/**
 * use while
 * https://stackoverflow.com/questions/7793811/convert-javascript-dot-notation-object-to-nested-object
 *
 * @param {object} obj
 * @return {*}
 */
function resolveData(obj: object): object {
    let result: object = {};
 
    let keyValue = Object.entries(obj);
    for (const [key, value] of keyValue) {
        // Split key keys array
        const keys: string[] = key.split('.');
 
        // Create sub-objects along key as needed
        let target: object = result;
        while (keys.length > 1) {
            const shiftKey = keys.shift();
            let targetValue = (target[shiftKey] = target[shiftKey] || {});
            target = targetValue;
            // target = target[shiftKey] = target[shiftKey] || {};
        }
 
        // Set value at end of path
        target[keys[0]] = value;
    }
 
    return result;
}
 
const Data = {
    'scheduleView.today.en-US': 'Today',
    'scheduleView.today.zh-CN': '當天',
    'scheduleView.today.zh-TW': '当天',
    'scheduleView.today.ko-KR': '今日',
    'scheduleView.today.ja-JP': '오늘',
 
    'scheduleView.tues.en-US': 'Tues.',
    'scheduleView.tues.zh-CN': '週二',
    'scheduleView.tues.zh-TW': '周二',
    'scheduleView.tues.ko-KR': '水曜日',
    'scheduleView.tues.ja-JP': '화요일',
 
    'scheduleView.week.fri.en-US': 'fri.',
    'scheduleView.week.fri.zh-CN': '五',
    'scheduleView.week.fri.zh-TW': '五',
    'scheduleView.week.fri.ko-KR': '브랜드',
    'scheduleView.week.fri.ja-JP': 'ブランド',
};
(繼續閱讀...)
文章標籤

bingzhichen 發表在 痞客邦 留言(0) 人氣(11)

  • 個人分類:JavaScript
▲top
12...20»

近期文章

  • [regex]
  • [Javascript][Typescript] Flat Object
  • [scss] scss 選擇器 > + ~
  • [git] 2.35.2 安全修正 設定
  • [setting] 安裝/解除安裝node.js出現Invalid drive錯誤
  • [Javascript][Typescript] multiple filter 多條件過濾、篩選
  • [鑽石王牌][晉江] 同人整理 御澤 無CP
  • [Javascript][Typescript] Convert js / ts string dot notation object to nested object / 將 js / ts 點符號字串物件轉換為巢狀物件
  • [Javascript][Typescript] Convert js / ts dot notation object to nested object / 將 js / ts 點符號物件轉換為巢狀物件
  • [cmd] 清除被佔的 port

文章搜尋

個人頭像

bingzhichen
暱稱:
bingzhichen
分類:
生活綜合
好友:
累積中
地區:

文章彙整

文章分類

toggle Web前端 (5)
  • CSS (2)
  • React (3)
  • 環境配置設定相關 (13)
  • Vue (9)
  • JavaScript (33)
toggle Java程式設計 (1)
  • Java程式設計基礎 (1)
toggle 輔大社工 (17)
  • 基本醫學常識 (4)
  • 社工研究法 (14)
  • 團體工作 (4)
  • 半集體主義 (5)
  • 法學緒論 (4)
  • 社會個案工作 (12)
  • 心理衛生 (10)
  • 團體動力學 (6)
  • 少犯觀護 (6)
  • 勞工實務問題 (8)
  • 醫務社工 (9)
  • 會談技巧 (3)
  • 精神醫療社工 (3)
  • 社會心理學 (4)
  • 社會保險 (3)
  • 社會福利行政 (4)
  • 家族治療 (7)
toggle 輔大公衛 (2)
  • 職業病概論 (9)
  • 醫療社會學 (1)
  • 電視劇推薦 (3)
  • 課程推薦 (2)
  • 音樂推薦 (2)
  • 城市尋寶 (1)
  • 面試紀錄 (4)
  • 未分類文章 (1)

參觀人氣

  • 本日人氣:
  • 累積人氣: