zoukankan      html  css  js  c++  java
  • 一些实用的小技术,不定时更新^_^

    很多人在做遮罩层时,可能都会遇到一个问题,就是遮罩层中的文字会随着层的背景色一起被透明化。以前都是用并列的层通过设置z-index来解决这个问题,现在不同了,几乎所有的浏览器都支持rgba格式的背景色了,因此用rgba来做这个效果就非常简单:

    例子: background-color:rgba(0,0,0,0.4);

    通过指定rgba就可以了,不需要指定opacity,这样就不会影响层的前景色。


    以前做长字符串截断显示时,通常用js做长度判断并截断,追加三个点表示未显示完全,然后用title提示显示全部内容,

    今天发现了一个恒古存在的css样式处理的方法,真是郁闷啊,为什么以前不知道呢!!!

    .autoBreak{text-overflow: ellipsis; overflow: hidden;  word-break:keep-all;  white-space:nowrap; text-align: center;}

    <div  class="autoBreak" style=" border: 1px solid #666; height: 22px; 150px; " title="0123456789测试0123456789测试">
        0123456789测试0123456789测试
    </div>


    带检索条件的BCP:

    bcp "select * from dbName.dbo.tableName where [id] between 'test201204250001' and 'test201205250001'" queryout D:\tmpData.txt -c -S192.168.1.105 -Uusername -Ppassword


    mvc框架下的下载

    public FileContentResult downLoadFile(string id)
    {
            Attachment at = repository.getAttachmentByID(id);
            return File(at.Content, "appliction/octet-stream", at.NewName);
     }

    字符串分割、排序与还原:

                string[] items = src.Split('&');
                items.OrderBy(p=>p.Substring(0,1));//首字母排序
                string data = string.Join("&", items);

    动态sql语句分割字符串:
    DECLARE @s VARCHAR(100),@sql VARCHAR(1000)
    SET @s='1,2,3,4,5,6,7,8,9,10'
    SET @sql='select col='''+ replace(@s,',',''' union all select ''')+''''
    PRINT @sql

    EXEC (@sql)


    合并字段的典型语法:
    SELECT  DISTINCT 
      ds = (SELECT ',' + CAST(id AS VARCHAR) 
     FROM tableName
    WHERE fid    = t.id
      AND status = 1
      FOR XML PATH('')
    )       
      FROM  tableName t

     WHERE  parentId = 1


    jquery抛物线移动某dom效果:

    //clone()方法是重点啊。。。。

    $('#addCart').on('click', function () {
           var src = $('.product-detail');
           src.clone().css({ position: 'absolute', left: 0, top: -10 }).appendTo(src)
           .animate({ 10, height: 10, left: 780, top: -80 }, "slow", function () {
                  $(this).remove();
           });
    });


    //正则提取中括号里的内容,不带中括号

    var str = 'adc[1232]def[3]g[5]';
    var m = str.match(/([^\[\]]+)(?=\])/g);
    console.log(m)

    jquery 选择器 查找没有class的元素:

    $("div:not([class])")


    window.onload = function(){//隐藏脚本的方法
    Source=document.body.innerHTML; //获取文档的原有内容
    document.open(); //打开文档
    document.write("代码已经被屏蔽");//输出提示内容
    document.close(); //关闭文档
    document.title="看不到源代码"; //文档标题
    document.body.innerHTML=Source; //重新写入旧内容
    }

    多行文字溢出边框时,尾部追加省略号的最简方法,本人发明的哦:

    .item-desc {320px;height:36px; overflow:hidden;position:relative;}
    .item-desc::after {content: " ... "; bottom:5px;right:  3px;position: absolute;background-color:#fff;}

  • 相关阅读:
    hdu 1.2.4
    交换机&&路由器
    AP、AC、无线路由器
    肩胛骨
    无线路由器
    背部肌肉
    胸部肌肉
    redis未授权访问
    进制
    攻防实验
  • 原文地址:https://www.cnblogs.com/foren/p/6009112.html
Copyright © 2011-2022 走看看