zoukankan      html  css  js  c++  java
  • $utils使用全指南----持续更新

    顾名思义:$utils是基于Jquery的拓展工具函数库,是本人封装的一些常用且实用的方法。  
    在此只列出使用方式,源码不公开。
    

    1. $.createSelect(数组)------创建选择型表单:

    返回:该选择型表单的jQuery对象

    let $s1 = $.createSelect(["start", "end", "center"]);
    
    9414344-c1d1ebc102274044.png
    $.createSelect

    2.$el.inWindow(x占份数,y占份数)------将浏览器显示窗宽高分别分为100份,让控件中心在相应份数上:

    $s1.inWindow(50,50);//让上一步的$s1(中心)位置在屏幕宽高各50份处
    
    9414344-4a42d68c5ce62262.png
    inWindow

    3.$.onSizeChange(callback)------浏览器尺寸变化时回调:

        $.onSizeChange(function () {//这样当浏览器视窗变化,$s1都会自动处于中心位置
            $s1.inWindow(50, 50);
        })
    
    9414344-79f8645c9700c952.png
    onSizeChange.png

    4. $s1.autoInWin(占份数,y占份数)------如果比较懒(比如me),那么2+3综合即此方法

     $s1.autoInWin(50, 50);
    
    注:提供链式调用,你可以这样使用:一句长代码便可实现创建,定位,取值
        $.createSelect(["start", "end", "center"])
            .autoInWin(45, 5)
            .on("input", function () {
                var value=($(this).val());
            })
    

    5.$el.createText:在某个标签下加上svg文字!

    返回设置文字的函数

    //左顶点为100,100处创建#6D6AFB颜色的文字"toly1994.com"
        $('body').createText({
            str: "toly1994.com",
            font: 15,
            color: "#6D6AFB",
            x: 100,
            y: 100,
        });
    
    9414344-54073af62f932226.png
    $el.createText.png

  • 相关阅读:
    haproxy tcp 反向代理
    c# 字节高低位
    Mac Launchpad图标调整
    vsftp 777权限
    centos7下tomcat7 或tomcat8启动超慢原因
    mysql连接com.mysql.jdbc.exceptions.jdbc4.CommunicationsException: Communications link
    Mac mysql 运行sql文件中文乱码的问题
    Mac Mysql [ERR] 2006
    记一次部署java项目的问题
    典型的响应式布局实例代码
  • 原文地址:https://www.cnblogs.com/toly-top/p/9781979.html
Copyright © 2011-2022 走看看