- 博客(14)
- 收藏
- 关注
RSS订阅原创 初识BOM
BOM 什么是BOM BOM的定义 BOM的组成 window对象 窗口加载事件 窗口大小调整事件 定时器 JS执行机制 JS单线程 同步与异步 location对象 navigator对象 history对象 什么是BOM 1.BOM的定义 BOM———BrowserObjectModel 浏览器对象模型允许 JavaScript 与浏览器对话 专门操作浏览器窗口的API——没有标准,有兼容性问题 2.BOM的组成 window对象 window对象是浏览器的顶级对象，他具有双重角色
2021-05-30 17:18:17
275
1
原创 JS基本语法
JS基本语法 JS的组成 JS的引入 1.行内式 2.内嵌式 3.外部文件 输入输出语句 变量 变量的声明与赋值 简单数据类型 1.Number 2.Boolean 3.String 4.Undefined 5.Null 获取变量的数据类型 数据类型转换 运算符 流程控制的结构 全局变量与局部变量 对象 作用域链 预解析与运行 JS的组成 JS由三部分组成： 1.ECMAScript：JS的核心语法部分。简单来说就是代码该怎么写，全由ECMAScript决定。 2.DOM：文档对象模型。简单来说就是以doc
2021-05-16 19:21:20
910
原创 圣杯，双飞翼
圣杯，双飞翼模型 相同点 不同点 圣杯模型 双飞翼模型 相同点 两边顶宽，中间自适应的三栏布局。 中间栏要在放在文档流前面以优先渲染。 圣杯布局和双飞翼布局解决问题的方案在前一半是相同的，也就是三栏全部float浮动，但左右两栏加上负margin让其跟中间栏div并排，以形成三栏布局。 且最终呈现出来的结果也是一样的。 不同点 虽然最终结果与前几步都是一样的，但是双飞翼㔿圣杯还是有很大的不同的，不同之处就在于他们两个对于该页面的实现方式是不同的，圣杯是讲三个部分放在了一个盒子中，大盒子内部进行调整，而双飞
2021-05-16 12:12:58
194
原创 css骰子布局٩ξ°v°ʔو~
css骰子布局٩ξ°v°ʔو~ 关于骰子布局，顾名思义就是用css来做出一个骰子，只不过是骰子的展开图。 在日常生活中我们知道，骰子相对的面眼数之和为7眼。 就是这个样子，代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <m
2021-05-14 22:04:29
730
原创 浮动、定位、伪类以及伪元素٩ξ°v°ʔو~
浮动、定位、伪类以及伪元素٩ξ°v°ʔو~ 浮动 关于浮动 用法 布局 清除浮动 定位 组成 静态定位 相对定位 绝对定位 固定定位 粘性定位 定位叠放 伪类 语法 伪元素 遇到的一些问题QAQ 浮动 关于浮动 1)为什么要用浮动？ 总结︰有很多的布局效果， 标准流没有办法完成 ，此时就可以利用浮动完成布局。因为浮动可以改变元素标签默认的排列方式。 浮动最典型的应用：让多个块级元素在一行内排列。 关于标准流： 标准流又被称为（普通流/文档流） 顾名思义，所谓的标准流就是标签按照规定好的默
2021-05-08 10:41:56
425
原创 CSS基础、盒子模型、选择器
CSS基础、盒子模型、选择器 文章目录 CSS基础 CSS介绍 即层叠样式表是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS特点 CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素。 CSS 节省了大量工作。它可以同时控制多张网页的布局。 外部样式表存储在 CSS 文件中 。 我的想法 我认为CSS就是一种可以将自己想要表达的内容通过直观的方式展现给别人的工具，可以用来让自己的网页变得更加好看。可以真
2021-04-26 23:36:29
367
原创 HTML标签、认识浏览器
HTML标签、认识浏览器 1.什么是HTML标签 那么标签有哪些呢 块级标签 行内标签 行内块标签 按作用分类（太多懒得加锚点QAQ） 2.什么是浏览器 内核 主流浏览器 什么是html标签 超文本标记语言（外国语简称：HTML）标记标签通常被称为HTML标签，HTML标签是HTML语言中最基本的单位，HTML标签是HTML（标准通用标记语言下的一个应用）最重要的组成部分。 HTML标签的大小写无关的，例如“主体”跟表示的意思是一样的，推荐使用小写。(来自于百度百科) 我认为标签相当于是
2021-04-24 11:22:11
356
原创 前端、vscode初识以及vscode插件安装
前端、vscode初识以及vscode插件安装 1.什么是前端 什么是源码 2.什么是vscode 下载 插件 3.vscode使用感觉 什么是前端 顾名思义，前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，合适的动效设计，给用户带来极高的用户体验。这个是百度百科上的 现在是一些我自己的想法： 我认为前端就是我们日常上网冲浪的时候看得见摸得着 ？ 的东西，就比如这个图
2021-04-16 19:40:51
487
原创 2021-03-27
JAVA前三章知识梳理 第一章 JAVA入门 1.1 JAVA的特点 （1）简单 许多基本语法与C语言是一致的，但各有各的长处，JAVA更为简单一点，例如JAVA里没有指针的概念。 （2）面向对象 JAVA属于面向对象程序设计，同样的还有C++，而C与Python则属于面向过程程序设计。 （3）平台无关 JAVA语言与其他语言相比，其最大的优点就是Java的平台无关性，正是因为Java可以再平台上再提供一个Java运行环境。 （4）多线程 多线程允许同时执行多个任务。 （5）动态 Java可以动态维修程
2021-03-28 15:36:08
87
原创 2021-01-23
文字阴影 语法 text-shadow：none | h-shadow,v-shadow (,blur,color); 取值 none： 无阴影 h-shadow： 第1个长度值用来设置对象的阴影水平偏移值。可以为负值 v-shadow： 第2个长度值用来设置对象的阴影垂直偏移值。可以为负值 blur： 如果提供了第3个长度值则用来设置对象的阴影模糊值。不允许负值 color： 设置对象的阴影的颜色。 说明 设置或检索对象中文本的文字是否有阴影及模糊效果。 可以设定多组效果，每组参数值以逗号分隔。 ..
2021-01-23 23:38:00
65
原创 2021-01-23
盒子阴影 语法 box-shadow：none | h-shadow,v-shadow,(blur,spread,color,inset); 取值 none： 无阴影 h-shadow： 第1个长度值用来设置对象的阴影水平偏移值。可以为负值 v-shadow： 第2个长度值用来设置对象的阴影垂直偏移值。可以为负值 blur： 如果提供了第3个长度值则用来设置对象的阴影模糊值。不允许负值 spread： 如果提供了第4个长度值则用来设置对象的阴影外延值。可以为负值 color： 设置对象的阴影的颜色。
2021-01-23 23:34:20
75
原创 2021-01-23
圆角边框 一、圆形 语法 border-radius：[ | ]{1,4} 原理 如图 取值 ： 用长度值设置对象的圆角半径长度。不允许负值 ： 用百分比设置对象的圆角半径长度。不允许负值 说明 设置或检索对象使用圆角边框。提供2个参数，2个参数以“/”分隔，每个参数允许设置1~4个参数值，第1个参数表示水平半径，第2个参数表示垂直半径，如第2个参数省略，则默认等于第1个参数 水平半径：如果提供全部四个参数值，将按上左、上右、下右、下左的顺序作用于四个角。 如果只提供一个，将用于全部的于四个角。
2021-01-23 23:26:41
78
原创 2021-01-15
前端学习 HTML 第一周 四级标题 这一周开始学习HTML,教材使用的是黑马程序员pink老师的前端入门 学习了网页的大致结构以及一些常用的标签 常用的标签 < html>< /html> < head>< /head> < title>< /title> < body>< /body> < h1>< /h1> < h2>< /h2> < h3><
2021-01-15 21:08:24
287
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人