首页 > 代码库 > 常用技巧总结(一)

常用技巧总结(一)

1、  判断中英文


function isChina(s){
        var patrn=/[\u4E00-\u9FA5]|[\uFE30-\uFFA0]/gi;
        if(patrn.exec(s)){
            return true;
        }else{
            return false;
        }
    }

2、  自动滚动条设置


链接(CSS滚动条实现步骤及美化小技巧):

http://www.w3cschool.cn/css/css-scrollbar.html

// 设置滚动条:
/*set scroll*/
    line-height:24px;
    overflow:auto;
    overflow-x:hidden;
// 修改滚动条,这个针对于谷歌,且会改变当前页面中任意的滚动条样式
/*set scroll stylesheet*/
::-webkit-scrollbar {
    width: 5px;
    height:90px;
} /* 这是针对缺省样式 (必须的) */
::-webkit-scrollbar-track {
    background-color: #FFFFFF;
} /* 滚动条的滑轨背景颜色 */
::-webkit-scrollbar-thumb {
    background-color: #d4d7da;
} /* 滑块颜色 */
::-webkit-scrollbar-button {
    background-color: #FFFFFF;
} /* 滑轨两头的监听按钮颜色 */

::-webkit-scrollbar-corner {
    background-color: #FFFFFF;
} /* 横向滚动条和纵向滚动条相交处尖角的颜色 */

3、  展示信息用table比较合适


 

单元格中换行需要设计min-width和max-width属性。

当有其他事件注册时,考虑div和a的组合方式。

另外:使标签a的下划线消失的方式:text-decoration: none;

4、border属性


border: 1px dashed #d4d7da;

当设置div时背景颜色透明度时,希望不影响div内容的透明度,可以设置rgba颜色值。最后一个值为透明度。

background-color: rgba(74,83,93,0.8);

 

常用技巧总结(一)