Skip to content

Commit 8b3e0a8

Browse files
pardnchiupardnchiu
committed
新增 PD 函式 CALC、標籤屬性 :* 與快速設置 style，修正 LENGTH 函式回傳問題。
1 parent cb26b22 commit 8b3e0a8

11 files changed

Lines changed: 71 additions & 63 deletions

File tree

‎README.md‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -31,8 +31,8 @@ Improving code maintainability and readability while reducing development comple
3131
Reduces manual DOM manipulation, allowing you to focus more on the core logic of your application.
3232

3333
- ### 輕量級 / Lightweight:
34-
全功能的實現僅用了`34KB`，確保你能在網站中輕鬆高效地使用。<br>
35-
Full functionality is achieved with only `34KB`, ensuring efficient and effortless use on your website.
34+
全功能的實現僅用了`35KB`，確保你能在網站中輕鬆高效地使用。<br>
35+
Full functionality is achieved with only `35KB`, ensuring efficient and effortless use on your website.
3636

3737
## 範例 / Example
3838

@@ -354,13 +354,13 @@ Improving code maintainability and readability while reducing development comple
354354
backgroundColor: "steelblue",
355355
color: "#fff"
356356
}
357-
})._click(function(){
358-
alert("test")
359357
}, [
360358
// or "<span>test</span> button"
361359
"span"._("test"),
362360
" button"
363-
]),
361+
])._click(function(){
362+
alert("test")
363+
}),
364364
"span.svg:._({ path: "https://xxxxxx" }),
365365
// 無 Lazy Loading => "img"._("https://xxxxxx"),
366366
"img"._({ lazyload: "https://xxxxxx" }),

‎dist/PDRenderKit.js‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎index.html‎

Lines changed: 43 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -7,67 +7,74 @@
77
<html lang="zh-Hans-TW">
88

99
<head>
10+
<!-- 基本設定 -->
1011
<meta charset="UTF-8">
1112
<meta http-equiv="X-UA-Compatible" content="IE=edge">
12-
<!-- -->
13-
<title>PDRenderKit</title>
14-
<meta name="description" content="A lightweight front-end framework designed to separate the front-end user interface and data logic. 2023 Pardn Chiu 邱敬幃">
13+
<meta name="robots" content="index, follow">
14+
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, viewport-fit=cover">
1515
<meta name="theme-color" content="#000000">
16-
<!-- -->
17-
<meta property="og:title" content=">Websitemplate 網站模板 25">
18-
<meta property="og:description" content="">
19-
<meta property="og:image" content="">
16+
17+
<!-- 網頁標題與描述 -->
18+
<title>PDRenderKit 輕量化前端框架</title>
19+
<meta name="description" content="(JavaScript Lib) PDRenderKit contains a lightweight front-end framework designed to separate the front-end user interface and data logic. 邱敬幃 Pardn Chiu.">
20+
21+
<!-- Open Graph 資訊 -->
22+
<meta property="og:title" content=">PDRenderKit 輕量化前端框架">
23+
<meta property="og:description" content="(JavaScript Lib) PDRenderKit contains a lightweight front-end framework designed to separate the front-end user interface and data logic. 邱敬幃 Pardn Chiu.">
24+
<meta property="og:image" content="https://opengraph.githubassets.com/1/pardnchiu/PDRenderKit">
2025
<meta property="og:url" content="https://pardnchiu.github.io/PDRenderKit">
2126
<meta property="og:type" content="website">
22-
<!-- -->
23-
<meta property="twitter:title" content=">Websitemplate 網站模板 25">
24-
<meta property="twitter:description" content="A lightweight front-end framework designed to separate the front-end user interface and data logic. 2023 Pardn Chiu 邱敬幃">
25-
<meta property="twitter:image" content="">
27+
<meta property="og:site_name" content="PDRenderKit 輕量化前端框架">
28+
29+
<!-- Twitter 卡片資訊 -->
30+
<meta property="twitter:title" content=">PDRenderKit 輕量化前端框架">
31+
<meta property="twitter:description" content="(JavaScript Lib) PDRenderKit contains a lightweight front-end framework designed to separate the front-end user interface and data logic. 邱敬幃 Pardn Chiu.">
32+
<meta property="twitter:image" content="https://opengraph.githubassets.com/1/pardnchiu/PDRenderKit">
33+
<meta property="twitter:image:alt" content="PDRenderKit 輕量化前端框架">
2634
<meta property="twitter:url" content="https://pardnchiu.github.io/PDRenderKit">
27-
<meta property="twitter:site" content="">
28-
<meta property="twitter:card" content="">
29-
<!-- -->
35+
<meta property="twitter:site" content="@pardnchiu">
36+
<meta property="twitter:card" content="summary_large_image">
37+
38+
<!-- Mobile App 設定 -->
3039
<meta name="mobile-web-app-capable" content="no">
3140
<meta name="apple-mobile-web-app-capable" content="no">
3241
<meta name="apple-mobile-web-app-status-bar-style" content="default">
33-
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, viewport-fit=cover">
34-
<meta name="theme-color" content="#000">
35-
<!-- -->
42+
43+
<!-- 網站圖標 -->
3644
<link rel="apple-touch-icon" href="">
3745
<link rel="apple-touch-icon-precomposed" href="">
3846
<link rel="icon" href="" type="image/x-icon">
39-
<!-- -->
47+
48+
<!-- 驗證標籤 -->
4049
<meta name="google-site-verification" content="YQQ2f6AchR8dcb55Az2BYd_mw4TrP0J1RApD-v2v65Y" />
41-
<!-- -->
50+
51+
<!-- 樣式與字型 -->
4252
<link rel="preconnect" href="https://fonts.googleapis.com">
4353
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
54+
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap" as="style">
4455
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
45-
<!-- -->
46-
<link rel="stylesheet" href="https://pardnchiu.github.io/css/index.css">
47-
<!-- -->
56+
57+
<!-- 資源預載: https://cdn.jsdelivr.net -->
4858
<link rel="preconnect" href="https://cdn.jsdelivr.net">
4959
<link rel="preload" href="https://cdn.jsdelivr.net/gh/pardnchiu/PDMarkdownKit@1.0.0/dist/PDMarkdownKit.js" as="script">
5060
<script src="./dist/PDRenderKit.js" copyright="Pardn Ltd"></script>
5161

62+
<!-- 資源預載: https://pardnchiu.github.io -->
63+
<link rel="preconnect" href="https://pardnchiu.github.io">
64+
<link rel="preload" href="https://pardnchiu.github.io/css/index.css" as="style">
65+
<link rel="stylesheet" href="https://pardnchiu.github.io/css/index.css">
66+
67+
<!-- 本地資源 -->
5268
<script type="module" src="./static/js/index.js"></script>
5369
</head>
5470

5571
<body id="app" class="md">
56-
<!-- <span class="loader"></span> -->
57-
<nav id="nav" style="max-width: 1024px;">
58-
<a href="https://github.com/pardnchiu" target="_blank">
59-
<!-- <i class="fa-brands fa-github"></i> -->
60-
<!-- svg 插入範例 -->
61-
<style>
62-
nav>a>svg {
63-
width: 1.5rem;
64-
height: 1.5rem;
65-
}
66-
</style>
67-
<span class="svg" src="static/image/github-brands-solid.svg"></span>
72+
<nav id="nav" style="max-width: 1024px;" :test="test {{ CALC(num * 2) }}">
73+
<a class="dom-temp" href="https://github.com/pardnchiu" target="_blank">
74+
<i class="fa-brands fa-github"></i>
6875
</a>
69-
<img class="head lazyload" data-src="https://pardn.io/image/head-s.jpg" alt="邱敬幃 Pardn Chiu" onclick="window.open('https://linkedin.com/in/pardnchiu')">
70-
<a href="mailto:mail@pardn.ltd">
76+
<img class="head lazyload dom-temp" data-src="https://pardn.io/image/head-s.jpg" alt="邱敬幃 Pardn Chiu" onclick="window.open('https://linkedin.com/in/pardnchiu')">
77+
<a class="dom-temp" href="mailto:mail@pardn.ltd">
7178
<i class="fa-regular fa-envelope"></i>
7279
</a>
7380
</nav>

‎package-lock.json‎

Lines changed: 14 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "pdrenderkit",
3-
"version": "1.0.2",
3+
"version": "1.2.0",
44
"description": "PDRenderKit contains a lightweight front-end framework designed to separate the front-end user interface and data logic.",
55
"main": "dist/PDRenderKit.js",
66
"scripts": {
@@ -29,6 +29,5 @@
2929
"url": "https://github.com/pardnchiu/PDRenderKit/issues",
3030
"email": "git@pardn.io"
3131
},
32-
"homepage": "https://github.com/pardnchiu/PDRenderKit#readme",
33-
"devDependencies": {}
32+
"homepage": "https://github.com/pardnchiu/PDRenderKit#readme"
3433
}

‎src/*.ts‎

95 Bytes
Binary file not shown.

‎src/PDRenderKit.js‎

-1.39 KB
Binary file not shown.

‎src/dom.ts‎

29 Bytes
Binary file not shown.

0 commit comments

Comments
 (0)