自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 JavaScript知识点回顾

在较旧的JavaScript,使用关键字 var 来声明变量 ,而不是 let。var现在开发中一般不再使用它,只是我们可能再老版程序中看到它let 为了解决 var 的一些问题。

2024-01-25 22:45:49 304

原创 CSS回顾

媒体查询 @media。

2024-01-21 20:33:35 318 1

原创 伸缩盒模型案例

【代码】伸缩盒模型案例。

2024-01-18 23:07:01 308 1

原创 JavaScript⑤(常见网页特效案例、补充知识点、移动端网页特效、本地存储)

移动端浏览器兼容性较好,我们不需要考虑以前JS 的兼容性问题,可以放心的使用原生JS 书写效果,但是移动端也有自己独特的地方。比如触屏事件 touch(也称触摸事件),Android和IOS 都有。touch 对象代表一个触摸点。触摸点可能是一根手指,也可能是一根触摸笔。触屏事件可响应用户手指(或触控笔)对屏幕或者触控板操作。触屏touch事件说明touchstart手指触摸到一个 DOM 元素时触发touchmove手指在一个 DOM 元素上滑动时触发touchend。

2023-08-27 21:51:05 400 1

原创 JavaScript④(BOM、PC端网页特效)

BOM (BrowserObiectModel)即,它提供了独立于内容而与浏览器窗口进行交与的对象,其核心对象是window。BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。BOM 缺乏标准,JavaScript语法的标准化组织是ECMA,DOM 的标准化组织是 W3C,BOM最初是Netscape浏览器标准的一部分。

2023-08-13 17:26:38 205 1

原创 JavaScript③(Web APls简介、DOM、事件高级)

API 是为我们程序员提供的一个接口,帮助我们实现某种功能,我们会使用就可以了,不必纠结内部如何实现Web API主要是针对于浏览器提供的接口,主要针对于浏览器做交互效果。Web API一般都有输入和输出(函数的传参和返回值),Web API很多都是方法(函数)学习WebAPI可以结合前面学习内置对象方法的思路学习文档对象模型(Documentbject Model,简称DOM),是W3C组织推荐的处理可扩展标记语言(HTML或者XML)的标准编程接口。

2023-08-01 08:10:45 120 1

原创 Node.js

初识Node.js与内置模块初识 Node.js浏览器中的Javascript的组成部分

2023-07-30 23:02:02 39 1

原创 JavaScript②(数组、函数、作用域、预解析、对象、内置对象、简单类型与复杂类型)

1.之前学习的变量,只能存储一个值。如果我们想存储班级中所有学生的姓名,那么该如何存储呢?答:可以使用数组(数组可以把一组相关的数据一起存放,并提供方便的访问(获取)方式。2.什么是数组呢?答:数组是指,其中的每个数据被称作,在数组中可以存放任意类型的元素。数组是种将的优雅方式。

2023-07-16 23:43:07 142 1

原创 JavaScript ①(认识、变量、数据类型、扩展阅读、流量控制-分支、流量控制-循环)

浏览器分成两部分,渲染引擎和Js引擎用来解析HTML与CSS,俗称内核,比如chrome 浏览器的 blink,老版本的webkit也称为JS解释器。用来读取网页中的JavaScript代码,对其处理后运行,比如chrome 浏览器的V8浏览器本身并不会执行JS代码,而是通过内置 JavaScript引警(解释器)来执行JS 代码。JS引警执行代码时逐行解释每一句源码( 转换机器语言),然后由计算机去执行,所以JavaScript语言归为脚本语言,会逐行解释执行。

2023-07-05 23:20:49 110 1

原创 Git项目管理工具教程

Git是目前世界上最先进的分布式版本控制系统Git是分布式的,Git不需要有中心服务器,我们每台电脑拥有的东西都是一样的。我们使用Git并且有个中心服务器,仅仅是为了方便交换大家的修改,但是这个服务器的地位和我们每个人的PC是一样的。我们可以把它当做一个开发者的PC就可以就是为了大家代码容易交流不关机用的。没有它大家一样可以工作,只不过“交换”修改不方便而已。git是一个开源的分布式版本控制系统,可以有效、高速地处理从很小到非常大的项目版本管理。

2023-07-03 23:30:01 818 1

原创 移动WEB开发

移动端常见浏览器 UC 、欧鹏、百度、360、谷歌、搜狗、猎豹浏览器...总结:兼容移动端主流浏览器,处理Webkit内核浏览器即可。

2023-05-21 20:35:43 844

原创 HTML与CSS(总结与新增标签/样式)

1.音频标签和视频标签使用基本一致2.浏览器支持情况不同3.谷歌浏览器把音频和视频自动播放禁止了4.我们可以给视频标签添加muted 属性可以自定播放视频,音频不可以视频标签是重点,我们经常5.设置自动播放,不使用controls控件,循环和设置大小属性1.结构伪类选择器就是选择第n个元素2.nth-child 是从所有子级开始算的,可能不是同一种类型3.nth-of-type 是指定同一种类型的子级,比如 ulli:nth-of-type(2)是选择第2个li。

2023-05-14 23:33:03 248

原创 MySQL[基础篇]

mysq基础

2023-05-12 23:27:56 36

原创 CSS(品优购案例)

(素材地址:)

2023-04-03 08:18:21 77

原创 CSS(五)

不同的浏览器对有些标签的默认值是不同的,为了消除不同浏览器对HTML文本呈现的差异,照顾浏览器的兼容,我们需要对CDD初始化。CSS初始化是指重设浏览器的样式,(也成为CSS reset)每个网页都必须首先进行CSS初始化。

2022-12-21 22:55:26 198

原创 CSS(四)

1.主要针对背景图片的使用,把多个小背景图片整合到一张大图片中。2.移动背景图片位置,此时可以使用3.移动的距离就是这个目标图片的x轴和y轴,注意网页中的坐标有所不同4.一般情况下,都是往上,往左移动,所以数值都是负值5.使用精灵图的时候需要精确测量,每个小背景图片的大小和位置。

2022-12-10 22:21:23 130

原创 CSS(三)

定位将盒子定在某一个位置,所以定位也是在摆放盒子,按照定位的方式移动盒子。定位=定位模式+边偏移定位模式用于制定一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置。1.定位模式定位模式决定元素的定位方式,他通过css的position属性来设置,其值可以分为四个:静态定位static静态定位是元素的,默认定位方式,无定位的意思。语法:选择器 { position:static;}相对定位relative相对定位是元素在移动位置的时候,是相对于它原来的位

2022-11-26 23:13:22 279

原创 综合回顾-重点(案例)分析

<li>标签去掉<li>前面的项目符号(小圆点)语法:list-style : one;圆角边框在css3中,新增了圆角边框的样式,这样我们的盒子就可以变圆角了。语法:boder-radius:length;radius 半径(圆的半径)原理:(椭)圆与边框的交集形成圆角效果圆形的做法:border-radius 数值是正方形直径的一半boder-radius :100px(正方形直径是200px);或者:boder-radius:

2022-11-26 19:32:55 190

原创 CSS(二)

css学习笔记

2022-11-07 23:39:44 94

转载 CSS(一)

CSS学习笔记

2022-11-07 20:36:33 326

转载 【HTML】学习笔记

根据学习视频和笔记思路进行整体的学习笔记整理

2022-08-11 00:02:34 1146

空空如也

空空如也

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

TA关注的人

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