时间: 2019-11-17阅读: 93标签: 代码
注释的使用
前端页面的成功呈现，不仅要求在理想情况下没问题，当一些后台接口访问异常、静态文件获取失败时，仍然需要尽可能提供降级方案或给用户良好的反馈，不至于整个页面的奔溃。今天我将分享一些提高页面健壮性的技巧。
方便代码的后期维护，通过注释能更加快速的了解代码的含义
异常处理
项目是团队开发的，互相参考对方的代码是很常见的事情，良好的注释，有利于代码可读性的提升
主要指数据类型。这种情况最常出现在读取后台数据的时候，尤其是需要取数组、对象等引用类型时，可能后台已经保证会传给你固定的数据类型，但因为种种原因或异常，可能出现本来应该是一个对象或数组的字段变成了null，这是非常之普遍的，如果前端直接取res.xxx或res.length，就会报错，导致程序阻塞。
单行注释
一般有两种手法来处理这种情况：一种是判空处理，如(res || []).length，（res || {}).name等；另外一种是全部按理想情况写，但是外层用try{...}catch(){...}包裹，一有异常就抛出去，通过过滤错误来确保try后面的代码仍能正常执行。
使用符号#开头的文本内容
数据检验
多行注释
最常出现在表单输入时，用户可能输入各种各样奇怪的东西，比如有前后空格、负数、小数、很长很长的数，重复的数等等，一般我们可以设置一些规则来限制用户操作，比如设置最大输入长度，不能输入负数、小数等等，还有就是表单提交时对不合理的行为做出提示，阻止其进行下一步操作。
使用符号三个单引号，或者三个双引号包含的内容
能应对怪异的用户行为
程序中，添加注释的重要性
我们很难去规范用户使用系统或浏览页面的行为，尤其是行为顺序，可能用户会完全不按照正常的顺序去做一些操作，比如按照相反的顺序来，或交叉顺序操作系统，或疯狂的点击按钮。这不是普遍的情况，但最好能保证你的程序在这种情况下仍然可用， 一般应对疯狂的用户行为，可以用防抖、节流、最大次数限制来做规范，而对于不按套路操作的用户，要么限制其行为，告诉他“请先选择xxxx，再进行xxxx”，或者在程序方面做好兼容。
直接关于到您的代码质量，如果代码质量不高的情况，基本上就可以让你重新开发了！
响应式
程序的输出和输入<熟练>
这已经是一个很基础的需求，考虑到大部分用户的屏幕尺寸限制，很多高分辨率屏幕都会出厂自带一定的文本缩放，所以实际在浏览器中，视窗的宽度很少有超过1920px的；尤其是笔记本，就算是16英寸的屏幕，1080p全开字也是很小的，所以实际在PC端，做的好的话，会兼容到到1024*768 ~ 1920*1080。同时做好最大最小宽度限制。
程序的输出：
注意JS浮点数运算的坑
print()函数：主要用于在标准输出（控制台）输出信息
这是一个历史遗留问题，0.1 + 0.2 !== 0.3是一个大家都知道的梗，所以如果涉及到前端运算的页面，一定要注意浮点数的问题， 常见的手法有用+‘xxx’或parseInt或parseFloat来做字符串转数字，用toFixed来限定小数点的位数等。
标准输出
直接在print()函数的括号中输出数据
在print()中可以使用连接符号 + 来连接不同的字符串
这样的方式不推荐使用在某些情况下，会造成输出在控制台输出错乱
占位符输出
常见的语法格式 print(“一段字符串%s” % (“这是替换的内容”))
%s：占位符（万能占位符）可以输出任何数据【s：str】
%r：占位符（万能占位符），其实就是Python控制台转换成字符串的方式
%d：占位符，只能输出整数
%f：占位符，输出浮点数【小数】
%20.12f 小数点前面的整数，表示数字占据空间的宽度，小数点后面的数字表示保留的小数位数
程序的输入：
python2.x：使用的是raw_input()函数
python3.x：使用的是input()函数来操作输入，要求是标准输入（键盘）
input([msg])：input函数主要是用于进行程序接收用户键盘输入的函数，msg参数是提示信息，可以通过一个变量，来接收用户输入的数据
input接收到的用户输入的数据，都是字符串
c = input(“提示用户输入的信息：”)
选择结构<熟练>
程序结构：处理问题的思路
最常见的思路：按照步骤，顺序执行：程序的顺序结构
顺序结构：就是按照从上到下的顺序，逐行执行代码的过程
在多种情况同时出现的时候，需要进行一个选择【选择困难症！】
鱼和熊掌的问题
程序结构之选择结构，根据指定的条件，选择一个正确的选项执行代码。不正确的选项中的代码就不会执行
单个条件判断
if条件:
如果条件判断正确执行的代码
else:
如果条件判断不正确执行的代码
多个条件判断的情况
if条件1:
条件1判断正确执行的代码
elif条件2:
条件2判断正确执行的代码
elif条件n:
条件n判断正确执行的代码
else:
所有条件不成立，执行的代码
条件嵌套的问题
if条件1：
print(“条件1判断正确执行的代码”)
if条件2：
条件1判断正确的基础上，条件2也判断正确执行的代码
在python中，代码对齐是很重要的，这也是代码比其它语言简化的原因之一。一般4个字节。
变量<熟练>
我们随便在代码中写了一个单词，这个单词中就可以存放数据了！
本文由10bet发布于Web前端,转载请注明出处：7.【10bet】11学习 程序设计基础
关键词：