- 博客(15)
- 收藏
- 关注
RSS订阅原创 core dom的操作
1.查看节点节点的类型元素节点属性节点文本节点元素节点对象这两个获取值是一样的属性节点对象文本节点父节点找子节点可能会有文本节点就像ul下方的li 会有空格 默认就是文本节点因为有空白所以可以通过·判断条件来筛选这里创建一个新的数组 然后将空白的舍弃也可以不判断筛选就是在前面再加一个Element 得到的就是元素节点子节点找父节点兄弟之间的查找...
2022-04-24 22:51:19
447
原创 js的相关知识点
通过运算 通过+ var a = 10 a = a + “”和空串运算 通过方法进行转换 String() 想转换谁就放在()里1.==与===的区别==与===都表示相等 但==表示的相等是会先进行数值转换===不会做类型转换 当两边的类型不同时一定不相等！！！！2.数据类型的转换tapeof 例如 console.log(typeof a) 就是检测a的数据类型 注意要有空格 或者typeof(a)typeof 来检测数据类型其他类型转换为字符串通过...
2022-03-30 21:18:39
985
原创 【无标题】初识js
1.什么是jsJavaScript（简称js），是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。它最初由网景公司（Netscape）的Brendan Eich设计，是一种动态、弱类型、基于原型的语言，内置支持类。2.事件通常情况下当事件发生时，你可以做些事情。在事件触发时 JavaScript 可以执行一些代码。HTML 元素中可以添加事件属性，使用 JavaSc
2022-03-28 20:02:44
626
原创 弹性布局相关知识点
1.了解容器与项目当一个元素定义了display:flex;就可以理解为这个元素变成了容器，元素里面的内容就变成了项目像justify-content align-items 这样的都是给容器加的，接下来就是单独给项目加的！2单独给“项目”添加align-self：单个项目在交叉轴的对齐方式 默认值auto就是父级元素中的align-items定义的值可以定义为order 定义项目的排列顺序，数值越小越靠前 默认都是0flex-grow "比例放大" 默认0就是..
2022-03-25 00:14:40
258
原创 初识弹性盒子
1.介绍弹性盒子就是当页面需要适应不同的尺寸以及设备类型时确保元素布局恰当的布局方式，未来还有网格布局但目前兼容性不好display:grid2.移动端的补充再次强调 在移动端所有有尺寸的地方推荐单位 remmeta不能忘记写calc（）比如定义750 就可以引用这种方法html{font-size: calc(100vw / 750 * 100)}3.弹性盒子的属性...
2022-03-23 23:32:45
325
原创 初识移动端
1.借用media来改变不同尺寸下内容的大小就是借用@media screen and来定义不同的值需要注意的是 （）里的内容可以写max 也可以min 定义最大值与最小值最关键的就是 max需要从大往下下 范围 当是min的时候就需要从小往大的范围写2.rem与em的区别rem一般用于移动端移动端一般有尺寸的地方要用rem1rem默认浏览器字号16px但会根据根变化就是html的变化而变化em会随着父级影响3.安卓和...
2022-03-21 23:14:48
186
原创 盒子模型的进阶
1.盒子背景bachground-color背景颜色background-image背景图片其中url（放入图片路径）background-repeat背景图片重复方式background-position背景图片位置其中包括x y 一个代表水平 一个代表垂直background-size背景图片大小background-attachment背景图片是否固定以上可以简写2.定义背景图片3.c...
2022-03-07 21:50:04
56
原创 进一步补充css
1.盒子模型这里盒子的实际大小就是230*230 内边距的距离加上边框的距离！！！2.外边距的相关应用使块元素水平居中的例子同理行内元素也可以 先转换成块元素然后就可以操作了使用外边距定义两个盒子的距离这样他们会服从谁定义的距离大的原则要想使距离相加就可以再定义两个盒子 如下图3.BFC的相关补充Formatting context(格式化上下文) 是 W3C CSS2.1 规范中的一个概念。它是页面中的一块...
2022-03-05 09:24:40
136
1
原创 进一步了解css
1.文本样式文本样式就是对网页中的文本进行修饰，这样就能页面更加美观。text-indent 首行缩进 tetx-decoration underline下划线 line-through 删除线中划线overline上划线a链接中的线也可以去除 text-decoration：none；text-transform lowercase 全部小写 capitalize首字母大写uppercase全部大写 letter-spacing 字符之间的距离word-spacing单...
2022-03-03 18:44:30
56
原创 【无标题】浅识css
1.入门css层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。前端网页三个层 html:用来搭建网页基本骨架 结构层 css 用...
2022-03-02 18:55:44
157
原创 学习前端的第二天
1.首先是延续昨天的form标签学习form标签中的input标签像type中的text <input type="text" name="unname" placeholder="用户名/邮箱" />首先我们先认识 file 类型 这样我们就可以选择文件了<form action="" method="post"> <input type="file" name="myfile"这样的我们只能选择单个文件 想要选择多个文件的话 我...
2022-03-01 21:18:32
511
1
原创 学习前端第一天
1.刚开始就是先认识一个基本常识 最基本的 HTML 这是超文本标记语言这个就是编码格式2.入门第一步认识的两个标签 p标签与br标签.在后面的学习中 会经常用到p标签与br标签3.接着就是在页面中常见的图片 用到一个img标签...
2022-02-28 19:43:50
457
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人