上一页 1 ··· 7 8 9 10 11 12 13 14 下一页
摘要: 学习教程-vuejs官方教程 上班看不了视频,所以看文字版教程 什么是响应式 能在改变时触发更新的状态被称作是响应式的。 API reactive() 由 reactive() 创建的对象都是 JavaScript Proxy,其行为与普通对象一样 reactive() 只适用于对象 (包括数组和内 阅读全文
posted @ 2024-02-28 16:00 ayubene 阅读(20) 评论(0) 推荐(0)
摘要: 学习MDN-正则表达式章 学习MDN-正则表达式章-这个链接也可以 什么是正则表达式 要点: 用于匹配字符串中字符组合的模式 js中,正则表达式也是对象 用于 RegExp 的 exec 和 test 方法,以及 String 的 match、matchAll、replace、search 和 sp 阅读全文
posted @ 2024-01-23 22:21 ayubene 阅读(59) 评论(0) 推荐(0)
摘要: 1 布局 单列布局 单列布局是将头部、内容区、底部在页面上垂直排列,是非常实用的一种布局方式。主要对三个区域的宽度进行统一,然后通过设置自动外边距进行居中。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ht 阅读全文
posted @ 2024-01-21 12:07 ayubene 阅读(21) 评论(0) 推荐(0)
摘要: 一些笔记 使用flex-wrap换行(一行一个元素) ul { display: flex; flex-wrap: wrap; } ul li { flex: 100%; } html中让img撑满整个div div要设置宽高,img也要有宽高且均为100%,最重要的是img要给display: b 阅读全文
posted @ 2024-01-21 11:20 ayubene 阅读(16) 评论(0) 推荐(0)
摘要: 1 外边距折叠 用处:当一个页面包含了多个段落,如果没有外边距折叠,从第二个段落开始,所有段落的间距都是最上方段落的上外边距的两倍,有了外边距折叠,段落间距才会相等。 如何去除外边距折叠:给目标盒子设置以下属性: display: inline-block float属性值不是"none"的元素 绝 阅读全文
posted @ 2024-01-17 13:25 ayubene 阅读(40) 评论(0) 推荐(0)
摘要: 1 清除浮动 方法1 双伪元素法:在style中给父元素添加伪元素代码 了解zoom:1; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi 阅读全文
posted @ 2024-01-11 18:06 ayubene 阅读(22) 评论(0) 推荐(0)
摘要: 学习视频:黑马程序员视频链接 事件监听 三要素:事件源、事件类型、事件处理程序 随机点名案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev 阅读全文
posted @ 2023-12-07 21:12 ayubene 阅读(34) 评论(0) 推荐(0)
摘要: 自己写的 总结自己写的和标准答案之间的差距 css内容已经不记得多少了,所以写的很不规范 学习到了一个知识点绝对定位常见误区 对轮播图的写法也有了新的理解:比如鼠标经过左右按钮时底色改变,我是使用事件监听实现的,但其实css使用hover就简单解决了;再比如,我先实现了自动播放轮播图,再从这里开始加 阅读全文
posted @ 2023-12-02 17:05 ayubene 阅读(19) 评论(0) 推荐(0)
摘要: 学习视频:黑马程序员视频链接 DOM简介 DOM简介 DOM树:将HTML文档标签以树状形式表现出来 DOM对象:每个标签都是DOM对象 DOM核心思想:将网页内容当作对象处理 DOM中最大的对象:document,其次是<html> <!DOCTYPE html> <html lang="en"> 阅读全文
posted @ 2023-12-01 06:59 ayubene 阅读(21) 评论(0) 推荐(0)
摘要: 第3章 基础概念 数据类型 Number <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name=" 阅读全文
posted @ 2023-11-23 11:14 ayubene 阅读(19) 评论(0) 推荐(0)
上一页 1 ··· 7 8 9 10 11 12 13 14 下一页