如何优美地写js

最新推荐文章于 2022-02-27 18:15:08 发布
最新推荐文章于 2022-02-27 18:15:08 发布
阅读量133 收藏
点赞数
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_40233349/article/details/103680871
本文总结了一年的编程经验，分享了CSS命名规范，如headersectionfootaside划分页面区域，及js命名规则，包括业务逻辑的小驼峰命名，公用方法的大驼峰命名，私有方法前加_，全局常量全大写等，旨在提升代码可读性和维护性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

快到年底了，总结一下自己命名书写的规范

1，css篇

header section foot aside分好页面的区域

然后是下级标签如 se1_card1 就代表section1下面的card1。保证层级嵌套尽可能少，通过命名就能知道层级关系。

书写一个基本的css文件，将布局、基本样式等存放在这里，后面的页面通过class名就能使用

2，js篇

业务逻辑代码命名：小驼峰，尽量使得看命名就知道是干什么用的

抽取出来的公用方法：大驼峰。

私有方法：前面加_

全局常量：全大写

请求参数先做错误校验

guapiCat
关注
【青训营】- 如何写好JS
Always-Learning
08-18 228
写好JS的一些原则 各司其责 JavaScript：负责行为表现 CSS: 负责样式 HTML：负责结构 组件封装 组件是值web页面上抽离出来的一个个包含模板、功能和样式的单元，好的组件具备封装性 、正确性、拓展性、复用性。组件设计的原则：封装性、正确性、拓展性、复用性。 实现组件的步骤： 结构设计 展现效果 行为设计 三次重构 插件化 模板化 抽象化 过程抽象 用来处理局部细节控制的一些方法。 函数式编程思想的基础应用。 高阶函数 以函数作为参数 以函数作为返回值 常用于作为函数装
如何写好JavaScript
qq_36934866的博客
04-09 435
文章目录如何写好JavaScript各司其职例子复杂UI组件设计例子，京东轮播图局部细节控制例子-逐步消失的方块 如何写好JavaScript 各司其职 HTML，结构 CSS，表现 JavaScript，行为 例子 页面切换黑 & 白两个模式 不好的模式：用JS操作CSS样式，违反了 **各司其责** 的规则 html,body { mar...
【字节跳动青训营】- 如何写好JS？
qq_43812731的博客
08-19 797
各司其职 HTML/CSS/JS各司其职 应当避免不必要的由JS直接操作样式 可以用class来表示状态 纯展示类交互寻求零JS方案（可以用CSS实现） 例如：实现一个网页的“夜间模式” 方法一： const btn = document.getElementById('modeBtn'); btn.addEventListener('click', (e) => { const body = document.body; if(e.target.innerHTML ==
如何写 “好” JavaScript （01）
huaqi_的博客
02-27 253
写好 JS 的一些原则、各司其职、组件封装
紧跟月影大佬的步伐，一起来学习如何写好JS（上）
moandaylab
09-15 1452
如何写好JS - 三大原则序言一、☂️什么才是好的JS代码？二、 写好JS的一些原则1. 各司其职（1）定义（2）例子阐述2. 组件封装（1）定义（2）例子阐述：轮播组件（3）轮播组件重构：插件化（4）轮播组件重构：模板化（5）轮播组件重构：组件框架（6）总结3. 过程抽象（1）定义（2）例子阐述（3）Once（4）高阶函数1）高阶函数是什么2）常用高阶函数（5）思考和讨论（6）编程范式1）命令式与声明式2）例子展示三、结束语:) 往期推荐序言 对于
以优美方式编写JavaScript代码
01-31
JavaScript编程很多年了，写了大量的JavaScript代码，即便是我这样的经历，但我仍然还在努力地去写出更优美的 JavaScript代码，在这篇文章中，我将探索为什么写出漂亮的JavaScript代码是如此困难，如何使用...
JS创建优美的页面滑动块效果 - Glider.js
10-30
与市面上其他滑动块插件相比，Glider.js更注重性能优化和代码简洁性，使得开发者可以轻松地将其集成到自己的项目中。 #### 安装与配置 1. **下载**：首先可以从Glider.js的官方GitHub仓库或者Googlecode项目地址...
使用CoffeeScrip优美方式编写javascript代码
11-23
CoffeeScript最终会编译成JavaScript代码，可以在任何支持JavaScript的环境中运行，包括浏览器和Node.js。 【CoffeeScript的简洁性】 1. **取消分号**：CoffeeScript允许开发者省略行末尾的分号，减少了代码中的...
用函数式编程技术编写优美的 JavaScript_ibm
10-30
在JavaScript中，函数式编程是一种强大的编程范式，它强调使用函数来表示数据处理和计算。...通过深入学习和实践，开发者可以更好地掌握这种编程范式，提升编程技能，写出更加优美和高效的JavaScript代码。
如何写好 JavaScript （一） ——《高性能 JavaScript》章节总结
{{ Coding enjoy }}
11-19 822
现在当你在写一段JS的时候，往往为了提高性能，会选择压缩和合并，或者使用模块化的加载方式。借助这些插件和工具，我们提升了我们JS的执行性能和优化了加载资源的速度。而且现在我们拥有强大的JS处理引擎，比如Chrome的V8。但是仍然有一部分需要我们关注的地方：DOM交互、网络延迟、JavaScript的阻塞和并发下载等。也就是说除了借助工具和引擎外，更需要我们关注JavaScript的底层性能。
8个编写优秀JS代码的技巧和窍门
weixin_52255418的博客
11-12 545
下面js教程栏目给大家介绍8个编写javascript代码的技巧和窍门。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。 1. 生成指定区间内的数字 有时候需要创建在某个数字范围内的数组。比如在选择生日时。以下是最简单的实现方法。 let start = 1900, end = 2000; […new Array(end + 1).keys()].slice(start); // [ 1900, 1901, …, 2000] // 也可以这样，但是大范围结果不稳定 Array.from({
html中写js语句
图纸的博客
04-02 2089
得用script包住，以及得有$(document).ready <script src="/Scripts/jquery/jquery.min.js" type="text/javascript"></script> <script src="/Scripts/layer/layer.js" type="text/javascript"></sc...
如何编写JavaScript
热门推荐
吴小迪的博客
05-03 4万+
JavaScript的入门文章： 如果你已经会写html与css了，但是你还没学JavaScript那么你就可以从笔者的这边文章开始学起了。 JavaScript在哪里写 是我们首先要知道的。 一共可以写在三个地方。 行内,给元素添加事件 <button onclick='alert("hello")'>按钮</button> 写在html内部 （一般情况下放在bo...
20个简洁的 JS 代码片段
zhengyuantoo的博客
08-03 643
20个简洁的 JS 代码片段 1、单行 If-Else 语句 这是许多编程语言的共同特征。你可以使用三元运算符用一行代码编写整个语句，而不是在多行上编写 if-else。 例如： const age = 12; let ageGroup; // LONG FORM if (age > 18) { ageGroup = "An adult"; } else { ageGroup = "A child"; } // SHORTHAND ageGroup = age > 18 ? "An
如何优雅的编写JavaScript代码
Keep It Simple, Stupid
09-24 4498
几乎每个大一点公司都有一个“运行时间长，维护的工程师换了一批又一批”的项目，如果参与到这样的项目中来，大部分人只有一个感觉——『climb the shit mountain』。所以我们经常会说谁谁谁写的代码就像排泄物一样，为了避免成为别人嘴里的谁谁谁，所以我写的代码一般不注明作者日期信息（抖机灵，其实是因为 Git 能够很好的管理这些信息），所以在项目中，我们应该编写可维护性良好的代码。同时，对于
js 时间加减_如何让你的 JS 写得更漂亮
weixin_39792803的博客
11-27 266
1. 按强类型风格写代码JS是弱类型的，但是写代码的时候不能太随意，写得太随意也体现了编码风格不好。下面分点说明： （1）定义变量的时候要指明类型，告诉JS解释器这个变量是什么数据类型的，而不要让解释器去猜，例如不好的写法：var num, str, obj;声明了三个变量，但其实没什么用，因为解释器不知道它们是什么类型的，好的写法应该是这样的：var num = 0, str ...
提升JavaScript代码优美性的策略与CoffeScript应用
作为一名有着多年JavaScript编程经验的开发者，他认识到写出高质量代码的重要性，尤其是在处理繁琐的细节时。文章探讨了以下几个关键点： 1. 简洁性与效率：作者强调优美代码的一个核心原则是用最少的代码解决问题...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值