2020年09月_伊洛的小屋

原创 JavaScript基础4--函数事件及JSON

本文首发公众号：伊洛的小屋，欢迎关注并查看更多内容！！！函数代码块中存储一段用于处理单任务的代码，然后在任何需要的时候用一个简短的命令来调用JavaScript有许多内置的函数，浏览器函数不是核心JavaScript语言的一部分而是被定义为浏览器API的一部分方法函数称为对象方法（method）的一部分,内置浏览器函数并不是函数——它们是方法自定义函数自身根据需求来定义的函数调用函数后跟圆括号来完成的调用function demoFunction() { alert('hi ..

2020-09-23 14:54:16 266

原创 JavaScript基础3--字符串及判断

本文首发公众号：伊洛的小屋，欢迎关注并查看更多内容！！！字符串声明一个变量，用一个字符串值初始化它，然后返回值let string = 'My name is Yiluo.';string;单引号和双引号择单引号或双引号来包裹字符串都OK转义字符串中的字符同Python一样使用\连接字符串在JavaScript中连接字符串使用加号+操作符获得字符串的长度使用length属性let myName = 'Yiluo';myName.length;转换大小写通过toLo..

2020-09-22 14:13:25 331

原创 JavaScript基础2--变量及运算符

本文首发公众号：伊洛的小屋，欢迎关注并查看更多内容！！！错误类型错误分为：语法错误，逻辑错误变量用于存放数值的容器，不只是字符串和数字。变量可以存储更复杂的数据，甚至是函数声明变量在 var 或 let 关键字之后加上这个变量的名字，在JavaScript中，所有代码指令都会以分号结尾 ; — 如果忘记加分号，你的单行代码可能执行正常，但是在多行代码在一起的时候就可能出错变量命名的规则使用拉丁字符(0-9,a-z,A-Z)和下划线字符变量名不要以下划线开头变量名不要以数字开头小..

2020-09-21 10:49:27 209

原创 JavaScript基础1--简介及简单应用

本文首发公众号：伊洛的小屋，欢迎关注并查看更多内容！！！JavaScriptJavaScript 是一种脚本，一门编程语言，它可以在网页上实现复杂的功能，网页展现给你的不再是简单的静态信息，而是实时的内容更新，交互式的地图，2D/3D 动画，滚动播放的视频等等<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>微信搜索：伊洛的小屋</titl..

2020-09-20 11:48:44 186

原创 CSS基础6--背景样式及书写模式

本文首发公众号：伊洛的小屋，欢迎关注并查看更多内容！！！背景样式background-color属性定义了CSS中任何元素的背景颜色，属性接受任何效果的color值<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>微信搜索：伊洛的小屋</title> <link href="index.css" rel="style..

2020-09-19 11:04:55 288 1

原创 CSS基础5--选择器和盒子模型

本文首发公众号：伊洛的小屋，欢迎关注并查看更多内容！！！选择器选择器用来指定网页上我们想要样式化的HTML元素，比如H1元素和类元素.special选择器列表分开规则h1 { color: red; } .special { color: blue; } 组合规则h1, .special { color: red; } 任何一个选择器无效,整条规则就会被忽略选择器的种类类型、类和ID选择器：标签名选择器”或者是”元素选择器“，选择了一个HTML标签..

2020-09-18 11:07:59 251

原创 CSS基础4--冲突和继承

本文首发公众号：伊洛的小屋，欢迎关注并查看更多内容！！！冲突在默认情况下，一些css属性继承当前元素的父元素上设置的值，有些则不继承。这也可能导致一些和期望不同的结果层叠当应用两条同级别的规则到一个元素的时候，写在后面的就是实际使用的规则简而言之，在最后的效果会生效优先级元素选择器不是很具体：优先级低类选择器稍微具体点：优先级高<!DOCTYPE html><html> <head> <meta charset="utf-8..

2020-09-17 11:08:56 1584

原创 CSS基础3--工作流程及DOM

本文首发公众号：伊洛的小屋，欢迎关注并查看更多内容！！！浏览器工作流程1.浏览器载入HTML文件2.将HTML文件转化成一个DOM（Document Object Model）3.拉取该HTML相关资源4.解析CSS5.渲染树会依照应该出现的结构进行布局6.显示在屏幕上什么是DOM作用：帮助你设计、调试和维护CSS应用：<!DOCTYPE html><html> <head> <meta charset="utf-8"&g..

2020-09-16 10:52:50 169

原创 CSS基础2--简单应用

本文首发公众号：伊洛的小屋，欢迎关注并查看更多内容！！！应用CSSCSS编写在扩展名为.css的单独文件中，并利用HTML 的元素引用<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>CSS DEMO</title> <link rel="stylesheet" href="index.css"> </h..

2020-09-15 11:22:50 112

原创 CSS基础1--基础及语法

本文首发公众号：伊洛的小屋，欢迎关注并查看更多内容！！！CSS 基础CSS 是Cascading Style Sheet的缩写，翻译为：‘层叠样式表’ 或 ‘级联样式表’。 CSS 定义如何显示HTML的标签样式，用于设计网页的外观效果。通过使用CSS实现页面的内容与表现形式分离，极大的提高了工作的效率CSS语法CSS是一门基于规则的语言h1 { color: yellow; font-size: 3em;}语法由选择器起头，选择HTML元素，这里对h1标题添加央视大..

2020-09-14 11:40:55 101

原创 HTML基础11--表格增加标题及自适应图片

本文首发公众号：伊洛的小屋，欢迎关注并查看更多内容！！！为表格增加标题通过元素<html> <head> <meta charset="utf-8"> <title>表格TITLE</title> <link href="table.css" rel="stylesheet" type="text/css"> </head> <body> <h1&g..

2020-09-13 12:42:04 254

原创 HTML基础10--表格的使用

本文首发公众号：伊洛的小屋，欢迎关注并查看更多内容！！！HTML表格在HTML中构建表格数据可以让web显示数据变得更容易，表格在实际的生活中是极其常见的直观的表达方式创建一个表格<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link href="table.css" rel="stylesheet" type="text/css">..

2020-09-12 15:25:27 168

原创 HTML基础9--视频音频及矢量图

本文首发公众号：伊洛的小屋，欢迎关注并查看更多内容！！！视频元素用来嵌入一段视频<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Photo</title></head><body><video src="land.mov" controls></video>&..

2020-09-11 11:35:11 206

原创 HTML基础8--插入图片及嵌入

本文首发公众号：伊洛的小屋，欢迎关注并查看更多内容！！！图片放到网页上用<img> 元素来把图片放到网页上，需要一个src（一般读作其全称 source）来使其生效<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Photo</title></head><body><im..

2020-09-10 11:33:48 3272

原创 HTML基础7--文档与网站架构

本文首发公众号：伊洛的小屋，欢迎关注并查看更多内容！！！文档的基本组成一个页面通常由一下几个部分组成：页眉、导航栏、主内容、侧边栏、页脚例如：下面的页面布局构建内容的在HTML中<header>：页眉。<nav>：导航栏。<main>：主内容。主内容中还可以有各种子内容区段，可用<article>、<section>和 <div>等元素表示。<aside>：侧边栏，经常嵌套在&nbs..

2020-09-09 11:48:02 119

原创 HTML基础6--描述列表及标记

本文首发公众号：伊洛的小屋，欢迎关注并查看更多内容！！！描述列表目的是标记一组项目及其相关描述，例如术语和定义，或者是问题和答案描述列表使用与其他列表类型不同的闭合标签— <dl>，每一项都用 <dt> 元素闭合每个描述都用 <dd>缩略语<abbr>——它常被用来包裹一个缩略语或缩写,当光标移动到项目上时会出现提示标记联系方式用于标记联系方式的元素——<address><address&..

2020-09-08 11:47:54 659

原创 HTML基础5--强调及超链接

本文首发公众号：伊洛的小屋，欢迎关注并查看更多内容！！！重点强调HTML 也提供了相应的标签，用于标记某些文本，使其具有加粗、倾斜、下划线等效果强调斜体字体，用<em>（emphasis）元素来标记这样的情况<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>TITLE</title></he..

2020-09-07 11:31:30 152

原创 HTML基础4--标题和段落

本文首发公众号：伊洛的小屋，欢迎关注并查看更多内容！！！标题和段落文本通常都是由标题和段落组成段落是通过 <p>元素标签进行定义的<p>公众号：伊洛的小屋</p>标题是通过“标题标签”进行定义的<h1>标题：个人网站：https://yiluotalk.com</h1><h1> 表示主标题（the main heading），<h2> 表示二级子标题（subheadings），<h3..

2020-09-06 14:10:48 443

原创 HTML基础3--结构及语法元素

本文首发公众号：伊洛的小屋，欢迎关注并查看更多内容！！！HTML 头部<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>伊洛Yiluo</title></head><body> <p>公众号：伊洛的小屋</p></body></html>头部是包含在..

2020-09-05 16:43:08 297

原创 HTML基础2--文档结构及注释

本文首发公众号：伊洛的小屋，欢迎关注并查看更多内容！！！HTML文档先来看一段基础的HTML页面结构<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>伊洛Yiluo</title></head><body> <p>公众号：伊洛的小屋</p></body></..

2020-09-04 14:53:18 284

原创 HTML基础1--概述及简介

本文首发公众号：伊洛的小屋，欢迎关注并查看更多内容！！！HTMl简介HTML(HyperText Markup Language) 不是一门编程语言，而是一种用来告知浏览器如何组织页面的标记语言<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <p>伊洛yiluo 微..

2020-09-03 14:17:00 120

原创 Python13--生成器

本文首发自伊洛的个人博客：https://yiluotalk.com，欢迎关注并查看更多内容！！！1.生成器Generator是一个用于创建迭代器的简单而强大的工具。它们的写法类似标准的函数生成器首先它是一个迭代器，和迭代器一样，生成器只能被遍历迭代一次，因为每次迭代的元素不是像列表元素一样，已经在内存中，每迭代一次，生成一个元素生成器和迭代器的主要区别在于：1、它们的创建方式不同2、生成器有一些特殊方法是迭代器不具有的2.创建生成器的两中方法（一）yield 编写生成器函数，函..

2020-09-02 14:17:03 121

原创 Python12--迭代器

1.迭代器要理解迭代器，首先需要明白迭代器和可迭代对象的区别。一个一个读取、操作对象称为迭代，Python 中，可迭代（Iterable）对象就是你能用for循环迭代它的元素，比如列表是可迭代的大多数容器对象都可以使用 for 语句，承接上文装饰器的例子，还是拿英雄的技能举例子王者荣耀中英雄关羽的技能有一骑当千单刀赴会青龙偃月刀锋铁骑用 for语句分别迭代出1-4技能(yiluo) ➜ Code python3Python 3.7.5 (default, .

2020-09-01 15:07:12 152

伊洛的博客