前端进阶 | 如何写好JS（含实例+完整代码）_前端代码编写方法

作者：羊村懒王 | 2024-05-23 01:15:33

踩

前端代码编写方法

写好JS的原则

各司其责-分离HTML/CSS/JS的职能
组件封装-好的UI组件具备正确性、拓展性、复用性。
过程抽象-应用函数式编程思想

一、各司其责

实例：深夜食堂

功能：夜间模式切换

效果
QQ录屏20230116142900 00_00_00-00_00_30.gif
版本一 - JS

          const btn = document.getElementById('modeBtn');
          btn.addEventListener('click', (e) => {
            const body = document.body;
            if(e.target.innerHTML === '声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/羊村懒王/article/detail/610688

推荐阅读

相关标签

前端进阶 | 如何写好JS（含实例+完整代码）_前端代码编写方法

文章目录

写好JS的原则

一、各司其责

实例：深夜食堂