- 博客(144)
- 收藏
- 关注
RSS订阅原创 JS-本地存储localstorage
由于web网页每次一刷新数据就没有了，为了满足大多数需求，会经常在本地存储大量的数据HTML5出了相关的解决方案可以1、数据存储在用户浏览器中2、设置、读取方便、网页刷新不丢失数据3、容量较大 sessionStorage和localStorage约5M左右。
2024-09-12 18:15:46
225
原创 JavaScript-日期对象
时间戳是自从1970年1月1日的午夜开始到现在流过的毫秒数。可以得到日期对象，里面的属性有星期，年月日，时分秒。作用：用来表示时间的对象。
2024-07-09 17:02:44
364
原创 Vue-双向数据绑定指令
双向数据绑定就是当数据设置给表单元素时，修改这个数据会修改表单元素的值， 修改表单元素的值同样也会修改这个数据。当我们删除这个‘world’时 ，数据同样会发生变化。
2024-06-23 13:49:03
367
原创 Vue-列表渲染指令
比如我想再添加一个叫‘moli’的人，你会发现多选框自己给勾上了，并且‘zhangsan’没有被勾上了 ，这是因为vue默认li标签里的元素内容没有变化，只是添加了一个元素。语法：v-for="(参数1,可选参数1,可选参数2) in 数组名"这个时候key的作用就体现出来了，key的值必须要是唯一的关键字。这里面有一个小问题，就是当我勾选这个多选框时，再添加一个人。因为数组里面的id是唯一的，不重复，所以用这个值给key。此时，我们再添加‘moli’，就不会出现这个bug。
2024-06-23 13:32:31
746
原创 Vue-内容渲染，属性渲染指令
在Vue中渲染元素，用双花括号{{}}的语法进行插值，称之为插值表达式。由于用双花括号无法解析标签元素,它只会将它当作damn变量的值。两种方式效果都是一样的 ，会将link的值渲染到超链接上。v-html:会解析html元素，常用。v-text:不会解析标签，比较少用。双花括号会渲染hi里面的值。同时它也能执行js代码。
2024-06-22 20:49:34
317
1原创 JavaScript-环境对象
指的是函数内部特殊的变量this，它代表了函数运行时所处的环境。直接调用函数的话，this指向的就是window函数。作用：弄清this指向谁，可以使代码更整洁。直接调用函数指向的就是window函数。我们发现这个this指向的是这个元素。随调用this就指向谁。
2024-06-21 10:01:27
142
原创 JavaScript-对象
所有属性都放在花括号里面，属性之间用逗号隔开,属性和属性值之间用冒号隔开语法：let 对象名{属性1:属性值1,属性2:属性值2,属性3:属性值3age: 18,name: '李四',sex: '男'document.write(`这个同学${stu.age}岁了<br>`);document.write(`这个同学名字叫${stu.name}<br>`);document.write(`这个同学是${stu.sex}生`);
2024-05-28 18:13:03
674
原创 JavaScript-函数的使用
返回值：函数的返回值由关键字return完成，函数可以有返回值，也可以没有返回值，如果没有则省略关键字return。函数就是包裹在花括号里面的代码，当用户需要多次使用 某个代码时，可以用函数包裹住这个代码，然后调用函数即可。有时我们希望函数将值返回调用它的地方，比如：arr.length()函数会返回数组的长度。参数：一个函数可以有多个参数，也可以没有参数，但不管有没参数，函数名后都要接一个小括号。调用函数时，你可以向其传递值，这些值被称为参数。函数体：用花括号括起来的代码块，也是函数的主体。
2024-05-26 14:45:49
310
原创 JavaScript-数组的增删改查
删除数组中最后一个元素语法：arr.pop()arr.pop();用这个操作会删除掉7这个元素，并返回新的数组长度。
2024-05-25 13:08:50
756
原创 JavaScript-运算符
减法运算符（-）是一个二元运算符，可以对两个数字型的操作数进行相减运算，返回值是第1个操作数减去第2个操作数的值。大于或等于运算符（>=）是一个二元运算符，当第1操作数大于或等于第2个操作数返回true，否则返回false。小于或等于运算符（<=）是一个二元运算符，当第1操作数小于或等于第2个操作数返回true，否则返回false。除法运算符（/）是一个二元运算符 ，可以对两个数字型的操作数进行相除运算，返回第1个操作数除以第2个操作数的值。相等运算符（==）是一个二元运算符，可以比较两个操作数是否相等。
2024-05-22 17:16:10
1216
原创 JavaScript-隐式转换和显式转换
因为JavaScript是弱类型声明，在没赋值前是不知道数据的类型的，只有赋值了才知道，表单和prompt获取的数据都是字符串型，此时就不能直接的简单加减法运算。某些运算符被执行时，系统内部自动将数据类型进行转换，这种称之为隐式转换。作用：转换成数字类型，如果字符串内有非数字，则转换失败输出NaN。NaN也是number类型的数据，代表非数字。语法：Number()所以需要转换数据类型。
2024-05-19 17:19:13
341
原创 CSS-元素堆叠顺序
元素的堆叠效果，是根据书写的顺序来的，后面的在上面绿色在最上面，随后是红色，最后是蓝色，跟书写的顺序一样我们可以改变这个顺序。
2024-05-18 18:59:21
240
原创 CSS-相对和绝对和固定位置
将位置改成相对位置，与原先的位置顶部相距100px。原来的位置是占用状态，其他元素无法使用。改变位置的参照物是自己原来的位置。元素的位置在网页滚动时不变。属性值：relative。属性值：absolute。改变位置的参照物是父元素。属性：position。属性：position。属性：positon。
2024-05-18 16:20:54
341
原创 JavaScript-数组
数组是一些数据的集合 ，这些数据可以是字符串型，数字型数组是按顺序存储，所以每个数据都有自己的编号在数组中，数据的编号称之为索引或下标索引都是从0开始的。
2024-05-16 19:24:19
161
原创 JavaScript-var和let的区别
在JavaScript较旧的版本中，使用var来声明变量，而不是let,var现在开发中一般不适用它，let解决了一些var的问题。现在应该用let来声明变量。
2024-05-16 17:19:41
219
原创 JavaScript-基本数据类型,常量和变量
常量通常是不会变的值，而变量可能会随着程序的执行而改变，变量是用来存储数据的，用变量来表示实际数据显然要方便点数字型布尔型字符串型空值（null）未定义值（undefined）关键字：var使用一个变量之前，必须要先定以该变量。只有在定义了一个变量之后，系统才会准备一个内存空间来存储这个变量的值var x;var y;var a;var b;可以同时定义多个变量，中间用逗号隔开在定义变量后，如果没有为变量赋值，那么该变量的值为undefined。
2024-05-15 20:52:42
815
原创 JavaScript-输入输出语句
语法：document.write(' 输出的内容')作用：显示一个对话框，对话框有文本信息，提示用户输入。语法：console.log('输出的内容')如果输出的内容是标签，也会被解析为网页元素。语法：alert('输出的内容')语法：prompt('输入内容')作用： 页面弹出警告对话框。作用：内容会显示在网页上。作用：控制台打印输出。
2024-05-15 16:03:16
698
原创 什么是javascript
javascript是一种跨平台，面向对象的脚本语言，同时也是一门轻量级的编程语言。通常将标签写在html底部，因为浏览器会按照代码在文件中的顺序执行。通过标签，用src引入外部js文件。脚本是给我们计算机执行的，我们写上脚本后，计算机就会照着脚本执行命令。它可以在网页上实现复杂的功能，让你网页不再是静态网页。css有三种样式，行内样式表，内部样式表，外部样式表。在在*之间的内容会被注释掉。代码写在.js结尾的文件里。//右边这行代码会被注释掉。
2024-05-15 15:39:38
515
原创 CSS-flex布局
给父级元素的展示效果设置为flex布局，整个flex容器 里面的flex item都会沿着主轴展开。作用：flex items（弹性盒子）可以自动挤压或拉伸，默认弹性盒子会在一行显示。属性：flex-direction(修改主轴方向，侧轴也会随着改变)我们给三个盒子的宽设置为300px,父级盒子的宽设置为800px。属性值：整数数字，表示占用父级剩余尺寸的份数，默认是1份。作用：控制flex items在主轴方向的尺寸。网页呈现的效果：三个盒子的宽被挤压了。属性：flex-wrap。
2024-05-11 15:43:26
1942
原创 CSS-浮动
right 浮动在网页右边。作用：盒子的顶点是一样的，具备行内块的特征，能设置宽高。属性值：left 浮动在网页左边。三个盒子都是紧密相联的。
2024-05-10 16:07:04
241
原创 CSS-盒子模型元素溢出
使用了属性overflow之后，溢出的部分都被隐藏住了。正常情况下，网页是这个样子的，当文本超出了行高之后。作用：控制溢出的元素的内容的显示方式。属性：overflow。
2024-05-08 19:14:37
350
原创 CSS-盒子模型
属性值：边框线粗细px 线条样式 颜色(不区分先后顺序，中间用空格隔开)属性值：边框线粗细px 线条样式 颜色(不区分先后顺序，中间用空格隔开)属性：盒子属性-方向名词(例如设置左边框border-left)作用：设置内容与盒子边缘之间的距离。可以清楚的看到边缘距离是50。作用：拉开两个盒子之间的距离。属性：paddding。
2024-05-08 15:52:10
681
原创 CSS-显示模式
显示模式 块级元素 独占一行 宽度默认是父级元素的100% 设置宽高属性生效 行内元素 一行可以显示多个，每个元素之间空格 设置宽高属性不生效 宽高由内容决定 行内块元素 一行可以设置多个 设置宽高属性生效 宽高也可以由内容决定切换显示模式属性名:display属性值 效果 block 块级 inline-block 行内级
2024-05-07 15:39:54
571
原创 CSS-背景属性
属性值：背景色 背景图 背景图平铺方式 背景图位置/背景图缩放 背景图固定。属性：background-attachment。属性名：background-position。属性名:background-repeat。属性名：background-image。属性名：backgourd-color。属性：background-size。属性值：跟color的使用方法一样。网页中，使用背景图片来装饰图片效果。作用：背景不会随着内容滚动。属性：background。属性值：url ()
2024-05-06 16:56:47
879
原创 HTML调试工具
然后将框框放到你的HTML当中。按下F12键打开开发者工具。或者在网页中点击右键然后检查。作用：检查调试代码是否错误。有感叹号就表示那里有错误。
2024-04-30 16:04:08
119
原创 CSS字体，文本修饰属性，盒子
font拥有font-style,font-weight,font-size,line-height,font-family。rgb有3个参数，红色，绿色，蓝色，每个参数的范围在0~255，也就是红蓝绿的颜色深度，由浅到深，所以rgb可以表示的颜色有。rgb的升级版，第四个参数是透明状态，可以用来表现颜色的透明状态。作用：改变文本的倾斜程度，默认文本是不倾斜的，属性值是关键字。作用：换字体格式，例如宋体，楷体，默认字体使微软雅黑。属性值：left（左对齐） 默认是左对齐。属性值：属性值可以写颜色的英文，
2024-04-30 15:53:16
746
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人