- 博客(24)
- 收藏
- 关注
原创 Vue 第二天
因为组件是可以复用的实例,如果其他页面也用到了该组件,如果不使用return包裹数据的话就会全局可见从而造成变量污染,只要其中一个页面更改数据,其他页面用到该组件的变量也会被修改,因此组件中的data必须是一个函数,使用return返回一个对象。vue根实例可以是一个对象,其他组件data必须是函数。
2023-09-06 14:41:39 35
原创 Vue第一天
1。M——model(纯js对象),V——View(dom页面),VM——ViewModel (vue实例。),核心就是通过dom listeners和data Bindings进行双向数据绑定。是vue实例从创建——到虚拟dom产生挂载——到数据绑定监听数据变化——vue实例销毁的过程。
2023-09-05 11:15:57 59
原创 JS DOM (二)
———,1, 先将third 第三个节点取出来,然后克隆,克隆一个值赋值给一个变量,然后将这个科隆的元素,用它的父元素调用一个appendChild()方法,来克隆进去。——————注意,同样是父元素操作,insertBefore(参数1,参数2),参数1是新增节点,参数2是相对节点,即,在哪个节点前面新增一个节点。1. div.innerText——————强度最弱,没有格式,div内部还有别的标签也不会识别。2.div.textContent——————有格式,但是div内部标签不识别。
2023-07-05 21:22:43 45
原创 JS 面向对象
———前两个差不多,toFixed()表示小数点后面有几位。——————不同点,subString()第二个参数不能为负数,而slice()可以为负数。2. Math.max(1,2,4,3)——————求一组数的最大值。1. Math.min(1,2,3,4)——————求一组数的最小值。3.Math.floor(3.1)//3——————向下取整。4.Math.ceil(3.1)//4——————向上取整。5.Math.round(3.5)//4——————四舍五入。————返回指定索引所指的内容。
2023-07-04 20:16:08 39
原创 JS DOM树 (一)
在这里,根节点的唯一子节点是<html>元素,我们称之为文档元素(documentElement)。每个文档只能有一个文档元素。元素节点表示 HTML 元素,属性节点表示属性,文档类型节点表示文档类型,注释节点表示注释。先,获取该元素,将元素赋值给一个变量,变量.nodeName————输出DIV。2. nodeName————以纯大写的方式,返回元素的标签名,如DIV,P,BUTTON。8. childNodes————返回该节点的所有子节点。7. parentNode————返回该节点的父节点。
2023-07-03 19:00:17 102 1
原创 JS第八天 ——正则表达式
正则表达式(Regular Expression,在代码中常简写为regex、regexp或RE)使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。人话: 匹配某一规则的字符串。
2023-07-03 14:39:19 41 1
原创 JS 第七天 函数
首先认识一下什么叫做自由变量。如下代码中,要得到a变量,但是在当前的作用域中没有定义a(可对比一下b)。当前作用域没有定义的变量,这成为 自由变量。自由变量的值如何得到 —— 要到创建这个函数的那个父级作用域寻找,如果没有就一直向上级祖先元素寻找(这就是所谓的"静态作用域")console.log(a) // 这里的a在这里就是一个自由变量 // 100fn()如果父级也没呢?再一层一层向上寻找,直到找到全局作用域还是没找到,就宣布放弃。这种一层一层的关系,就是作用域链。
2023-06-27 18:48:21 82 1
原创 JS 第六天 ——数组方法
2. 从类数组对象或者可迭代对象中创建一个新的数组实例:(类数组对象是什么?————像str= ‘hello’中,str[4]就是‘o’——他和数组的使用方法完全一致但是他不是一个数组。————返回一个新数组(满足条件的)———— 若该数组所有元素中,有一个满足条件,则返回true。————输出一个新数组(所有经过map方法处理过后的数组)在末尾添加一个元素,并返回添加完后的数组长度。——————如果全满足条件,则返回true。在末尾删除一个元素,并返回删除的元素。在开头删除一个元素,并返回删除的元素。
2023-06-27 16:50:48 42 1
原创 JS 第五天
1.使用字面量 var arr = [1,2,3,4,任意数据类型];参数:无 返回值:删除的数组元素 修改原数组。arr[length-n] = 从末尾删除一些元素。参数:增加的数组元素 返回值:新数组的长度 修改原数组。参数:number整数 表示数组长度 数组元素空元素。arr[length+n] = 新增一些元素。arr[arr.length-1] 最后元素。2.反序列化 将json字符串转为对象。对象序列化和反序列化 可以实现深拷贝。pop 从末尾删除数组元素。
2023-06-24 18:49:49 66 1
原创 JS笔记 第4天
1. 单个对象的创建:1。字面量创建2。构造函数。(new)2. 对象属性的访问。1、点访问。(obj.name)2.中括号访问法。
2023-06-24 16:23:25 77 1
原创 0基础JS 第三天
一个过程或函数在其定义或说明中有直接或间接调用自身的一种方法,它通常把一个大型复杂的问题层层转化为一个与原问题相似的规模较小的问题来求解,递归策略只需少量的程序就可描述出解题过程所需要的多次重复计算,大大地减少了程序的代码量。用toString()方法还可以将number类型转为2进制,8进制,16进制的String类型数。c:d——————a大于b输出c,a不大于b输出d。dowhile循环,及时判断条件为false,也会执行一次。// 需要有 跳出的条件。
2023-06-15 17:01:56 38
原创 0基础js 第二天
补充:正无穷:infinity,负无穷:-infinity浅拷贝和深拷贝的区别?————定义变量时,栈和堆。,定义对象时,引用地址放在栈中,内容放在堆区。浅拷贝拷贝的是引用地址。
2023-06-14 21:50:50 35
原创 0基础CSS超详细笔记 第七天
要实现这一点,必须规定两项内容: 1.指定要添加效果的CSS属性 2.指定效果的持续时间。CSS transitions 可以决定哪些属性发生动画效果 (明确地列出这些属性),何时开始 (设置 delay),持续多久 (设置 duration) 以及如何动画 (定义timing function,比如匀速地或先快后慢)。
2023-06-09 18:04:30 46
原创 0基础CSS超详细笔记 第六天
注意:1. 每个弹性容器都有两根轴:**主轴和交叉轴**,两轴之间成90度关系。注意:**水平的不一定就是主轴。**2. 每根轴都有**起点和终点**,这对于元素的对齐非常重要。3. 弹性容器中的所有子元素称为<弹性元素>,**弹性元素永远沿主轴排列**。4. 弹性元素也可以通过`display:flex`设置为另一个弹性容器,形成嵌套关系。因此**一个元素既可以是弹性容器也可以是弹性元素**。弹性容器的两根轴非常重要,所有属性都是作用于轴的。
2023-06-09 16:44:03 35
原创 0基础CSS超详细笔记 第五天
1.绝对定位的元素是脱离标准流的 2.绝对定位的元素是不区分块级元素/行内元素/行内块级元素 3.如果一个绝对定位的元素是以body作为参考点, 那么其实是以网页首屏的宽度和高度作为参考点, 而不是以整个网页的宽度和高度作为参考点 4.一个绝对定位的元素会忽略祖先元素的padding。3.如果一个绝对定位的元素有祖先元素, 并且祖先元素也是定位流, 而且祖先元素中有多个元素都是定位流, 那么这个绝对定位的元素会以离它最近的那个定位流的祖先元素为参考点。将本地仓库的文件提交到远程仓库。
2023-06-06 20:26:45 32 1
原创 0基础CSS超详细笔记 第四天
1.在浮动流中是不区分块级元素/行内元素/行内块级元素的 无论是块级元素/行内元素/行内块级元素都可以水平排版 2.在浮动流中无论是块级元素/行内元素/行内块级元素都可以设置宽高 3.综上所述, 浮动流中的元素和标准流中的行内块级元素很像。 浮动元素不会挡住没有浮动元素中的文字, 没有浮动的文字会自动给浮动的元素让位置,这个就是浮动元素字围现象。当为子元素设置浮动以后,子元素会完全脱离文档流,此时将会导致子元素无法撑起父元素的高度, 导致父元素的高度塌陷。
2023-06-05 17:39:38 29 1
原创 0基础CSS超详细笔记 第三天
盒子模型注意点1.如果两个盒子是嵌套关系, 那么设置了里面一个盒子(子元素)顶部的外边距, 外面一个盒子(父元素)也会被 顶下来。原因子元素和父元素上边框重合在一起。 因为父元素的第一个子元素的顶部外边距margin-top如果碰不到有效的border或者padding,就会不断 一层一层的找自己父元素的麻烦。只要给父元素设置一个有效的border或padding就可以有效的管制这个 margin-top,防止它越级,把自己的margin-top当成父元素的margin-top执行。
2023-06-03 18:01:28 33
原创 0基础CSS超详细笔记 第二天
CSS中通过color来改变文本颜色的方式一共有三种,1. 单词(red,blue,black ,pink)2.rgb(即redgreenblue)格式 rgb(0,0,0)每个数的取值在(0-255)之间,0代表不发光,值越大该越亮。只要red = green = blue 则是灰色。三个值越小越黑,越大越白。3.rgba(即red green blue alpha(透明度)),a 的取值在0-1之间,越小越透明。越小越黑越透明,越大越白越像我。嘿嘿4.十六进制。
2023-06-02 18:01:56 61 1
原创 HTTP协议
GET最为常见的请求方式,通常用于当客户端要从服务器中读取文档时,比如点击网页上的链接或者通过在浏览器的地址栏输入网址的方式来浏览网页,使用的都是GET方式。第一行为请求行,由请求方法、URI和HTTP协议版本3个字段组成,它们之间用空格分隔,最后以回车和换行符结尾进行内容分割,表示接下来的内容(下一行开始的)不是请求行的内容。因为POST方法将要传输的数据封装在报文的请求体中,并且对传输的数据大小没有限制,所以可以传输大量的数据,并且因为数据封装在请求体中,没有直接暴露在URL中,所以比较私密和安全。
2023-05-31 16:40:03 38
原创 0基础超详细笔记 HTML第一天
HTML——超文本标记语言,何为超文本?顾名思义,超越文本的语言。即,可在网页中显示除文本之外的元素,如图像,声音,链接,音乐,视频,等。标记语言,非编程语言。在浏览器中解析。前端三要素——1.HTML 2.CSS 3.JS。也称作前端三剑客。也就是,结构,表现,行为。一一对应。简单俩说,HTML为网页骨架,CSS为网页修饰,JS用于实现网页交互。注意:1. 后缀名为html或者htm,为何是htm,在H5问世之前,计算机的操作系统最多可解析的文件字符长度只有三位。
2023-05-29 18:09:39 70 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人