目录
JS学习
JS基础
注释语法
// 单行注释
/**/ 多行注释
引入js的多种方式
1.head内script标签内填写
2.head内script标签src属性引入外部js资源
3.body内最底部通过script标签src属性隐居外部js(最常用)
3.结束符号
分号
JS中的变量与常量
变量关键字
let var
常量关键字
const
js基本数据类型
数值类型
字符型
布尔类型
null与undefined
对象
运算符
流程控制 if(条件){条件成立执行的代码}
for循环 for(起始条件，循环条件，条件处理){结果成立执行的代码}
while循环 while(循环条件){循环体代码}
函数 function(函数名){函数体代码 return返回值}
箭头函数 var f=v=>v
1.js中函数的形参和实参的个数可以不对应
2.函数体代码中有一个关键字garuments用来接收所有的实参
3.函数的返回值如果有多个需要自己处理成一个整体
内置对象 var d = new Date()
自定义对象
js之bom
所有浏览器都支持window对象，它表示浏览器窗口
一些常用的windows方法:
windows.innertHeight 浏览器窗口的内部高度
windows.open() 打开新窗口
windows.close() 关闭当前窗口
confirm() 确认框,有返回值true或者false
prompt() 括号内可以写两个,第一个是提示,第二个是默认值
alter() 警告框,括号内填写警告的内容
DOM操作
DOM是指文档对象模型，通过它可以访问HTML文档的所有元素
js的查找标签
document.getElemengtById('d1')
结果就是标签对象本身
document.getElementsByClassName('c1')
结果是数组里面包含有多个标签对象
document.getElementsByTagName('span')
结果是数组里面含有多个标签对象
parentElement 父节点标签元素
children 所有子标签
firstElementChild 第一个字标签元素
lastElementChild 最后一个子标签元素
nextElementSibling 下一个兄弟标签元素
previousElementSibling 上一个兄弟标签元素
创建标签
let aEle = document.createElement('a')
操作标签属性
aEle.href = '网址' 只能添加默认参数
操作标签文本
aEle.innerText = '文本内容'
查到div标签并将a追加到div内部
let divEle = document.getElementById('d1')//查找div标签
divEle.appendChild(aEle)//div标签尾部添加子标签
js代码操作关键词
.innerText 获取标签内部所有的文本内容
.innerText='文本' 替换/设置标签内部的文本(不识别标签语法)
.innerHTML 获取标签内部所有的标签包含文本
.innerHTML='文本' 替换/设置标签内部的文本(识别标签语法)
事件
事件可以理解为通过js代码给html标签绑定一下自定义的功能
常见事件
click 当用户点击某个对象时调用的事件
focus 元素获得焦点
blur 元素失去焦点
change 域的内容被改变
绑定事件的方式
js对象.on事件名= function(){
alter('弹窗')
}
jQuery类库
优点:
1.加载速度快
2.选择器更多更好用
3.一行代码走天下
4.支持ajax请求(重点)
5.兼容多浏览器
什么是CDN
内容分发网络
jQuery导入之后需要使用关键字才可以使用
默认的关键字就是jQuery但是不好输入 >>>: $
jQuery封装了JS代码 让编写更简单 但是有时候JS代码更快
标签对象与jquery对象
1.不同的对象能够调用的方法是不同的
在编写代码的时候一定要看清楚手上的是什么对象
2.两者可以互相转换
变迁对象转jQuery对象
$(标签对象)
jQuery对象转标签对象
jQuery对象[0]
jquery查找标签
1.基本选择器
$('#d1') id选择器
$('.c1') class选择
$('div') 标签选择
2.组合选择器
$('div#1') 查找id是d1的div标签
$('span.c1') 查看含有c1样式类的span标签
$('div,span,p') 查找div或者span或者p标签
%('#d1,.c1,span') 查找id是d1的或者class含有c1的或者span标签
3.层级选择器
$('div p ') 查找div里面的所有后代p标签
$('div>p') 查找div里面的儿子p标签
$('div+p') 查找div同级别下紧挨着的p标签
$('div~p') 查找div同级别下所有的p标签
4.属性选择器
$('[username]') 查找含有username属性名的标签
$('[username="jason"]') 查找含有username属性名并且值等于jason的标签
$('input[username="jason"]')
5.基本筛选器
:first 第一个
:last 最后一个
:eq(index) 索引的等于index的那个元素
:even 匹配所有索引值为偶数的元素
:odd 匹配所有索引值为奇数的元素
:gt(index) 匹配所有大于给定索引值的元素
:lt(index) 匹配所有小于给定索引值的元素
:not(元素选择器) 移除所有满足not条件的标签
:has(元素选择器) 选取所有包含一个或多个标签在其内的标签(指的是从后代元素中找)
$('li:first') 优化 $('li').first()
6.表单筛选器
$(':text') 选择表单属性为text的表单
$('passoword') 选择表单属性为passowrd的表单
$(':checked') 选择表单属性为checked的表单，但是也会找到selected表单
$('selected') 选择表单属性为selected表单
7.筛选器方法
$('#id').next() 某一个id标签下面的一个标签
$('#id').nextAll() 某一个id标签下面的全部标签
$('#id').nextUntile('#i2') 某一个id标签下面找到后面的id标签位置
$('#id').prev() 某一个id标签上面的一个标签
$('#id').prevAll() 某一个id标签上面的全部标签
$("#id").prevUntil("#i2") 某一个id标签上面找到后面的id标签位置
$("#id").parent()
$("#id").parents() // 查找当前元素的所有的父辈元素
$("#id").parentsUntil() // 查找当前元素的所有的父辈元素，直到遇到匹配的那个元素为止。
$("#id").children();// 儿子们
$("#id").siblings();// 兄弟们
jquery事件
jquery对象.事件名(){}
python主流web框架
1.Django 大而全
2.flack 小而精
3.tornado 异步非阻塞
Django版本简介
1.版本问题
Django 1.X
Django 2.x
Django 3.x
Django 4.x
2.运行django注意事项
1.django项目所有的文明目录名不要出现中文
2.计算机名称尽量也不要出现中文
3.一个pycharm尽量就是一个完整的项目
Django基本使用
1.下载
pip3 install django==版本号
2.验证
django-admin 验证是否下载成功
3.常见命令
创建django项目
django-admin startproject 项目名
启动django项目
cd 项目名 切换到该目录下
python38 manage.py runserver ip:port(ip和端口可以不写)
4.pycharm启动自动创建django项目
会自动创建templates文件夹，但是配置文件中可能会报错
os.path.join(BASE_DIR,'templates')
django app的概念
django类似于是一所大学，app类似大学里面的哥哥学院
创建app
python38 manage.py startapp app名字
django小白必会三板斧
from django.shortcuts import render, HttpResponse, redirect
HttpResponse('字符串') 返回字符串类型的数据
render(request) 返回html页面并且支持传值
redirct('重定向网页连接') 重定向
静态文件相关配置
STATICFILES_DIRS = [os.path.join(BASE_DIR,'static')]
接口前缀:
STATIC_URL = '/static/'
form表单
action 控制数据提交的地址
一般写法 action="路由"
method 控制数据的提交方法
get请求 朝服务端要数据
post请求 朝服务端发送数据
request对象
request.method 获取请求方式，结果是大写的字符串
request.POST 获取post请求请求体里面携带的数据
request.POST.get('name') 获取列表最后一个数据值
request.POST.getall() 获取列表全部的数据值
request.GET 获取网址问号后面携带的数据
request.GET.get() 获取列表最后一个数据值
request.GET.getall() 获取整个列表数据
orm简介
ORM:对象关系映射
能够让不会sql语句的python程序员，使用python面向对象的语法
类 映射为 表
对象 一条条记录
对象.名字 获取字段对应的值
ORM基本语句
models.类名.objects.creste() 创建数据
models.类名.objects.filter() 查询数据
models.类名.objects.update() 修改数据
models.类名.objects.delete() 删除数据