• validate 简易正则校验插件

    发表于 2019-10-16 19:36:44   |   下载附件
    validate正则校验表单校验表单提交校验rules 校验正则
    // 添加新规则
    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);
  • 在小程序中使用全局数据监听

    发表于 2019-09-25 09:37:09   |   下载附件
    小程序全局监听definePropertyObject.definePropertygetset
    // 全局可被监听数据
    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

    发表于 2019-09-17 17:51:24   |   下载附件
    Array.prototype.indexOf数组方法indexOf
    Array.prototype.indexOf = function(item) {
        for (var i = 0; i < this.length; i++) {
            if (this[i] == item) return i;
        }
        return -1;
    }
  • 一个CSS值转REM的Sublime Text插件

    发表于 2019-08-12 10:34:58   |   下载附件
    CSSREMcss转remcss转rem sublime text 插件
  • SublimeText3追踪函数工具CTags设置及使用

    发表于 2019-08-12 10:08:36   |   下载附件
    ctagssublime text 函数追踪代码追踪功能插件代码调试追踪
  • Sublime Text插件之Css3

    发表于 2019-08-12 09:04:19   |   下载附件
    css3提示插件sublime css提示css3高亮Sublime Text的CSS3插件
    1.Package Controll地址:https://packagecontrol.io/packages/CSS3
    2.Git源代码地址:https://github.com/y0ssar1an/CSS3
  • LESS 自定义 switch 选择器样式

    发表于 2019-08-09 10:42:15   |   下载附件
    lessswitch选择器样式自定义switch样式checkbox伪装switch样式
    /* 
    	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;
    	}
    
    }
  • IOS中防止fixed抖动的额外代码

    发表于 2019-07-18 17:01:48   |   下载附件
    防抖动ISO fixed抖动苹果手机 fixed 样式修复
    在 添加 fixed 样式的容器中加入
    -webkit-transform: translateZ(0); transform: translateZ(0);
  • FeHelper浏览器插件

    发表于 2019-07-10 10:32:32   |   下载附件
    浏览器插件JS格式化美化WEB前端肋手JS调试

    功能简介

    FeHelper--弹出菜单

    插件入口,点击ICON,插件相关的所有功能都会在这里列出来,在popup中选择所需使用的功能即可使用

    JSON接口自动格式化查看

    当你访问的接口(打开的页面)返回的是一个JSON格式的数据,FeHelper会自动将内容进行格式化处理,便于您的查看

    JSON查看器

    把你的JSON代码粘贴到JSON查看器的输入框中,点击“格式化”,在下方便会以非常友好的方式列出JSON数据,便于查看

    代码美化

    包括Javascript代码美化、CSS代码美化、HTML代码美化;其实所有C系的代码,都可以通过Javascript代码美化工具进行格式化查看

    代码压缩

    包括Web前端Javascript代码压缩、CSS代码压缩、HTML代码压缩

    字符串编解码

    包括Unicode编码和解码、UTF-8字符串编码和解码、Base64字符串编解码、字符串MD5编码,前端非常实用的工具

    图片Base64编码

    对图片文件进行base64编码,直接拷贝datauri格式的数据

    二维码生成器

    能对网址、普通文本内容、电话号码、通讯录、短信等编码并生成二维码,很实用的二维码生成工具

    二维码解码

    针对网页上的二维码,点击右键,选择【二维码解码】,可在当前页面直接看到解码结果!

    全网页截图

    针对整个网页进行滚动截屏,在新窗口可预览后再手动保存

    时间(戳)转换工具

    支持任意时间到对应时间戳的转换;支持任意时间戳到对应日期的转换

    正则表达式工具

    提供一个正则表达式的及时测试工具,并能将匹配结果进行高亮显示、高亮定位等;同时还罗列了一些常用的正则表达式供开发者使用

    页面取色工具

    提供一个网页取色的工具,任意页面均可使用,方便大家在开发过程中能精准获取某元素的颜色值,再也不用截图后再通过Photoshop取色了

    编码规范检测

    对当前网页进行Javascript、CSS、HTML编码规范的检测,包括文件是否压缩、标签是否正确闭合、cookie管理等等

    页面性能检测

    对当前页面的性能进行检测,如HTTP响应时间、页面渲染时间、是否启用gzip压缩等等

    FeHelper配置页

    在这里,你可以随意定制属于你自己的FeHelper常用功能!

  • 解决sublime text3无法安装插件问题

    发表于 2019-06-26 11:28:49   |   下载附件
    sublimesublime 无法安装插件问题安装插件
    网上查了找到的方法就是改变安装channel_v3.json的配置文件。

    解决方法:
    Package Control.sublime-settings]修改方法:
    Preferences > Package Settings > Package Control > Settings - User


    添加以下代码:
    "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"
    ],
每页显示10条,当前为第3页,总页数为19页