- 博客(21)
- 收藏
- 关注
原创 JavaScript知识点回顾
在较旧的JavaScript,使用关键字 var 来声明变量 ,而不是 let。var现在开发中一般不再使用它,只是我们可能再老版程序中看到它let 为了解决 var 的一些问题。
2024-01-25 22:45:49
326
原创 JavaScript⑤(常见网页特效案例、补充知识点、移动端网页特效、本地存储)
移动端浏览器兼容性较好,我们不需要考虑以前JS 的兼容性问题,可以放心的使用原生JS 书写效果,但是移动端也有自己独特的地方。比如触屏事件 touch(也称触摸事件),Android和IOS 都有。touch 对象代表一个触摸点。触摸点可能是一根手指,也可能是一根触摸笔。触屏事件可响应用户手指(或触控笔)对屏幕或者触控板操作。触屏touch事件说明touchstart手指触摸到一个 DOM 元素时触发touchmove手指在一个 DOM 元素上滑动时触发touchend。
2023-08-27 21:51:05
585
1
原创 JavaScript④(BOM、PC端网页特效)
BOM (BrowserObiectModel)即,它提供了独立于内容而与浏览器窗口进行交与的对象,其核心对象是window。BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。BOM 缺乏标准,JavaScript语法的标准化组织是ECMA,DOM 的标准化组织是 W3C,BOM最初是Netscape浏览器标准的一部分。
2023-08-13 17:26:38
262
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
155
1
原创 JavaScript②(数组、函数、作用域、预解析、对象、内置对象、简单类型与复杂类型)
1.之前学习的变量,只能存储一个值。如果我们想存储班级中所有学生的姓名,那么该如何存储呢?答:可以使用数组(数组可以把一组相关的数据一起存放,并提供方便的访问(获取)方式。2.什么是数组呢?答:数组是指,其中的每个数据被称作,在数组中可以存放任意类型的元素。数组是种将的优雅方式。
2023-07-16 23:43:07
245
1
原创 JavaScript ①(认识、变量、数据类型、扩展阅读、流量控制-分支、流量控制-循环)
浏览器分成两部分,渲染引擎和Js引擎用来解析HTML与CSS,俗称内核,比如chrome 浏览器的 blink,老版本的webkit也称为JS解释器。用来读取网页中的JavaScript代码,对其处理后运行,比如chrome 浏览器的V8浏览器本身并不会执行JS代码,而是通过内置 JavaScript引警(解释器)来执行JS 代码。JS引警执行代码时逐行解释每一句源码( 转换机器语言),然后由计算机去执行,所以JavaScript语言归为脚本语言,会逐行解释执行。
2023-07-05 23:20:49
142
1
原创 Git项目管理工具教程
Git是目前世界上最先进的分布式版本控制系统Git是分布式的,Git不需要有中心服务器,我们每台电脑拥有的东西都是一样的。我们使用Git并且有个中心服务器,仅仅是为了方便交换大家的修改,但是这个服务器的地位和我们每个人的PC是一样的。我们可以把它当做一个开发者的PC就可以就是为了大家代码容易交流不关机用的。没有它大家一样可以工作,只不过“交换”修改不方便而已。git是一个开源的分布式版本控制系统,可以有效、高速地处理从很小到非常大的项目版本管理。
2023-07-03 23:30:01
1052
1
原创 移动WEB开发
移动端常见浏览器 UC 、欧鹏、百度、360、谷歌、搜狗、猎豹浏览器...总结:兼容移动端主流浏览器,处理Webkit内核浏览器即可。
2023-05-21 20:35:43
1019
原创 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
297
原创 CSS(五)
不同的浏览器对有些标签的默认值是不同的,为了消除不同浏览器对HTML文本呈现的差异,照顾浏览器的兼容,我们需要对CDD初始化。CSS初始化是指重设浏览器的样式,(也成为CSS reset)每个网页都必须首先进行CSS初始化。
2022-12-21 22:55:26
222
原创 CSS(四)
1.主要针对背景图片的使用,把多个小背景图片整合到一张大图片中。2.移动背景图片位置,此时可以使用3.移动的距离就是这个目标图片的x轴和y轴,注意网页中的坐标有所不同4.一般情况下,都是往上,往左移动,所以数值都是负值5.使用精灵图的时候需要精确测量,每个小背景图片的大小和位置。
2022-12-10 22:21:23
157
原创 CSS(三)
定位将盒子定在某一个位置,所以定位也是在摆放盒子,按照定位的方式移动盒子。定位=定位模式+边偏移定位模式用于制定一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置。1.定位模式定位模式决定元素的定位方式,他通过css的position属性来设置,其值可以分为四个:静态定位static静态定位是元素的,默认定位方式,无定位的意思。语法:选择器 { position:static;}相对定位relative相对定位是元素在移动位置的时候,是相对于它原来的位
2022-11-26 23:13:22
703
原创 综合回顾-重点(案例)分析
<li>标签去掉<li>前面的项目符号(小圆点)语法:list-style : one;圆角边框在css3中,新增了圆角边框的样式,这样我们的盒子就可以变圆角了。语法:boder-radius:length;radius 半径(圆的半径)原理:(椭)圆与边框的交集形成圆角效果圆形的做法:border-radius 数值是正方形直径的一半boder-radius :100px(正方形直径是200px);或者:boder-radius:
2022-11-26 19:32:55
206
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人