会员
周边
新闻
博问
闪存
赞助商
YouClaw
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
百里屠苏top
博客园
首页
新随笔
联系
订阅
管理
上一页
1
···
4
5
6
7
8
9
10
11
12
···
23
下一页
2025年3月4日
No.29 JavaScript--数据类型、运算符、条件语句、三元运算符、循环语句、break和continue语句
摘要: 一、数据类型 JavaScript 语言的每一个值,都属于某一种数据类型。JavaScript 的数据类型,共有六种。(ES6 又新增了第七种 Symbol 类型的值和第八种 BigInt类型,当前课程暂不涉及)。 1.1 数据类型分类 1)原始类型(基础类型) 2)合成类型(复合类型):对象:因为
阅读全文
posted @ 2025-03-04 10:46 百里屠苏top
阅读(42)
评论(0)
推荐(0)
2025年2月28日
No.28 JavaScript--引入到文件、插入注释和常见输出方式
摘要: 一、引入JS文件的方式 1.1 嵌入到HTML文件中 放在body或者head中,用<script></script>包起来。 <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi
阅读全文
posted @ 2025-02-28 16:13 百里屠苏top
阅读(48)
评论(0)
推荐(0)
No.27 JavaScript--语句、标识符、变量
摘要: 一、JS语句 JavaScript程序的单位是行(line),也就是一行一行地执行。一般情况下,每一行就是一个语句。 语句以分号结尾,一个分号就表示一个语句结束。 <body> <script> var name = "张三" </script> </body> html中,JS是写在<script
阅读全文
posted @ 2025-02-28 15:29 百里屠苏top
阅读(27)
评论(0)
推荐(0)
No.26 JavaScript--简介
摘要: 前端3件套:HTML CSS JS 一、JS简介 JavaScript 是一种轻量级的脚本语言。所谓“脚本语言”,指的是它不具备开发操作系统的能力,而是只用来编写控制其他大型应用程序的“脚本”。 JavaScript 是一种嵌入式(embedded)语言。它本身提供的核心语法不算很多。 1.为什么学
阅读全文
posted @ 2025-02-28 11:50 百里屠苏top
阅读(23)
评论(0)
推荐(0)
No.25 CSS--字体图标
摘要: 一、字体图标 我们会经常用到一些图标,但是我们在使用这些图标时,往往会遇到失真的情况,而且图片数量很多的话,页面加载就越慢。所以,我们可以使用字体图标的方式来显示图标,既解决了失真的问题,也解决了图片占用资源的问题。 1.常用的字体图标库 阿里字体图标库:https://www.iconfont.c
阅读全文
posted @ 2025-02-28 11:28 百里屠苏top
阅读(41)
评论(0)
推荐(0)
No.24 CSS--雪碧图(Sprite,精灵图)
摘要: 一、雪碧图 CSS Sprite也叫CSS精灵图、CSS雪碧图,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去。 1.1优点 减少图片的字节 减少网页的http请求,从而大大的提高页面的性能 1.2原理 通过background-image引入背景图片 通过b
阅读全文
posted @ 2025-02-28 09:50 百里屠苏top
阅读(302)
评论(0)
推荐(1)
No.24 CSS--CSS3新特性(圆角、阴影、动画、媒体查询)
摘要: 主要内容: 圆角 阴影 动画 一、圆角(border-radius) <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Documen
阅读全文
posted @ 2025-02-28 09:13 百里屠苏top
阅读(50)
评论(0)
推荐(0)
2025年2月27日
No.23 CSS--定位
摘要: 一、定义 position属性指定了元素的定位类型。 其中,绝对定位和固定定位会脱离文档流. 设置定位之后:可以使用四个方向值进行调整位置:Ieft、top、right、bottom. 二、相对定位 <head> <meta charset="UTF-8"> <meta name="viewport
阅读全文
posted @ 2025-02-27 16:44 百里屠苏top
阅读(33)
评论(0)
推荐(0)
No.22 CSS--浮动
摘要: 1.浮动的定义 通过float属性定义元素在哪个方向浮动,任何元素都可以浮动。 需要的时候才用。 只有两个方向: left 元素向左浮动 right 元素向右浮动 2.浮动的原理 浮动以后使元素脱离了文档流。 只有左右浮动,没有上下浮动。 脱离文档流之后,元素相当于在页面上面增加一个浮层来放置内容。
阅读全文
posted @ 2025-02-27 15:32 百里屠苏top
阅读(58)
评论(0)
推荐(0)
No.21 CSS--弹性盒子模型(flex box)
摘要: 一、定义 弹性盒子是 CSS3 的一种新的布局模式。 CSS3 弹性盒是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。 引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。 二、CSS3弹性盒内容 弹性盒子由弹性容器(
阅读全文
posted @ 2025-02-27 11:35 百里屠苏top
阅读(71)
评论(0)
推荐(0)
上一页
1
···
4
5
6
7
8
9
10
11
12
···
23
下一页