Skip to content

Commit

Permalink
feat: 0.0.28
Browse files Browse the repository at this point in the history
  • Loading branch information
theajack committed Sep 8, 2023
1 parent 45bbf26 commit acc417d
Show file tree
Hide file tree
Showing 41 changed files with 1,306 additions and 2,057 deletions.
120 changes: 60 additions & 60 deletions .eslintrc.js
@@ -1,60 +1,60 @@
// /*
// * @Author: tackchen
// * @Date: 2022-09-04 08:02:56
// * @Description: Coding something
// */
// module.exports = {
// parser: '@typescript-eslint/parser',
// plugins: [
// 'eslint-plugin-react',
// '@typescript-eslint',
// ],
// 'env': {
// 'node': true,
// },
// rules: {
// 'no-var': 'error',
// 'no-extend-native': 0,
// 'no-new': 0,
// 'no-useless-escape': 0,
// 'no-useless-constructor': 0,
// 'no-trailing-spaces': [ 'error', { 'skipBlankLines': true } ],
// 'indent': [ 'error', 4, {
// 'SwitchCase': 1
// } ],
// 'space-infix-ops': [ 'error', { 'int32Hint': false } ],
// 'space-before-function-paren': [ 'error', {
// 'anonymous': 'always',
// 'named': 'always',
// 'asyncArrow': 'always'
// } ],
// 'semi': [ 'error', 'always' ],
// 'comma-dangle': 0,
// 'no-console': 0,
// 'no-debugger': 0,
// 'id-length': 0,
// 'eol-last': 0,
// 'object-curly-spacing': [ 'error', 'always' ],
// 'array-bracket-spacing': [ 'error', 'always' ],
// 'arrow-spacing': 'error',
// 'no-multiple-empty-lines': 'error',
// // 'no-unused-vars': 'error',
// 'spaced-comment': 'error',
// 'quotes': [ 'error', 'single', { 'allowTemplateLiterals': true } ],
// 'no-unreachable': 'error',
// 'keyword-spacing': 'error',
// 'space-before-blocks': 'error',
// 'semi-spacing': 'error',
// 'comma-spacing': 'error',
// 'key-spacing': 'error',
// 'prefer-const': [ 'error', {
// 'destructuring': 'any',
// 'ignoreReadBeforeAssign': false
// } ],
// 'space-infix-ops': 2,
// 'no-irregular-whitespace': 2, // 不规则的空白不允许
// 'no-trailing-spaces': 2, // 一行结束后面有空格就发出警告
// '@typescript-eslint/ban-ts-comment': 'off',
// '@typescript-eslint/no-unused-vars': 'error',
// }
// };
/*
* @Author: tackchen
* @Date: 2022-09-04 08:02:56
* @Description: Coding something
*/
module.exports = {
parser: '@typescript-eslint/parser',
plugins: [
'eslint-plugin-react',
'@typescript-eslint',
],
'env': {
'node': true,
},
rules: {
'no-var': 'error',
'no-extend-native': 0,
'no-new': 0,
'no-useless-escape': 0,
'no-useless-constructor': 0,
'no-trailing-spaces': [ 'error', { 'skipBlankLines': true } ],
'indent': [ 'error', 4, {
'SwitchCase': 1
} ],
'space-infix-ops': [ 'error', { 'int32Hint': false } ],
'space-before-function-paren': [ 'error', {
'anonymous': 'always',
'named': 'always',
'asyncArrow': 'always'
} ],
'semi': [ 'error', 'always' ],
'comma-dangle': 0,
'no-console': 0,
'no-debugger': 0,
'id-length': 0,
'eol-last': 0,
'object-curly-spacing': [ 'error', 'always' ],
'array-bracket-spacing': [ 'error', 'always' ],
'arrow-spacing': 'error',
'no-multiple-empty-lines': 'error',
// 'no-unused-vars': 'error',
'spaced-comment': 'error',
'quotes': [ 'error', 'single', { 'allowTemplateLiterals': true } ],
'no-unreachable': 'error',
'keyword-spacing': 'error',
'space-before-blocks': 'error',
'semi-spacing': 'error',
'comma-spacing': 'error',
'key-spacing': 'error',
'prefer-const': [ 'error', {
'destructuring': 'any',
'ignoreReadBeforeAssign': false
} ],
'space-infix-ops': 2,
'no-irregular-whitespace': 2, // 不规则的空白不允许
'no-trailing-spaces': 2, // 一行结束后面有空格就发出警告
'@typescript-eslint/ban-ts-comment': 'off',
'@typescript-eslint/no-unused-vars': 'error',
}
};
18 changes: 13 additions & 5 deletions README.cn.md
Expand Up @@ -50,7 +50,7 @@

Alins是一款极致纯粹、简洁、优雅的Web UI框架。秉持0-API、Less is More 的开发理念,旨在帮助开发者摆脱UI框架繁杂的API调用困境,以最直观、最纯粹、最贴近vanillajs的开发方式。

您只需要了解jsx的书写规则(类似html的语法)便可以没有任何阻碍的开发 alins web应用,下面是一个最基本的计数器示例,你可以[在演练场中在线体验](https://alinsjs.github.io/playground/)
您只需要了解jsx的书写规则(类似html的语法)便可以没有任何阻碍的开发 alins web应用,下面是一个最基本的计数器示例,你可以[在演练场中在线体验](https://alinsjs.github.io/playground/#4)

```jsx
let count = 1;
Expand Down Expand Up @@ -83,6 +83,7 @@ let count = 1;
3. [ ] [alins-ui](https://github.com/alinsjs/alins-ui):官方UI库 (考虑实现ant-design或者meterial-design)
3. [ ] [alins-v](https://github.com/alinsjs/alins-v):官方表单验证库
4. [ ] [alins-term](https://github.com/alinsjs/alins-term):基于自定义渲染器开发命令行应用程序的工具
5. [ ] [alins-canvas](https://github.com/alinsjs/alins-canvas): 基于自定义渲染器开发使用canvas渲染ui的应用程序的工具

## 1 快速开始

Expand Down Expand Up @@ -118,16 +119,23 @@ npm run dev
1. 该方式不建议在生产环境使用
2. 可以使用 type='text/babel',这样可以获得编辑器自带的语法高亮

您也可以在 [演练场](https://alinsjs.github.io/playground/) 中自由使用,演练场也是使用Web编译器

您也可以在 [演练场](https://alinsjs.github.io/playground/#48) 中自由使用,演练场也是使用Web编译器

## 2 比较

### 2.1 js-framework-benchmark 数据
### 2.1 [js-framework-benchmark](https://github.com/krausest/js-framework-benchmark) 数据

![](https://shiyix.cn/images/alins/performance.jpg)

注:分数越低表示性能越好

### 2.2 代码对比

### 2.3 打包产物对比
![](https://shiyix.cn/images/alins/code.jpg)

### 2.3 编译产物对比

![](https://shiyix.cn/images/alins/output.jpg)


综合源码体积、打包代码体积和框架运行时体积,整理出表格
Expand Down
18 changes: 13 additions & 5 deletions README.md
Expand Up @@ -45,7 +45,7 @@

Alins is an extremely pure, simple, and elegant web UI framework. It adheres to the development philosophy of 0-API and Less is More, aiming to help developers escape the dilemma of complex API calls in UI frameworks and provide the most intuitive, pure, and close-to-vanillajs development approach.

You only need to understand the syntax rules of JSX (similar to HTML) to develop Alins web applications without any obstacles. Below is a basic counter example that you can [experience online in the playground](https://alinsjs.github.io/playground/):
You only need to understand the syntax rules of JSX (similar to HTML) to develop Alins web applications without any obstacles. Below is a basic counter example that you can [experience online in the playground](https://alinsjs.github.io/playground/#4):

```jsx
let count = 1;
Expand Down Expand Up @@ -78,6 +78,7 @@ The following peripheral tools are currently under development, and we also hope
3. [ ] [alins-ui](https://github.com/alinsjs/alins-ui): Official UI library (consider implementing ant-design or meterial-design)
3. [ ] [alins-v](https://github.com/alinsjs/alins-v): Official form validation library
4. [ ] [alins-term](https://github.com/alinsjs/alins-term): Tool for developing command line applications based on custom renderers
5. [ ] [alins-canvas](https://github.com/alinsjs/alins-canvas): Tool for developing applications with canvas based on custom renderers

## 1 Quick Start

Expand Down Expand Up @@ -113,18 +114,25 @@ Note:
1. This approach is not recommended for production environments.
2. You can use type='text/babel' to enable syntax highlighting provided by the editor.

You can also freely use it in the [playground](https://alinsjs.github.io/playground/), which also utilizes a web compiler.
You can also freely use it in the [playground](https://alinsjs.github.io/playground/#48), which also utilizes a web compiler.

## 2 Compare

### 2.1 js-framework-benchmark data
### 2.1 [js-framework-benchmark](https://github.com/krausest/js-framework-benchmark) data

![](https://shiyix.cn/images/alins/performance.jpg)

Note: The lower the score, the better the performance.

### 2.2 Code comparison

### 2.3 Comparison of packaged products
![](https://shiyix.cn/images/alins/code.jpg)

### 2.3 Comparing the Compilation Products.

![](https://shiyix.cn/images/alins/output.jpg)

Combine the source code volume, packaged code volume and framework runtime volume, and sort out the table
Organizing a table to comprehensively compare the source code volume, packed code volume, and framework runtime volume of various products.

| metrics | alins | vue3 | react |
| :----: | :----: | :----: | :----: |
Expand Down

0 comments on commit acc417d

Please sign in to comment.