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>