自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(29)
  • 收藏
  • 关注

原创 JS的三种书写位置,分别为行内、内嵌和外部。

js 的三种书写位置,分别为行内、内嵌和外部。1.行内<input type="button" value="点我试试" onclick="alert('Hello World')" />可以将单行或少量 JS 代码写在HTML标签的事件属性中(以 on 开头的属性),如:onclick注意单双引号的使用:在HTML中我们推荐使用双引号, JS 中我们推荐使用单引号可读性差, 在html中编写JS大量代码时,不方便阅读;引号易错,引号多层嵌套匹配时,非常容易弄混;特殊情况下使用

2021-04-13 21:01:53 160

原创 简单的 http 模块

简单的 http 模块一共分4步 让我们先看第一步第一步非常简单 我们只要直接引用 http模块就OK啦// 1.加载 http 模块const http = require("http");第二步 使用 http 创建 web 服务器// 1.加载 http 模块const http = require("http");// 2.使用 http 创建 web 服务器let server = http.createServer();第三步 监听请求 request 事件

2021-04-13 15:15:34 7

原创 npm 下载和卸载包的用法

npm 下载和卸载包的用法npm init输入后一直回车 到这个熊样子还有一种写法 是npm init -y效果一样两种写法npm install jquerynpm i 包名输入命令 下载下载后 出现这些东西 就成功啦接下来是卸载包的用法两种写法npm uninstall 包名npm un 包名这个熊样子就把 刚刚下载的 jquery 这个包给卸载啦...

2021-04-13 15:01:33 69

原创 js 里 this call apply bind

this call apply bind1.this的指向2.改变函数内this指向call方法3.改变函数内this指向apply方法4.改变函数内this指向bind方法1.this<script> // 函数体中的this window function fn () { console.log(this); } fn(); var o = { fn : function () { console.log(this); } }</scr

2021-03-22 21:02:25 9

原创 js bom

js Bom1.根据id选择器获取元素<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"&g

2020-12-08 21:19:36 50

原创 python文字转换语音

文字转换语音# 语音播报模块import pyttsx3# aiff文件转换成mp3编码文件模块from pydub import AudioSegment# 模块初始化engine = pyttsx3.init()# 语音播报内容content = "人生苦短 我用python"# 输出文件格式outFile = 'out.aiff'print('准备开始语音播报...')# 设置要播报的Unicode字符串engine.say(" 你是傻逼 我不想理你啦

2020-10-28 21:17:43 58

原创 CSS特征

CSS特征学习路径层叠性优先级继承性层叠性多个选择器应用到同一个元素时,各个选择器中不同的样式属性会叠加到一起应用到元素上多类名场景:在标签的 class属性 中使用 多个类名注意:多个类名间用 空格 分开可以写 若干个类名多个选择器的样式属性 会应用到 当前元素标签**好处:**一定程度上复用选择器中的样式属性代码优先级概念:当多个选择器中的样式 作用于同一个元素时,相同样式属性可能出现不同的值规则:标签选择器 < 类选择器 < id选择器 &l

2020-10-23 17:46:50 49

原创 css背景

HTML 背景学习路径背景色背景图片背景平铺背景尺寸背景定位背景附着复合语法背景色作用:设置元素的背景颜色语法:选择器{ background-color:颜色值;}颜色值:颜色名称十六进制 等方式背景图片作用:设置元素的背景图片场景:设置 logo、装饰性的小图标、大背景图等特殊场景:元素中同时需要 文字和图片时语法:选择器{ background-image:url(路径);}注意:路径不要加引号背景平铺当背景图尺寸小于元素尺寸时,需

2020-10-23 17:29:52 26

原创 浮动和清除浮动

浮动为什么需要浮动?有很多的布局效果,标准流没有办法完成,此时就可以利用浮动完成布局。 因为浮动可以改变元素标签默认的排列方式.比如:让多个 块级元素(**div)**排成一行显示让两个 块级元素 分别显示在 左右两边结论:有很多布局,标准流(自上而下)无法完成解决办法:有很多,其中,浮动 就是一种常见方式浮动作用:让多个块级元素一行内显示什么是浮动?作用:让 元素 脱离标准流,漂浮 到 标准流上面;并能设置同行显示。语法:选择器{ float:属性值;}属性值:浮动

2020-10-23 17:14:28 19

原创 CSS

CSSemmet语法快速生成HTML结构快速生成css属性生成的css属性单位:默认为 px,可以直接指定其他单位,如: lh26em组合选择器作用:可以选择某标签包含的所有后代标签并集选择器作用:可以让多个选择器共享一套样式交集选择器作用:将至少两个选择器连在一起使用(既要还要)文档流与元素类型学习路径什么是 文档流元素的显示模式元素显示模式的转换块级元素的特殊处理文档流文档流:是浏览器在显示(渲染)网页标签时所采用的一套排列规则块级元素 上下排列:独

2020-10-23 17:06:33 24

原创 微调 跟随父盒子大小自适应宽高 两栏布局

微调 跟随父盒子大小自适应宽高 两栏布局1.微调我们可以利用 定位将没有对齐的元素进行微调来对齐情况一:<h3>1. 用于对齐方式的微调</h3><div class="input-item"> <input type="checkbox"> <span>记住密码</span></div>body { padding: 0 40px; font-size: 14px;}.input-i

2020-10-22 20:36:44 160

原创 伪元素与元素定位

伪元素与元素定位伪元素beforeafterselectionplaceholder1. before语法:元素::before作用:1.创建一个伪元素,放到匹配的标签元素前面2.通过 content 样式属性,来为伪元素添加修饰性的内容特点:伪元素默认为 行内元素content 可以设置图片content:url(路径);伪元素选择器的语法标记是 :: ,但 : 也行(过时语法)伪元素是浏览器自动创建在目标元素内部2. after语法:元素::afrter

2020-10-22 20:30:58 445

原创 html 过度

过渡什么是过渡好处:为 CSS 样式切换时添加过渡效果,增强网页交互体验过渡:实际上是为元素样式发生改变时添加一种视觉效果过渡时长过渡时长:是指样式从一种状态变成另外一种状态所持续的时长,以 s(秒)为单位,支持小数语法:transition-duration: 1s;过渡延时过渡延时:是指延迟执行样式的变化,同样以秒为单位语法:作用:等 3秒后,再开始过渡效果简而言之:就是等一会再执行过渡效果过渡属性l过渡属性:过渡效果 可以指定针对某个样式属性(默认是针对所有样式属性

2020-10-19 21:22:02 135

原创 html阴影 透明

阴影盒子阴影文字阴影透明盒子阴影通过 box-shadow 为盒子设置阴影效果语法:box-shadow: 50px 50px 50px #ccc inset;属性值:文字阴影通过 text-shadow 为盒子设置阴影效果语法:text-shadow: 5px 5px 5px #ccc;属性值:透明opacityl通过 opacity 为盒子设置透明度语法:div{ opacity:0.3;}注意:属性值没有单位盒子与所有子元素都会被设置为透明效果

2020-10-19 21:13:41 427

原创 html 圆角

圆角通过border-radius为盒子设置圆角孤度语法:设置一个值: border-radius:10px;设置四个值: border-radius: 左上 右上 右下 左下;设置两个值: border-radius:左上右上 右下左下;原理:圆角的孤度 是圆的半径决定属性值:数字(100px)或 百分比(50%)特殊形状圆形:盒子为正方形情况下,盒子的border-radius 值为 50%;椭圆: 盒子为长方型情况下,将盒子的 border-radius 值

2020-10-19 21:02:36 685

原创 2020.10.12学习内容

2020.10.12文本换行规则:中文 日文 韩文 等遇到边界自动换行英文按照 单词 会自动换行英文连续长单词不会换行文本内容多时,有时会需要强制换行语法:选择器{ word-break:break-all;}文本内容多的时候,有时会需要强制不换行语法:选择器{ white-space:nowrap;}溢出处理块级元素内容占满高或宽后怎么办自动换行滚动条语法:选择器{ overflow:属性值; }属性值 效果visible

2020-10-12 17:52:18 37

原创 元数据

什么是元数据1.什么是元数据任何文件系统中的数据分为数据和元数据。数据是指普通文件中的实际数据,而元数据指用来描述一个文件的特征的系统数据,诸如访问权限、文件拥有者以及文件数据块的分布信息(inode…)等等。在集群文件系统中,分布信息包括文件在磁盘上的位置以及磁盘在集群中的位置。用户需要操作一个文件必须首先得到它的元数据,才能定位到文件的位置并且得到文件的内容或相关属性。2.元数据管理方式元数据管理有两种方式。集中式管理和分布式管理。集中式管理是指在系统中有一个节点专门司职元数据管理,所有元数据都

2020-10-05 17:07:43 19

原创 html入学第一天

html入学第一天1.有序列表 <ol > <li>dd</li> <li>aa</li> <li>dd</li> </ol>2.无序列表<ul> <li>无序列表</li> <li>一</li>

2020-10-05 17:02:46 62 1

原创 html个人简历

html个人简历表格<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <

2020-09-29 20:57:27 231

原创 随机点名器

随机点名器小啊斌的百度网盘

2020-09-24 18:09:37 65

原创 html5超级玛丽小游戏

百度网盘html5超级玛丽小游戏

2020-09-21 17:00:26 120

原创 html基础入门(2)

html基础入门传智专修学院****传智专修学院学习目标:能够使用img显示指定位置的图片能够看懂ul ,li进行列表信息的展示能够使用a完成多个页面之间切换1.网站图片页面显示案例1.1案例介绍在上面的案例中,我们发现这个页面都是文字的内容,而我们看到的页面往往文字和图片是并存的,或者很多地方都是图片的效果,那么我们如何在页面中显示图片呢?那么我们来实现这样的案例:当然,大家现在还不知道怎么来完成这个案例,因为我们还没有学习HTML中的图片标签,那么我们现在就来学习一下吧。1.2相

2020-09-21 14:57:14 34

原创 HTML基础入门(1)

HTML基础入门1.HTML 概述1.1网页概述1.1.1什么是网页大家平时上网查询资料,上网看电视看小说购物等,看到的都是网页,例如:学校的官网,百度,就是具体的网页。****传智专修学院1.1.2 网页是如何编写的开发人员编写网页内容,然后通过浏览器处理,就变成了多姿多彩的网络世界1.2 浏览器概述浏览器是网页运行的平台,每一台计算机如果要网浏览内容,就必须安装浏览器,win7/win8/win9操作系统默认安装的是IE浏览器,win10操作系统默认安装时Edge浏览器,那么还

2020-09-17 11:06:54 418

原创 python面向对象

面向对象1.面向对象编程介绍面向过程:根据业务逻辑从上到下写代码 面向对象:将数据与函数绑定到一起,进行封装,这样能够更快速的开发程序,减少了重复代码的重写过程面向对象(object-oriented ;简称: OO) 至今还没有统一的概念 我这里把它定义为: 按人们 认识客观世界的系统思维方式,采用基于对象(实体) 的概念建立模型,模拟客观世界分析、设 计、实现软件的办法。面向对象编程(Object Oriented Programming-OOP) 是一种解决软件复用的设计

2020-09-07 17:35:59 19

原创 字典 公共方法

字典 公共方法字典介绍想一想:如果有列表nameList = ['xiaoZhang', 'xiaoWang', 'xiaoLi'];需要对"xiaoWang"这个名字写错了,通过代码修改:nameList[1] = 'xiaoxiaoWang'如果列表的顺序发生了变化,如下nameList = ['xiaoWang', 'xiaoZhang', 'xiaoLi'];...

2020-02-23 16:00:52 81

原创 列表.元组

字符串.列表.元组.字典列表的介绍 元组1.列表介绍前面学习的字符串可以用来存储一串信息,那么想一想,怎样存储咱们班所有同学的名字呢?定义100个变量,每个变量存放一个学生的姓名可行吗?有更好的办法吗?答:列表<1>列表的格式变量A的类型为列表namesList = ['xiaoWang','xiaoZhang','xiaoHua']比C语言的数组强大的地方...

2020-02-23 15:33:53 59

原创 字符串

字符串.列表.元组.字典字符串的介绍1.python中字符串的格式如下定义的变量a,存储的是数字类型的值 a = 100如下定义的变量b,存储的是字符串类型的值 b = "hello itcast.cn" 或者 b = 'hello itcast.cn'总结:双引号或者单引号的数据 就是字符串2.字符串的输出demo name = 'c...

2020-02-23 15:16:30 32

原创 python判断语句和循环语句

python基础(2)判断语句和循环语句1.判断语句介绍2.if判断语句3.比较(即关系)运算符4.if-else5.elif6.if嵌套7.循环介绍8.while循环9.while循环应用10.while循环嵌套11.for循环12.break和continue判断语句介绍if判断语句比较(即关系)运算符if-elseelifif嵌套循环介绍while循环...

2020-01-09 20:31:24 110

原创 python基础知识

python基础(1)1.注释2.变量以及类型3.标识符和关键字4.输出5.输入6.运算符7.常用的数据类型转换1.注释注释的作用:通过用自己熟悉的语言,在程序中对某些代码进行标注说明,这就是注释的作用,能够大大增强程序的可读性注释的分类:单行注释和多行注释单行注释 以#开头,#右边的所有东西当做说明,而不是真正要执行的程序,起辅助说明作用多行注释 以 ‘’’...

2020-01-09 11:42:20 319 1

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除