DAY 43 前端
-
面向对象的继承
1.类的继承
2.高内聚低耦合
"""
1.面条版
2.函数版本
3.拆分文件
4.面向对象封装
模块
""" -
面向对象魔法方法
-
jQuery简介
-
CDN内容分发网络
-
jQuery选择器
-
表单筛选器
-
筛选器方法
-
操作标签各项数据
-
事件
-
动画效果
-
前端框架Bootstrap(复制粘贴)
表单筛选器
筛选器方法
绑定事件
$('#d1').click(function () {
alert(123)
})
$('#d1').on('input',function () {
console.log($(this).val())
})
阻止后续事件
return false
事件冒泡
1.return false
2.e.stopPropagation()
Bootstrap
1、下载源文件使用
2、CDN
"""Bootstrap是基于jQuery开发的"""
# 使用Bootstrap最好提前把jQuery先导入
"""
在使用Bootstrap的时候建议你第一次使用本地文件导入的方式
之后再使用CDN
原因:让pycharm能够加载并在后期自动提示bootstrap相关代码
"""
我们使用框架操作标签样式只需要修改class属性即可
布局容器
<div class="container-fluid">
</div>
<div class="container">
</div>
栅格系统
<div class="row">12份</div>
<div class="col-md-n"></div>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!