首页 > 编程语言 >python必坑知识点05

python必坑知识点05

时间:2023-08-23 14:55:28浏览次数:46  
标签:知识点 python 子类 元素 点击 five 事件 必坑 class

1、js基本数据类型

undefined,null,number,string,symbol,boolean,object,array,date

2、js中的拷贝(深浅拷贝)

https://www.cnblogs.com/echolun/p/7889848.html
https://www.bilibili.com/video/BV1iu411e7DS/?spm_id_from=333.337.search-card.all.click&vd_source=69181b959bc0cae8de15caffd47134a6

3、数组方法有哪些

push,shift,unshift,isArray,indexOf,forEach

4、数组去重的方法

var arr = [1, 2, 35, 35, '香风智乃', '香风智乃', '雏鹤爱']

new Set(arr);

5、判断是否是整数?

Number.isInteger(num)

6、this指向

全局的this指向什么
	window对象
对象中的this指向什么
	当前对象
事件中this指向什么
	当前事件触发的元素本身

7、简述css盒子模型

可以把标签看作是一个盒子,包括几大部分:内容,padding,border,margin

8、写一个div,背景颜色red,宽高各200px,在页面中垂直水平居中

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .box {
            position: absolute;
            width: 200px;
            height: 200px;
            background-color: red;
            top: 50%;
            left: 50%;
            margin-left: -100px;
            margin-top: -100px;
        }
    </style>
</head>
<body>
<div class="box">
    123
</div>
</body>
</html>

9、什么是事件冒泡?

比如两个div,一大一小,大的是父类,小的是子类,父类和子类同样拥有点击事件
点击子类后子类的点击事件触发后,父类的点击事件会紧跟着触发(向父级元素冒泡)

// 阻止事件冒泡
function (event) {
    event.stopPropagation();
}

10、jquery

<div class="a">
    <h3>a1</h3>
    <h3>a2</h3>
    <h3>a3</h3>
    <div class="b">
        <h4>b1</h4>
        <h4>b2</h4>
        <h4>b3</h4>
        <ul class="c">
            <p>c1</p>
            <p>c2</p>
            <p>c3</p>
            <li>one</li>
            <li>two</li>
            <li>three</li>
            <li>four</li>
            <li id="five">five</li>
        </ul>
    </div>
</div>

(1)获取id为five的元素

(2)获取id为five的元素的父元素

(3)获取class为b的所有子元素

(4)为class为b的dom元素添加一个a标签,a标签文本内容为 点击我,href属性为 www.baidu.com

(5)移除class为b的元素中的第一个子元素

(6)将class为c的元素中的所有子元素的字体大小变为30px

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-1.11.3.min.js"></script>
</head>
<body>
<div class="a">
    <h3>a1</h3>
    <h3>a2</h3>
    <h3>a3</h3>
    <div class="b">
        <h4>b1</h4>
        <h4>b2</h4>
        <h4>b3</h4>
        <ul class="c">
            <p>c1</p>
            <p>c2</p>
            <p>c3</p>
            <li>one</li>
            <li>two</li>
            <li>three</li>
            <li>four</li>
            <li id="five">five</li>
        </ul>
    </div>
</div>
<script>
    // 1
    console.log($('#five'));
    // 2
    console.log($('#five').parent());
    // 3
    console.log($('.b').children());
    // 4
    $('.b').append('<a href="http://www.baidu.com">baidu</a>');
    // 5
    $('.b').children().eq(0).remove();
    // 6
    $('.c').children().css('fontSize', 30);

</script>
</body>
</html>

标签:知识点,python,子类,元素,点击,five,事件,必坑,class
From: https://www.cnblogs.com/z-h-q/p/17651624.html

相关文章

  • Python基础入门学习笔记 077 GUI的终极选择:Tkinter14
    Tkinter提供了三种标准对话框模块,分别是:messagebox、filedialog、colorchoosermessagebox(消息对话框)实例1:askokcancel函数1fromtkinterimport*23print(messagebox.askokcancel("FishCDemo","发射核弹?"))45mainloop() 实例2:askquestion函数 实例3:asire......
  • Python基础入门学习笔记 074 GUI的终极选择:Tkinter11
    事件绑定对于每个组件来说,可以通过bind()方法将函数或方法绑定到具体的事件上。当被触发的事件满足该组件绑定的事件时,Tkinter就会带着事件描述去调用handler()方法实例1:捕获单击鼠标位置1fromtkinterimport*23root=Tk()45defcallback(event):6prin......
  • Python基础入门学习笔记 075 GUI的终极选择:Tkinter12
    Message组件Message(消息)组件是Label组件的变体,用于显示多行文本信息。Message组件能够自动换行,并调整文本的尺寸使其适应给定得尺寸。实例1:1fromtkinterimport*23root=Tk()4w1=Message(root,text="这是一则消息",width=100)5w1.pack()6w2=Message(root,......
  • Python基础入门学习笔记 071 GUI的终极选择:Tkinter8
    Canvas(画布)组件一个可以让你随心所欲绘制界面的组件。通常用于显示和编辑图形,可以用它来绘制直线、图形、多边形,甚至是绘制其他组件。实例1:1fromtkinterimport*2root=Tk()3#创建canvas对象框,设置其宽度、高度与背景色4w=Canvas(root,width=200,height=100,b......
  • Python基础入门学习笔记 073 GUI的终极选择:Tkinter10
    Munu组件Tkinter提供了一个Menu组件,用于实现顶级菜单、下拉菜单和弹出菜单。实例1:创建一个顶级菜单(或称窗口主菜单)1fromtkinterimport*23defcallback():4print("被调用了")56root=Tk()789menubar=Menu(root)#创建一个顶级菜单10m......
  • 发送到Teams的python程序处理,其中也保括上传到OSS的文件处理
    1importurllib2importtime3importoss24importos5importrandom6frompathlibimportPath7importrequests8importdatetime9fromdecoupleimportconfig1011fromurllib.parseimportunquote121314#......
  • Python+百度OCR进行图像识别
    说实在的Pyhon在数据处理方面确实很牛。尤其是大数据的今天,我们和形形色色的数据形影不离。本文给大家介绍下利用百度OCR进行文字识别。实验环境Python(3.9.12)KaliLinux百度OCR申请百度OCR访问百度智能云,开通API网址:https://cloud.baidu.com/campaign/OCR202203/index.html可以......
  • 一个查询数据库并解析其中的json格式的数据,并处理后保存到另外的表的python程序
    1importjson2importpymysql3importdatetime4fromdecimalimportDecimal5fromdecoupleimportconfig678#获取每日汇率的方法9defget_currency_rate(code):10currency_db_host=config("CURRENCY_DB_HOST")11curre......
  • python-上下文管理器Context
    1.什么是上下文管理器?上下文管理器是一个对象,他定义了执行with语句时要建立的上下文,上下文管理器处理进去和退出所需运行时上下文执行代码块。简单来说一个上下文管理器至少包含__enter__和__exit__两个方法,python提供了contextlib模块中的contextmanager用作装饰器并配合迭......
  • python读取shapefile
     #!/usr/bin/envpython#coding:utf-8#AutorGaoSong#读取shp数据importosimporttkinterimporttkinter.messageboximporttkinter.filedialogfromosgeoimportgdalfromosgeoimportosrfromosgeoimportogrfromosgeoimportgdalconstclassARCVIE......