-
bind修改后无法再次修改this,因此诞生了软绑定softBind,案例 -
在省略样式处创建层叠上下文,会未被省略,但表现很奇特,案例
-
浏览器回退时接口会
from disk cache使用缓存造成动态数据未更新,应该是主要依据于Last-Modified -
父级
pointer-events: none但子级为auto,子级范围内仍然可触发父级效果,案例 -
case若不加{}并未独立作用域,比如switch(1) { case 1: let a; break; case 2: let a; break; }会报错 -
transition-delay为0ms不会触发transitionend事件,哪怕有0.001ms就会。animation没这问题 -
部分浏览器
transition: background-image 1s会有两图重叠渐显渐消的效果,但非常不稳定 -
CSS 的
gap/grid-gap中 y 轴若为百分比,会以宽度为准,但不会撑起高度 -
flex: 1实则为flex: 1 1 0的缩写,应写为flex: auto或flex: 100%更好 -
transition和animation的0必须有单位,如0s -
inline中定位然后right: 0是按最后一个字符来定的,而不是容器边界 -
CSS 的
content: attr(data-title)中 attr 加引号会失效 -
SVG 当
fill="none"时无法触发 SMIL 的begin="click",需用fill="transparent" -
let a = b = 1中的b其实是var的 -
给定位定高的
body设置背景图,contain会失效,案例 -
给不定高
body设background-size表现比较意外,案例 -
当父级
overflow: auto,子级绝对定位超出,父级不加relative可看到子级,案例 -
阻止微信浏览器字体大小
setFontSizeCallback在微信上可行,在企业微信上不可行 -
子级非
flex-shrink:0且父级为flex时,子级尺寸不会超出父级,案例 -
在部分版本浏览器中,某些元素如
<summary><fieldset><button>不可作为flex容器 -
'abc'.includes('')包含空字符串为空时始终为 true,需进行规避 -
空字符串
''.split()会得到['']而非[],需进行规避 -
空数组进行
every判断始终为true,需根据场景做好规避 -
解密
decodeURI(decodeURI("%5Cu9648"))不可行,需JSON.parse('"' + decodeURI('%5Cu9648') + '"') -
小程序自定义组件中,无法
canvasToTempFilePath生成图片,报fail canvas is empty -
小程序自定义组件中的 canvas,在
createCanvasContext (canvasId, context)时必须加context -
正则
\w也会匹配到下划线_和数字 -
vue 中当
props: { x: [Boolean, String] }时,x: ''为true,x: 'x'为'x' -
小程序
<web-view>的链接部分版本下xx?a=1会访问 404 ,改为xx/?a=1才行 -
inline的margin-left和text-indent效果是一样的 -
166.665.toFixed(2)没有按正确的四舍五入等于"166.67" -
36.62 * 100; // 3661.9999999999995应用转字符串replace('.', '')