- 博客(37)
- 收藏
- 关注
RSS订阅原创 Vue简易计算器
- 为所有的input按钮绑定点击事- 当进行点击的时候要知道用户点击的是哪个按钮- 当知道哪个按钮的时候要进行一系列的操作- AC清零- X / + - 判断和运算- = 结果赋值
2022-09-23 08:58:12
231
1
原创 ES6Array的拓展方法和数组常用api
Array. from()将类数组或者可遍历对象转换为真正的数组还可以接受第二个参数，作用类似数组的map方法，将处理后的值放入返回的数组find()findindex()includes()数组常用对象map()filter()reduce()of()fill()遍历数组forEach ()some()in()join()for…offor…infor…in与for…of
2022-09-15 16:26:42
334
原创 ES6模板字符串
这样的做法就简洁了很多，我们不需要再使用大量的""和+来拼接字符串和变量。ES6 新增的创建字符串的方式，使用反引号定义。模板字符串中调用函数。
2022-09-08 17:04:18
214
原创 ES6解构赋值对象解构与数组解构
数组的元素是按顺序排列的，变量的取值由它的位置决定；而对象的属性没有次序，变量必须与属性同名，才能取到正确的值，否则解构失败就undefined。上面代码表示，可以从数组中提取值，按照对应位置，对变量赋值。本质上，这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值。所以，只有当一个数组成员严格等于 undefined，默认值才会生效。对象的解构赋值的内部机制，是先找到同名属性，然后再赋给对应的变量。ES6 中允许从数组中提取值，按照对应位置，对变量赋值，对象也可以实现解构。
2022-09-08 16:30:08
400
原创 ES6新增语法 let const
首先const声明常量的好处，一是阅读代码的人立刻会意识到不应该修改这个值，二是防止了无意间修改变量值所导致的错误，另外其实js编译器也对const进行了优化，可以提高代码的执行效率。const 一般应用于引用数据类型，也就是函数对象等。使用 let，const 的声明的变量不属性顶层对象，返回 undefined。1:用let声明变量具有块级作用域，先声明再使用。5：const let 变量 const常量。案例 块级作用域，作用域链(没有声明往上找)4:let声明的变量 不能重复。
2022-09-06 11:16:48
108
原创 Javascript正则表达式实现输入框验证信息
一个正则表达式就是由普通字符（例如字符 a 到 z）以及特殊字符（称为元字符）组成的文字模式。该模式描述在查找文字主体时待匹配的一个或多个字符串。正则表达式作为一个模板，将某个字符模式与所搜索的字符串进行匹配。2.正则表达式验证输入框信息实现以下功能。...
2022-08-31 19:39:49
1695
2
原创 Javascript随机点名系统
本次分享JavaScript主要知识点涉及到for循环、if选择结构判断语句、数组的定义、定时器、清除定时器等。innerText( )和innerHTML( )之间的区别。
2022-08-30 20:48:37
1285
原创 js实现判断滚动条滚到页面底部并执行事件的方法
举例，如果一个DIV高度是400px（即clientHeight为400），而里面的内容是一个很长的列表，内容的高度是1000px（即offsetHeight为1000）。clientHeight：这个元素的高度，占用整个空间的高度，所以，如果一个div有滚动条，那个这个高度则是不包括滚动条没显示出来的下面部分的内容。依照上面的，那这个高度呢就是DIV内部的高度，包括可见部分及以滚动条下面的不可见部分。首先，我们拉动滚动条，从最上面拉到最下面，变化的是scrollTop的值，而这个值是有一个区间的。...
2022-08-29 20:57:45
4245
1
原创 js---操作元素---密码框验证信息
密码框验证信息实现以下功能如果输入正确则提示正确的信息显示绿色，小图标变化如果输入的不是6~10位密码则提示错误的信息显示红色，小图标变化
2022-08-26 09:06:41
481
2
原创 js节点操作实现留言板的功能
节点操作实现留言板的功能，文本框输入内容点击按钮提交在页面下面显示信息并将文本域输入的内容清空点击信息删除这条信息如果输入的内容为空，则点击提交按钮页面下不显示信息
2022-08-25 09:45:49
397
1
原创 jsDOM---多选框练习
多选框实现以下功能全选按钮，点击全选按钮选中全部多选框，全不选按钮，点击全不选按钮将所有选中状态的多选框取消选中反选按钮，点击反选按钮将选中状态的多选框反选提交按钮，点击提交按钮提交后将所有选中状态的多选框的value属性弹出全选或全不选多选框，若所有多选框都为选中状态，则该多选框状态也为选中；若有一个多选框选中状态为false，则该多选框的状态也为false
2022-08-24 11:03:55
509
原创 零基础教学新手必看之JavaScript DOM基础详解
HTML DOM 树根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点：1.整个文档是一个文档节点 2.每个 HTML 元素是元素节点 3.HTML 元素内的文本是文本节点 4.每个 HTML 属性是属性节点 5.注释是注释节点通过 HTML DOM，树中的所有节点均可通过 JavaScript 进行访问。所有 HTML 元素（节点）均可被修改，也可以创建或删除节点。
2022-08-20 08:29:57
316
1
原创 js-日期对象
new Date(year, month, ...) 用指定日期和时间创建新的日期对象。new Date(milliseconds) 1970年1月1日 格林威治时间。如果只提供一个参数，则将其视为毫秒。
2022-08-18 20:43:40
190
原创 JS函数练习
二、编写函数实现能创建x行y列的表格输出到页面 ，x y的值由用户输入。2.填充数组中的值，知道满足数组的长度 ，要保证用户输入的值是数值。3.将用户输入值组成的数组排序,并返回。1.提示用户输入一个数组的长度。三，判断一个数是否是素数。...
2022-08-16 18:47:41
165
原创 JS-练习
二、编写函数实现能创建x行y列的表格输出到页面 ，x y的值由用户输入。2.填充数组中的值，知道满足数组的长度 ，要保证用户输入的值是数值。3.将用户输入值组成的数组排序,并返回。四，使用函数实现去除任意数组中重复的值。三，使用函数实现判断一个数是不是素数。1.提示用户输入一个数组的长度。......
2022-08-16 18:39:22
141
原创 移动端web宽度适配
vw (viewport width) vh (viewport height) 是视窗的大小，100vw = 100%视窗宽度 100vh = 100%视窗高度。100vw = 750px（设计图像素） 0.1333333333333333333vw = 1px。由于不同设备视口和像素比不同，所以同样的375像素在不同的设备下意义是不一样的.百分比 是相对于父元素的大小设定的比率。100vw = 一个视口宽度。不同的设备完美视口的大小是不一样的。1vw = 1%视口宽度。vw是由视口的宽度计算的。..
2022-08-12 20:27:05
376
原创 JS数组练习题
2.将数组[4, 0, 7, 9, 0, 0, 2, 6, 0, 3, 1, 0]中的0项去掉，将不为0的值存入一个新的数组。5.[1,3,5,2,1,4,3,1,2,5,3,1,2,1]对该数组去除重复数据。4.往数组[10,2]里面添加数据至数组的长度为5,但不要出现重复数据。1.将数组[12,34,2,5,76]中数字内容求和。3.求[12,34,2,5,76]数组中最大值。6 编程实现将一个无序的数组实现排序。...
2022-08-11 20:24:25
201
原创 js练习题
5.甲乙丙丁加工零件，加工的总数是370， 如果甲加工的零件数多10，如果乙加工的零件数少20，如果丙加工的 零件数乘以2，如果丁加工的零件数除以2，四个人的加工数量相等，求甲乙丙丁各自加工多少个零件。9.输出1000以内的水仙花数，例子：如果一个三位数 abc=a *a *a+b * b* b+c* c* c 则该数字是一个水仙花数。7.输出100以内的素数，素数是只能被1和自身整除的数。1.实现100以内偶数和奇数的和分别是多少。3.实现100以内能被3整除的数字的和。4.实现1-20数字的平均值。..
2022-08-08 20:17:47
283
原创 flex弹性布局总结
默认值为auto，表示继承父元素的align-items属性，如果没有父元素，则等同于stretch。align-self属性允许单个项目与其他项目不一样的对齐方式，可覆盖align-items属性。flex-flow:复合属性，相当于同时设置了flex-direction和flex-wrap。align-content:设置侧轴上的子元素排列方式（多行）（在单行情况下没有作用）align-items:设置侧轴上的子元素排列方式（单行）flex-wrap:设置元素是否换行 （默认不换行）...
2022-08-03 20:25:52
98
原创 html+css， margin塌陷及解决方法
他有两个特殊的伪元素before和after伪元素可以跟正常元素差不多可以一起来使用，但是他没有正常的元素结构一个标签诞生的时候，他就有了伪元素，伪元素存在于逻辑的最前（after）和逻辑的最后（before），只是一般看不见，除非我们通过css选中，并操作他写成spanbefore{}就是选择了span的before伪元素，里面有一个必须要有的值是content“”。浮动元素1）浮动元素产生了浮动流（浮动流产生的效果）所有产生了浮动流的元素，块级元素看不到他们。......
2022-07-26 20:57:12
262
原创 absolute 和 relative 比较
一般用relative作为参照物（不用relative进行定位），用absolute进行定位给一个元素只设置一个relative，不设置left，right，top，bottom，看起来是对这个元素没什么影响的，但是它保留了原来的位置，就对后续元素没有什么影响absolute可以任意的调整自己的参照物，更加灵活，所以用于定位想让谁成为基地，就给谁relative定位，并且不设置方向。relative定位保留原来的位置进行定位，相对于自己原来（出生的）的位置进行定位。...
2022-07-25 20:47:39
269
原创 html,css定位
3、绝对定位，相对于除静态定位以外的定位祖先元素，会脱离文档流（所谓脱离文档流指设置定位后其原来空间不再属于当前元素）。5、设置层级，当多个元素设置了互相重叠的定位坐标时可能会发生相互覆盖的情况，通过设置z-index可以调整其层级顺序。通过设置定位坐标设置元素相对于某一元素的位置，有4种定位方式，分别是静态定位、相对定位、绝对定位、固定定位。2、相对定位，相对于自已原来的位置进行定位，不会脱离文档流。1、静态定位，所有元素默认的定位方式，处于正常文档流中。4、固定定位，相对于浏览器窗口，也会脱离文档流。.
2022-07-20 20:05:07
393
原创 css浮动h和清除浮动
通过浮动可以使元素脱离文档流，改变元素默认的排布方式。3、清除浮动，消除因浮动带来的影响。1、左浮动，元素向左靠。2、右浮动，元素身右靠。
2022-07-19 20:37:34
112
原创 html盒子模型
根据W3C的规范，元素内容占据的空间是由width/height属性设置的，而内容周围的padding和border值是另外计算的；在HTML文档中每个元素都被处理成一个矩形“盒子”，并且这个盒子由4部分构成，分别是content（内容区域）、padding（内边距）、border（边框）、margin（外边距）。4、外边距，相邻盒子间的空白区域，通过margin进行设置，可分别设置4个方向的外边距。3、边框，元素边框，通过border进行设置，可分别设置4个边框。即在怪异模式下的盒模型，...
2022-07-18 21:57:14
2685
原创 html网页结构
字节数标签浏览器中一些特殊的字符无法书写出来，例如空格，大于号，小于号我们要用一些。标题，主要出现在网页的标题栏上，帮助浏览器快速定位页面具体内容。主要是给浏览器看的，帮助浏览器解析代码，提高网站的性能。根标签，默认字体16px，浏览器最小12px，额外的特殊字符去表示，这些额外的字符就是实体。2标签要么成双成对，要么自结束标签。文档声明，防止文档进入怪异模式。1标签不可以交叉，可以嵌套。...
2022-07-14 20:56:38
197
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人