7.【10bet】11学习 程序设计基础

来源:http://www.chinese-glasses.com 作者:Web前端 人气:170 发布时间:2020-03-16
摘要:时间: 2019-11-17阅读: 93标签: 代码 注释的使用 前端页面的成功呈现,不仅要求在理想情况下没问题,当一些后台接口访问异常、静态文件获取失败时,仍然需要尽可能提供降级方案或给

时间: 2019-11-17阅读: 93标签: 代码

注释的使用

前端页面的成功呈现,不仅要求在理想情况下没问题,当一些后台接口访问异常、静态文件获取失败时,仍然需要尽可能提供降级方案或给用户良好的反馈,不至于整个页面的奔溃。今天我将分享一些提高页面健壮性的技巧。

方便代码的后期维护,通过注释能更加快速的了解代码的含义

异常处理

项目是团队开发的,互相参考对方的代码是很常见的事情,良好的注释,有利于代码可读性的提升

主要指数据类型。这种情况最常出现在读取后台数据的时候,尤其是需要取数组、对象等引用类型时,可能后台已经保证会传给你固定的数据类型,但因为种种原因或异常,可能出现本来应该是一个对象或数组的字段变成了null,这是非常之普遍的,如果前端直接取res.xxxres.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’parseIntparseFloat来做字符串转数字,用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学习 程序设计基础

关键词:

上一篇:Sass 简介

下一篇:没有了

最火资讯