前端小技巧总结（一）

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

 

转载于:https://www.cnblogs.com/zhangxiaoshuang/p/6917625.html