前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >$utils使用全指南----持续更新

$utils使用全指南----持续更新

作者头像
张风捷特烈
发布2018-09-26 17:30:06
1.2K0
发布2018-09-26 17:30:06
举报
顾名思义:$utils是基于Jquery的拓展工具函数库,是本人封装的一些常用且实用的方法。  
在此只列出使用方式,源码不公开。
1. $.createSelect(数组)------创建选择型表单:

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

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

$.createSelect


2.$el.inWindow(x占份数,y占份数)------将浏览器显示窗宽高分别分为100份,让控件中心在相应份数上:
$s1.inWindow(50,50);//让上一步的$s1(中心)位置在屏幕宽高各50份处

inWindow


3.$.onSizeChange(callback)------浏览器尺寸变化时回调:
    $.onSizeChange(function () {//这样当浏览器视窗变化,$s1都会自动处于中心位置
        $s1.inWindow(50, 50);
    })

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,
    });

$el.createText.png


本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018.07.19 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. $.createSelect(数组)------创建选择型表单:
  • 2.$el.inWindow(x占份数,y占份数)------将浏览器显示窗宽高分别分为100份,让控件中心在相应份数上:
  • 3.$.onSizeChange(callback)------浏览器尺寸变化时回调:
  • 4. $s1.autoInWin(占份数,y占份数)------如果比较懒(比如me),那么2+3综合即此方法
  • 5.$el.createText:在某个标签下加上svg文字!
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档