- 博客(17)
- 收藏
- 关注
RSS订阅原创 Web-Apls --事件监听及事件类型
就是让程序检测是否有事件产生，一旦有事件触发，就立即调用一个函数做出响应，也称为绑定事件或者注册事件比如鼠标经过显示下拉菜单 比如点击播放轮播图等等。
2024-05-29 17:18:01
222
原创 Web Apls--操作元素内容基本属性及样式
目标： 能够修改元素的文本更换内容DOM对象都是根据标签生成的，所以操作标签，本质上就是操作DOM对象就是操作对象使用的点语法如果想要修改标签。
2024-05-19 16:56:37
398
1
原创 WEB APIs-----基本认知及如何获取DOM对象
作用:就是使用js去操作html和浏览器分类：DOM（文档对象模型），BOM（浏览器对象模型） DOM是用来呈现以及与任意html或XML文档交互的API解释：DOM是浏览器提供的一套专门用来操作网页内容的功能DOM作用开发网页内容特效和实现用户交互例如： DOM树是什么将htm文档以树状结构直观的表现出来，我们称之为文档树或DOM树如下图： 描述网页内容关系的名词作用: 文档树直观的体现了标签与标签之间的关系DOM对象：浏览器根据html标签生成的JS对象修改这个对象的属性会自动映射到标签身上在html获
2024-05-12 13:31:49
338
1
原创 Javascript基础---对象
对象（object）：js里的一种数据类型可以理解为是一种无序的数据集合，注意数组是有序的数据集合用来描述某个事物，例如描述一个人保存人的姓名 年龄 性别等数据。
2024-05-05 23:40:35
367
2
原创 Javascript --for循环和数组操作
方法将一个或者多个元素添加到数组的开头，并返回该数组的新长度。方法从数组中删除最后一个元素，并返回该元素的值。删除数组开头一个数据元素，返回数据是删除的元素。在平时开发中直接使用 数组.sort()来排序。let 数组名=[元素1，元素2，元素3]掌握利用push向数组添加元素（数据）数组是一种可以按顺序保存的新数据类型。for循环最大的价值：循环数组。sort排序默认按照升序排序。数组里面可以存任意数据类型。如图是升序和降序的语法（改 数组[下标]=新值。它是最常使用的循环体。
2024-04-26 20:57:03
334
1
原创 JavaScript入门Ⅲ--语法
while循环就是在满足条件期间，重复执行某些代码。所以：分支语句可以让我们有选择性的执行想要的代码。满足条件执行的代码：不满足条件执行的代码。continue 跳过本次循环直接进入下一次循环。就会执行完指定位置之后的所有代码，这叫做。在浏览器源代码中打开代码文件加入断点。模板字符串中支持显示字符串原有格式。注意：除了0 所有的数字都为真。除了空字符串，所有字符串都为真。必须刷新浏览器之后进行查看调试。表达式是可以被求值的代码。语句是一段可以执行的代码。break 直接退出循环。
2024-04-20 19:58:38
198
原创 响应式布局---最基础篇
来自推特，是目前最受欢迎的前端框架，基于html，css，js 使web开发更加快捷响应式布局的容器，固定宽度就是这个类引入之后，代替了媒体查询的作用container-fluid 类流式布局容器 百分百宽度占据全部视口的容器适合于单独做移动开发指将页面布局划分为等宽的列，然后通过列数的定义来模块化页面布局Bootstrap 提供了一套响应式，移动设备优先的流式栅格系统，随着视口尺寸的增加，系统会自动分为12列，你只需要给容器内的小元素加上对应份数的类名就可以实现份数分配。
2024-03-30 22:32:31
536
1
原创 flex布局
传统布局：1.兼容性好2.布局繁琐3.局限性，不能在移动端进行很好的布局flex 弹性布局1.操作方便 布局简单 移动端应用十分广泛2.PC端浏览器支持情况较差3.低版本不支持flex意为弹性布局，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为flex布局！---当父盒子设置为flex布局之后，子元素的float，clear属性将失效display：flex!-----伸缩布局=弹性布局=伸缩盒布局=flex布局采用了flex布局的元素称为flex容器，它的所有子元素自动成为容器成员，称为flex
2024-03-17 17:56:18
325
1
原创 浏览器对html文件和css文件是如何加载的
浏览器基于它找到的不同的选择器，将不同的规则（基于选择器的规则，如元素选择器、类选择器、id 选择器等）应用在对应的 DOM 的节点中，并添加节点依赖的样式（这个中间步骤称为渲染树）。一个网页由三部分组成：html文件，css文件，js文件。这些文件负责不同的分工构建出多种多样的网页，HTML文件可以说是起到骨架作用，css文件为网页设置了多种样式，js文件为用户处理了多个页面交互。之后服务器会根据路径部分查找网页资源文件并将其返回给浏览器，当发现在html文件中要下载资源文件时，会开始下载资源文件。
2024-02-26 22:57:42
309
1
原创 前端基础——H5C3提高
CSS3中可以通过box-sizing 属性来指定盒子模型，有两个值：即可指定为content-box，boder-box 这样我们计算盒子大小的方式就发生了变化。注意：这些新特性都会有兼容性问题，基本使IE9以上的版本的浏览器才支持，如果不考虑兼容性问题，可以大量使用这些新特性。1.属性：想要变化的CSS属性，宽度高度 背景颜色 内外边距都可以 如果想要所有属性都变化过渡，写一个all就可以。属性选择器可以根据特定属性的来选择元素。针对之前的不足，新增加了一些新的标签，新的表单和新的表单属性等。
2024-02-22 16:37:47
709
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人