web 端开发 html css js 问题汇总

  • mac 下的 chrome 中的 select 元素会默认有一个border-radius

有些情况下并不需要圆角，所以就要去掉。 比较常用的方法是：

.select {
     -webkit-appearance: none;
     -webkit-border-radius: 0px;
}

但是这个方法有个缺点，把浏览器默认样式全部去掉了，所以右边原本的上下箭头也没了，所以推荐另外一种方案(缺点是只能是直角)：

.select {
    border: 0px;
    outline: 1px solid rgb(204,204,204);
}

  • td不支持overflow，总会被里面的元素撑大

1. 在里面再套一个与 td 同样大小的div，

设置其为overflow:hidden。

2. 给 table 设置

table-layout: fixed;

给 td 设置

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: keep-all; //非必需

  • hover 时字号变大，会抖动

需要设置容器

宽 width 高 height 和行高 line-height

  • 将变量作为 key 值，赋值给数组

var key='keyname'
var o = {}; o[key] = value; ret.push(o);

ES6 语法

ret.push([key],value);

  • 对象合并

$.extend( target [, object1 ] [, objectN ] )

ES6

Object.assign(target, ...sources)

· 禁止 input 的自动填充

autocomplete="off"

对于type=”password” 时，不生效，需要设置成

autocomplete="new-password"