黑马程序员技术交流社区

标题: 技术分享 [打印本页]

作者: zotobcs 时间: 2019-7-18 19:10
标题: 技术分享
Python注释分为两种：

1. 单行注释例：# 注释信息

2. 多行注释例：’’’注释信息’’’、”””注释信息”””

注意：如果在代码开头进行多行注释，必须用6个双引号，不然软件会提示不美观。

变量名命名规则：

1. 由字母、数字、下划线组成

2. 不能以数字开头

3. 严格区分大小写

4. 不能以关键字命名

5. 见名知意

6. 大驼峰、小驼峰、下划线(推荐)

数据类型：

1. 数值型：int、float、bool(1代表true、0代表false)

2. 非数值型：str、tuple、set、dict、lis

注意：print(type(变量)) 用于打印变量的数据类型。

数据运算要点：

1. 有浮点数参与的运算结果都是浮点数。

2. 字符串拼接例：“ni”+“hao”

3. 字符串与数字相乘例：“你好”*10

4. 除法结果都是小数

常用格式化符号：

1. %s 字符串

2. %d 有符号的十进制整数

3. %f 浮点数

注意：

1. %05d表示输出的整数显示位数，不足以0补全。

2. %.2f表示小数点后显示的小数位数。

3. f-格式化字符串是Python3.6中新增的格式化方法例：

4. print(f'我的名字是{name}，今年{age}岁了')

转义字符：

1. \n换行

2. \t制表符，一个tab键的距离

注意：

1. print(),默认自带`end="\n"`这个换行结束符，所以导致每两个 `print` 直接会换行展示。

2. \具有转义功能。

数据类型转换函数：int(x)、str(x)、float(x)
混合运算优先级顺序：() 高于 ** 高于* / // % 高于+ -
比较运算符构成表达式的结果不是true就是false。
input会把接收到的数据都当作字符串处理（python3的特点）

if 语法：

1. If…

2. If…else…

3. If…elif…

4. If…elif…else

5. If嵌套

Import random 导出random模块(一般放在代码开头)
Random.randint(1, 2)
三元运算符：c = a if a > b else b

循环的作用：让代码更高效的重复执行。
在python中，循环分为while和for两种。

Break和continue是循环中满足一定条件退出循环的两种不同方式：

1. break：当某些条件成立，退出整个循环

2. continue: 当条件成立，退出当前一次循环，继而执行下一次循环

注意：

1. 如果使用continue，在continue之前一定要修改计数器，否则进入死循环。

2. breakcontinue 关键字后不能写代码。

常用快捷键：

1. Ctrl+/ 单行注释

2. Ctrl+Alt+L 美化代码

3. Ctrl+Shif+F10运行当前代码

其他：

1. 两个项目统一窗口显示，如果要移除其中一个项目，选中该项目，右键点击“remove form project view”

计算机基础计算机硬件系统的组成：

1. 输入设备

2. 输出设备

3. 存储器：内存、外存

4. 控制器+计算机=CPU

软件系统的组成：

1. 应用软件

2. 操作系统：图形化操作系统、移动设备操作系统、服务器操作系统

常用数学进制：

1. 二进制：0 和1、高低电位

2. 十进制

3. 八进制

4. 十六进制：0-9、A-F

常见编码：

1. ASCII英文字符

2. UTF-8中文字符+英文字符

3. GBK国际字符

常用单位及换算关系：

1. 1B=1b

2. 1KB=1024B

3. 1MB=1024KB

4. 1GB=1024MB

5. 1TB=1024GB

6. 1PB=1024TB

DOS常用指令：

1. CtrlC 退出当前正在执行的命令

2. Ping

3. Ipconfig-all

4. Cd、cd.. 、cd /

5. Dir

6. Md、rd、rd /s

7. Echo、del

8. Copy、move

9. Shutdown/s /t、/a

常用快捷方式：

1. 打开运行win+R

2. 打开资源管理器 win+E

3. 返回桌面 win+D

4. 锁屏 win+L

5. 复制 Ctrl+C

6. 粘贴 Ctrl+V

7. 保存 Ctrl+S

前端网址的组成：

1. 网络协议http、https

2. 网站地址www.xxxx.com

前端三大组成部分：

1. HTML结构

2. CSS 样式

3. JS 行为

HTML 超文本标记语言HTML的骨架结构：
<!DOCTYPE html>
<html>
   <head>
            <metacharset=“UTF-8”>
            <title></title>
   </head>
   <body>
   </body>
</html>

标签分类：

1. 单标签 <单标签名称 />

2. 双标签 <双标签名称> </双标签名称>

换行以及空格：<br />

基础HTML双标签：

1. 标题 <h1>-<h6>

2. 文章段落 <p>

3. 加粗、删除线、倾斜 <b>、<s>、<i> | <strong>、<del>、<em>

4. 大盒子 <div>

5. 小盒子 <span>

注意：div 独占一行，span 一行可以多个。

标签语义化的好处：

1. 提高搜索排名。

2. 合适的地方用合适的标签。

img图片标签常用属性(单标签)：

1. src指定当前想要引入的图片路径。

2. title定义图片的标题，鼠标悬停在图片时会提示。

3. alt定义图片的提示文，图片无法加载时显示提示。

4. width定义图片的宽度。

5. height定义图片的高度。

注意：如果只设置高度或宽度，那么另一边会按照图片的高宽比自动缩放。

路径分类：

1. 绝对路径（从盘符(根目录)--一路写到目标文件---每层目录用/间隔）

2. 相对路径（从当前目录--一路写到(方向)目标文件---每层目录用/间隔）

a 超链接的属性：

1. href 制定某一个链接地址

2. target=“_blank” 点击链接时跳转到新窗口中

注意：

1. href=“#” 代表点击时不会跳转的链接。

2. href="###" 点击时不跳转，页面不回到顶部。

from 表单标签的属性：

1. action 指定提交给哪个后台程序

2. method 提交数据的方法(post—密文、get—明文)

常见表单元素：

1. <inputtype="text" /> 普通文本框

2. <inputtype="password" /> 密码框

3. <inputtype="radio" name="xb" /> 单选按钮

4. <inputtype="checkbox" /> 多选框

5. <select><option>选项1</option></select> 下拉框

6. <textarearows="行数" cols="列数"></textarea> 文本域

7. <inputtype="button" value="提示"/> 普通按钮

8. <inputtype="reset" value="提示"/> 重置按钮

9. <inputtype="submit" value="提示"/> 提交按钮

10. <label for="目标元素id值">点击的内容</label> 扩大文字点击范围
注意：

1. placeholder灰色提示内容

2. checked=“checked”多选框默认选中

3. selected=“selected”单选按钮默认选中

4. textarea通常通过CSS设置不用rows和cols，禁用大小拖拽-resize:none

5. 设置value属性，避免默认内容兼容问题。

列表标签：

1. 有序标签 ul

2. 无序标签 ol

CSS层叠样式表CSS的引入方式：

1. 内嵌式 style标签中，加载速度快，一般用于电商首页。

2. 行内式目标标签style属性中，维护困难，不建议使用。

3. 外链式通过link标签引入CSS文件，代码分离，方便管理修改。

注意：权重：行内式> 内嵌式 = 外链式

基础选择器：

1. 标签选择器

2. ID选择器 id属性不允许重复

3. 类名选择器类名可以重复

CSS的特性：

1. 继承性子孙元素继承父级元素的样式

2. 覆盖性同一选择器设置同一样式,后设置的覆盖先设置的

复合选择器：

1. 后代选择器语法 -- 祖先选择器子孙选择器

2. 并集选择器语法 -- 目标选择器1,目标选择器2,目标选择器3

选择器命名规则：

1. 不允许数字开头

2. 不允许使用特殊符号（下划线_ 中划线- 除外）

3. 不推荐使用中文

4. 见名知意

选择器权重：id 选择器权重 > 类选择器权重> 标签选择器权重 > 继承权重

盒子模型组成：

1. 内容

2. 边框 border

3. 内边距 padding

4. 外边距 margin

HTML5和CSS3HTML5结构标签：

1. header--头部

2. footer--底部

3. nav--导航栏

4. aside--侧边栏

5. article--文章块

数据列表标签：<datalist></datalist>
输入框非空验证：required =“required”
输入框自动聚焦：autofocus =“autofocus”
输入框自动填充：autocomplete =“on”name = “xx”

audio音频标签：

1. src 文件路径

2. control 播放控制栏

3. autoplay 自动播放

4. loop 重复播放

5. source标签加载音乐文件

video视频标签：

1. control 播放控制栏

2. autoplay 自动播放

3. loop 重复播放

4. <ahref="myvideo.webm">下载视频</a>--当视频无法加载时才会显示

CSS3样式圆角属性：border-radius
CSS3扩展属性和属性值：

1. border-radius 像素单位

2. backround：linear-gradient 渐变颜色背景

3. backround：rgba 透明背景颜色

4. bos-shadow 盒子阴影

5. text-shadow 文字阴影

6. transform：rotate 变化-中心旋转

7. transform：scale 变化-缩放

JavaScript书写位置：
<script>
alert();
// 注释使用双斜杠
// 每个语句使用;;;;;结束
</script>

定位元素：
1. document.getElementById("目标元素id属性值")
2. 注意getElementById大小写--驼峰命名法

事件三要素(当事件源发生了事件类型就执行指定命令)：

1. 事件源

2. 事件类型

3. 执行的命令

例：事件源.事件类型 = function() {
执行的命令
}

常用快捷方式：

1. 快速输入<br /> Shift+Enter

2. 快速打开浏览器 Ctrl+R

3. 反向退格 Shift+Tab

4. 注释 Ctrl+/

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2