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>

 

posted @   DEJAVU_ERIC  阅读(27)  评论(0编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
点击右上角即可分享
微信分享提示