黑马程序员技术交流社区

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

作者: 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