# 中文化前端开发库zw.js

**Repository Path**: tang-yong-abc/zw2

## Basic Information

- **Project Name**: 中文化前端开发库zw.js
- **Description**: 一个中文的js框架，用来使前端开发的js和css代码中文化。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://gitee.com/tang-yong-abc/zw2/
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2021-06-15
- **Last Updated**: 2024-01-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 中文化前端开发库zw.js

#### 介绍
用来中文化前端开发。使用它可以实现用汉字写前端的js代码，本库的模块中还包含将js关键字汉化的模块和css的汉化模块。

#### 示例

 **充当CSS控制元素样式** 

```
样式("id=x").背景颜色("#0ff");

样式("id=x").字体大小("20px");
```

**对HTML元素进行相应操作** 

```
文档("id=x").添加内容("你好,文档");
var t=文档("id=x").获取内容("html");//获取带标签的内容
var a=文档("id=x").获取内容("纯文本");//获取纯文本内容
```

 
 **可混合原生js的方法使用** 

```
文档("id=x","*").innerHTML="你好,zw.js";
样式("id=x3","*").style.color="red";
文档("id=x").事件("鼠标单击",function(){警告("你单击了我")});
```

 **汉化CSS** 

```
<!--需要声明type='zhongwen-css'请使用zw.full.js并在一个type='text/javascript'的script标签中调用css汉化函数  "中文化css()"-->
<style type="zhongwen-css">
#x3{字体大小:20px;背景颜色:#00f;}
#x3.w{颜色:#000;边框:2px 实线 #0ff;}
</style>
```

 **汉化js关键字** 

```
<!--需要声明type='zhongwen-js',请使用zw.full.js并在一个type='text/javascript'的script标签中调用js汉化函数  "中文化js()"-->
<script type="zhongwen-js">
变量 r="你好,zw.js";
警告(r);
    </script>
    
```

 
 **简化代码** 


```
//比如对document.getElementById("x").style.breakgroundColor="#00f"等形式的写法，可以简化为

文档("id=x").样式({字体大小:"20px",背景颜色:"#ff0",边框:"3px 实线 #00f"})；
```


 **事件** 

```
文档("id=x").事件("鼠标单击",function(){警告("你单击了我")});

```

同时zw.js还封装了javascript的诸多功能，比如时间，字符串，数组，数学，本地储存，ajax等等。