0525

工作

• 联调，上线。
• 难点：
  • id 值重复导致 ng-model 失效：需求很简单，就是 2 个 radio + 1 个 textarea ，因为和前面的页面长得一样，简单的做法就是 copy 过来，改改命名。
  • 然而，我 copy 过来后，其他都正常，一些 js 相关的方法，变量值都改了，结果 ng-model 失效，也没有报错，莫名其妙。
  • 排查方式：
    • 排除 js 变量名问题：直接写一个同样功能的原始 input type='radio' 绑定 ng-model，发现可以用，那么排除 js 变量名不同问题
    • 排除样式问题：加上样式测试，效果异常，失效态。接着看看是哪一个样式导致的问题，一个个干掉 class 和 style，结果发现不是样式的问题
    • 确定是 id 一致的问题。
  • 原因：因为这是同一个页面，这次的需求是在这个页面加一个弹框。而我 拷贝进来的东西是 <label for="xxx"></label> <input id="xxx" /> 这样的，然而，页面中 label 的 for 属性和 input 的 id 是强绑定的，一个页面中不能出现多个同样的 id，不然会串，加上因为我们的 ui 组件时内部封装的，在这方面估计存在缺陷而不能及时反馈提示我的错误，致使发现bug没有报错没有效果不好排查。真是神奇。

好文推荐

• 关于门户的前端权限管理 关于权限管理在前端层的处理，例如路由，按钮权限。
• 使用 JavaScript 编写更好的条件语句 如题，编写出更好的条件语句
• 成长路上的经验 关于作者总结的提升工作的一些思路和经验之谈
• 如何应用 SOLID 原则在 React 中整理代码之开闭原则 关于代码设计，如何写更好的代码。

项目推荐

• node+vue3+vite+ts开源免费的后台管理系统 如题，一个好用的开源系统，亮点在于技术栈是最新的。midwayjs, vite, ts, vue3 等

明日计划

TODOS