# examples

**Repository Path**: wjkfree/examples

## Basic Information

- **Project Name**: examples
- **Description**: 项目案例集合
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-12-28
- **Last Updated**: 2025-04-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: example

## README

## 介绍

例子集合


## java规范

使用双引号

句尾加分号

组件名大写

## 设计规范

圆角 4px

文字 14px

icon 18px

间距 12px/6px

按钮 80*32

遮罩 70% 透明度

空状态 icon 68px

结果反馈 icon 64px

加载 icon 30px

输入框 高 32px

评分 差-灰色 一般-黄色 优秀-橙色 16px

进度条 8px

树形控件 不同层级相差 12px

回到顶部 icon 40px

滚动条 6px 蓝色40%

---

图片大小：

大图片  1920*1080  < 800k

中等图片  1920*450  < 500k

展示图片  640*640  < 200k

icon图片  120*120  < 50k

---

顶部导航

左侧系统提示信息 14px #666

右侧快捷图标 20px #22222c 间距20px

---

dialog 弹窗

标题内边距 15px 字体18px 颜色#303133 下边框线颜色#ebeef5

底部边距 10px 15px

---

confirm 弹窗

标题内边距 15px 15px 10px 15px 字体18px 颜色#303133

内容内边距 10px 15px 字体14px 颜色#606266

底部内边距 5px 15px 0 15px 按钮靠右排放

---

表格

标题行高 40px 文字居中，颜色#515a6e，加粗500，字体14px  边框线#ebeef5

内容区域 字体14px 颜色#606266

使用图片 最大高度45px

---

notification 提示框

内边距 14px 26px 14px 13px    字体16px，加粗，颜色#303133

内容部分 行高21px  上边距6px  字体14px，颜色#606266

---

按钮

内间距 9px 15px 字体14px   按钮并排间距15px   图标与字体间距5px

---

表单

每行间距 18px

输入框高32px  标题字体12px，加粗，颜色#606066

label宽度100px

## url 地址防 sql 注入
```js
//过滤URL非法SQL字符
var sUrl=location.search.toLowerCase();
var sQuery=sUrl.substring(sUrl.indexOf("=")+1);
var re=/select|update|delete|truncate|join|union|exec|insert|drop|count|'|"|;|>|<|%/i;
if(re.test(sQuery)){
  alert("请勿输入非法字符");
  location.href=sUrl.replace(sQuery,"");
}
```

## 文本防 sql 注入
```js
function AntiSqlValid(oField ){
  re= /select|update|delete|exec|count|'|"|=|;|>|<|%/i;
  if ( re.test(oField.value) ){
    //alert("请您不要在参数中输入特殊字符和SQL关键字！"); //注意中文乱码
    oField.value = "";
    oField.className="errInfo";
    oField.focus();
    return false;
  }
}
```

## 密码规则
密码规则：包含数字字母特殊字符(!@#$%^&*)的组合，长度为8-16位。

验证表达式：
```js
/^(?![a-zA-z]+$)(?!\d+$)(?![!@#$%^&*]+$)(?![a-zA-z\d]+$)(?![a-zA-z!@#$%^&*]+$)(?![\d!@#$%^&*]+$)[a-zA-Z\d!@#$%^&*]{8,16}$/
```