小芒果头-CSDN博客

原创 Tab--切换

给点击菜单添加选中状态的时候spans.className = ‘active’;不能使用，原因是此刻的spans[i]不是点击的元素，因为元素点击操作，只是在该元素点击触发的时候才能执行，所以在点击的时候，id的值已经是i++的最终值this关键字每一个函数中都有一个this，当函数与元素的某一个事件绑定到一起时，this就指代当前元素，可以简单理解为，谁触发事件this就是谁下面从tab切换例子来展示完整代码（图片不在提供）<!DOCTYPE html><htm

2020-08-22 11:32:11 247

原创 HTML5-css-清浮动

清除浮动在写页面的时候，尤其是布局的时候，会发现有些标签使用浮动布局后会对后面的标签的布局产生影响，当元素浮动的时候，会脱离父级文档流，不会撑开父级的高度，引起页面布局的混乱，因此需要清除浮动产生的影响清除浮动的方法1.通过测量高度，直接给父级设置具体的高度2.给父级添加display：inline-block，也可以清除浮动(低版本ie不支持)3.给父级添加最后一个子元素，是一个空标签，用他来清浮动，添加的样式为clear：both;height：0;overflow：hidden;因此

2020-08-22 10:51:00 160

原创 HTML 定位

定位使用定位的场景：在文档流的同一个区域，叠放多个标签定位的使用步骤1.通过position设置定位参照物2.通过 left top bottom right 属性设置当定位元素的位置，通过设置可以确定距离参照物的远近优先级：left>right top>bottom 定位元素脱离文档流 position 的值： static 静态定位，无参

2020-06-20 19:52:46 300

原创 HTML清除浮动

清浮动为什么要清浮动当元素浮动的时候，会脱离父级文档流，不会撑开父级的高度，引起页面布局的混乱，因此需要清除浮动产生的影响清除浮动的方法 1.通过测量高度，直接给父级设置具体的高度 2.给父级添加display：inline-block，也可以清除浮动(低版本ie不支持) 3.给父级添加最后一个子元素，是一个空标签，用他来清浮动，添加的样式为 clear：both; height：0; overflow：hidden;

2020-06-20 19:50:53 231

原创 HTML table表格

table表格table 表格的作用1.div之前使用表格布局（现在极少使用）2.在页面中使用表格显示数据table 的构成table是由thead，tbody，tfont三部分构成，这三个标签系统会自动填充，因此可以省略不写表格还包含以下标签table标签：创建一个表格tr标签：代表表格中的一行th标签：代表表格中的每一列的标题td标签：代表每一行存放数据的单元格在书写的时候需要注意的问题1.table的子元素必须是tr2.table，tr th td 都是块元素tabl

2020-06-20 19:48:15 317

原创 while 循环（约瑟夫环）

约瑟夫环是一个老问题了。今天就来跟大家一起分享一下自己的学习成果随便给一组数，围成一个圆圈，然后就类似123123报数一样逢3就“自杀”，一直这样轮循把自杀的人一次打印出来代码如下：```goconsole.log("约瑟夫环") var a = [5,9,6,4,8,3,7] var flag = 0 while(a.length >= 1){ var out = 0,len = a.length for(var i = 0;i

2020-06-10 09:04:58 198

原创 html-3D动画

3D效果的小魔方今天利用html知识，写一个具有3D效果的魔方思路就是首先对界面开“井深”perspective: 1000px; 然后写六个相同的容器（块）<div>，再对这六个块设置浮动布局，使六个块重叠float: left;然后通过旋转和平移使六个面组成一个正方体transform: rotateX(90deg) translateZ(150px);废话不多说，直接上代码：<style> html,body{ hei

2020-06-07 17:34:17 738

原创 HTML基础

HTML基础标签HTML基础标签标签标签标签各类基础标签汇总效果图HTML基础标签作为一个程序小白，学习前端编程，首先需要了解其基础标签，接下来就跟大家一起分享一下。标签标签又称为标题标签它共有六个字体型号 …有1到6字体依次缩小标签又称为链接标签，其格式如下：标签标签属于快标签![在这里插入图片描述](https://img-blog.csdnimg.cn/2020060308591596.png)各类基础标签汇总换行标签我是一个编程小白我要好好学习编程横线分

2020-06-07 17:00:55 334

原创 Python的基本语法

简单学Python，基本语法介绍对于一门编程语言来说，如果想要完全掌握它，那你就必须先把他的精髓读懂，也就是说你需要先把它的基本语法搞懂。然后再根据这些基本的语法和算法一步一步的深入，最后用真实案例来检验自己，看是否真正学会了这门新的编程语言。今天我就先来给大家分享一些我学习Python时初步接触到的一些基本语法。第一：Python字符串#首先写一个字符串str=‘wo are goog...

2019-03-21 15:18:02 208

原创 Python--爬虫

Python–爬虫初步接触Python爬虫，根据教学视频，自己动手写了一个十分简单的爬虫，非常适合Python小白。#创建一个方法获得斗图网图片import requestsimport re#驼峰命名法#注释获取图片列表def getImageList(page=1):#获取网页的源代码html = requests.get(‘http://www.doutula.c...

2019-03-20 22:00:59 172

原创 Python--微信智能聊天机器人

微信智能聊天机器人import requestsimport itchatimport timefrom threading import Timer图灵机器人编号如果大家感兴趣的可以登图灵官方网站申请一个自己的图灵小机器人KEY = ‘8f7fcbf19bab471e8067e2783e95b924’def get_response(msg):apiUrl = 'http://...

2019-03-20 21:47:29 443

原创 python小程序---设计签名

python小程序—签名设计签名设计初学python，学习了基本语法后闲来无事，用所学知识写了一个设计签名的小程序。此程序中会用到爬虫和正则表达式等相关知识。我会用代码的形式向大家展示这样的一个小程序。模拟浏览器请求第一步：首先建立模拟浏览器请求；def download():startUrl=‘http://www.uustv.com/’#获取用户输入的姓名name=entry....

2019-03-20 11:49:23 1551 2

小芒果头的博客