06 2021 档案
摘要：Safari 不支持 - 的日期格式，比如 2020-11-11，需要把 - 改成 /，也就是 2020/11/11
阅读全文
摘要：随着业务的发展，我们通常会采用复杂的版本控制和破坏性的修改来实现 API 升级，而这些升级往往是不能向下兼容的。利用API 扩展-收缩这个模式可以控制这种升级给整个产品带来的风险。 API 扩展-收缩 英文翻译为 expand and contract，也有种更高级的叫法是 Parallel Cha
阅读全文
摘要：导致问题的原因是 W3C 上有条规定: When there is only one single-line text input field in a form, the user agent should accept Enter in that field as a request to su
阅读全文
摘要：通常我们会使用固定宽度来截断文本并显示 ...，样式通常写法如下： .ellipsis { width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 但在 flex 布局中，当设置了 flex: 1
阅读全文
摘要：以终为始 - 从终点开始倒推 思考有几条途径可以到达当前的状态，例如对于二维数组来说，到达 (i,j)，可能有 (i-1,j)、(i,j-1)、 (i+1,j)、(i,j+1) 等等 确定选取策略 - 比如有三条路径可以过来，每条路径都带有一定的信息，结合策略（例如 min、max ...）和信息，
阅读全文
摘要：可以尝试下面两种解决： 方法一 这个方法是操作系统的兼容问题，在 Windows 上默认是按 14px 字体算的，所以不会错误，而在 MacOS 上却是按 12px 算的，所以输入的字符越多，错误的就越厉害。 解决办法是在 monaco.editor.create 的时候，第二个配置像参数里面显示设
阅读全文
摘要：成熟如 Ant Desinger 这类框架，也不可避免会出现问题，掌握排查问题的能力令人获益匪浅。
阅读全文
摘要：在方法中引用了 ref、reactive 或者 computed 属性，当属性发生改变的时候，方法会被重新执行。 举个应用场景 有一个包含下拉框的列表，每个下拉框里的选项都是不可重复的，比如第一个下拉框选了 A，那第二个下拉框就看不到 A 了。 也就是说，如果第一个下拉框开始有 ABC 三个选项，它
阅读全文
摘要：通常 <table> 最大的长度默认是 100%，当包裹 <table> 的容器宽度很小的时候，会把表格挤的“惨不忍睹”。 碰到这种情况，如果你想最大程度的撑开表格，可以给 <th>、<td> 设置 white-space: nowrap; 这个 CSS 样式，然后再给容器设置一个 scroll-x
阅读全文
摘要：以鸟类为例，假设有个父类 bird，这个父类有个 fly 的抽象方法。 如果用继承，那就默认所有鸟类都会飞。但根据“黑天鹅”理论，并不是所有的鸟类都会飞。 这时候使用组合的话，就等于乐高拼搭。我这只鸟如果会飞，就把 fly 这个方法积木拿过来搭上。 当然就像标题写的，“多用”组合，“少用”继承，而不
阅读全文
浙公网安备 33010602011771号