// 添加新规则
validate.setConfig({
chinese: /.*[\u0391-\uFFE5].*$/
})
// 使用说明
var userRules = {
'old_password':[
{ rule:'required', message:'请输入旧密码' },
{ rule:'NumberOrEnglish', message:'旧密码必须是字线或数字'},
{ rule:'min:6', message:'旧密码不能低于6位长度' },
{ rule:'max:20', message:'旧密码不能超过20位长度'}
],
'new_password':[
{ rule:'required', message:'请输入新密码' },
{ rule:'NumberOrEnglish', message:'新密码必须是字线或数字'},
{ rule:'min:6', message:'新密码不能低于6位长度' },
{ rule:'max:20', message:'新密码不能超过20位长度'}
],
}
// 所有校验不通过的错误
var resultError = validate.test({old_password:'',new_password:''},userRules);
// 全局可被监听数据
watchData : {},
// 对监听的属性进行操作,当值发现变更时
watch: function (Name, method) {
var obj = this.watchData;
Object.defineProperty(obj, Name, {
configurable: true, // 描述属性是否配置,以及可否删除
enumerable: true, // 描述属性是否会出现在for in 或者 Object.keys()的遍历中
set: function (value) {
this['__' + Name] = value;
method(value);
},
get: function () {
// 可以在这里打印一些东西,然后在其他界面调用getApp().GD.name的时候,这里就会执行。
return this['__' + Name]
}
})
},
Array.prototype.indexOf = function(item) {
for (var i = 0; i < this.length; i++) {
if (this[i] == item) return i;
}
return -1;
}
/*
switch盒子
使用参数:宽,高,选中颜色值
使用实例:.toggle-switch(68px,24px,#0092ff);
*/
.toggle-switch (@w:68px,@h:24px,@c:#0092ff){
display: inline-block; position: relative;
width: @w; height: @h; border-radius: 5px;
input[type="checkbox"] {
position: absolute;
width: 100%;
height: 100%;
margin: 0px;
filter: alpha(opacity=0);
opacity: 0;
}
/*默认样式*/
.toggle-switch-content {
width: 100%; height: 100%; display: table; border: 1px #e6e5ea solid; background: #f5f5f7;
border-radius: @h;
}
.switch-true,
.switch-false {
width: @h; height: @h; border-radius: @h;
}
.switch-true {
float: right; background: #FFF; box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.3); display: none;
}
.switch-false {
float: left; background: #FFF; box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.1);
}
/*选中样式*/
input[type="checkbox"]:checked + .toggle-switch-content {
background: @c; border: 1px @c solid;
}
input[type="checkbox"]:checked + .toggle-switch-content .switch-true {
display: block;
}
input[type="checkbox"]:checked + .toggle-switch-content .switch-false {
display: none;
}
}
-webkit-transform: translateZ(0); transform: translateZ(0);
插件入口,点击ICON,插件相关的所有功能都会在这里列出来,在popup中选择所需使用的功能即可使用
当你访问的接口(打开的页面)返回的是一个JSON格式的数据,FeHelper会自动将内容进行格式化处理,便于您的查看
把你的JSON代码粘贴到JSON查看器的输入框中,点击“格式化”,在下方便会以非常友好的方式列出JSON数据,便于查看
包括Javascript代码美化、CSS代码美化、HTML代码美化;其实所有C系的代码,都可以通过Javascript代码美化工具进行格式化查看
包括Web前端Javascript代码压缩、CSS代码压缩、HTML代码压缩
包括Unicode编码和解码、UTF-8字符串编码和解码、Base64字符串编解码、字符串MD5编码,前端非常实用的工具
对图片文件进行base64编码,直接拷贝datauri格式的数据
能对网址、普通文本内容、电话号码、通讯录、短信等编码并生成二维码,很实用的二维码生成工具
针对网页上的二维码,点击右键,选择【二维码解码】,可在当前页面直接看到解码结果!
针对整个网页进行滚动截屏,在新窗口可预览后再手动保存
支持任意时间到对应时间戳的转换;支持任意时间戳到对应日期的转换
提供一个正则表达式的及时测试工具,并能将匹配结果进行高亮显示、高亮定位等;同时还罗列了一些常用的正则表达式供开发者使用
提供一个网页取色的工具,任意页面均可使用,方便大家在开发过程中能精准获取某元素的颜色值,再也不用截图后再通过Photoshop取色了
对当前网页进行Javascript、CSS、HTML编码规范的检测,包括文件是否压缩、标签是否正确闭合、cookie管理等等
对当前页面的性能进行检测,如HTTP响应时间、页面渲染时间、是否启用gzip压缩等等
在这里,你可以随意定制属于你自己的FeHelper常用功能!
"channels":[
"http://cst.stu.126.net/u/json/cms/channel_v3.json",
//"https://packagecontrol.io/channel_v3.json",
//"https://web.archive.org/web/20160103232808/https://packagecontrol.io/channel_v3.json",
//"https://gist.githubusercontent.com/nick1m/660ed046a096dae0b0ab/raw/e6e9e23a0bb48b44537f61025fbc359f8d586eb4/channel_v3.json"
],