m0_72686628-CSDN博客

原创 1.解决使用 position: fixed；时内容被覆盖；2.vue2消除滑动条

1.使用 position: fixed;固定定位时内容还是会被覆盖，就可以使用z-index增加层级（仅能在定位元素上奏效）2.第一步npm install less less-loader --save。第二步在App.vue中。

2023-06-22 19:38:52 1168

原创 Web前端快速排序冒泡排序数组去重选择排序防抖节流

如果在定时器执行的过程中再次触发定时器从头开始计时(把之前的定时器清除，重新定义一个)如果在定时器执行的过程中再次触发事件状态是禁用的当定时器完成之后事件状态解开。if (timer) { //timer有定时器id 意味着定时器没有执行完。在一个事件中添加一个延时定时器延迟一定的时间再执行代码。在一个事件中添加一个延时定时器延迟一定的时间执行代码。闭包：可以访问其他函数内部变量的函数函数套函数。//是无法拿到对应的下标。// 判断定时器有没有完成。// 不用的时候手动回收。

2022-09-21 20:51:27 315 1

原创 Web前端面向对象

1.字面量创建对象是由属性和方法组成的"属性名"：属性值"方法名"：function(){}}2.使用new 关键字创建//给obj添加属性和方法3.工厂模式创建}4.构造函数创建}//实例化对象(调用构造函数)5.原型创建prototype原型：每创建构造函数都会自带一个prototype 用于存储共享的属性和方法。

2022-09-21 20:44:40 228

原创 Web前端

定义一个空数组去空数组中查找原有数组中的元素如果找不到(新数组中没有该值) 就push到新数组。点谁就把谁的元素输出 this 在事件处理函数中指向当前触发事件的对象点谁指向谁。every 对数组元素进行判断当所有的元素都为true的之后结果才会true。some 对数组元素进行判断只要有一个为true 结果就为true。filter 对数组元素进行判断将满足条件的元素组成一个新的数组返回。遍历数组有返回值将返回值组成一个新的数组返回。

2022-09-08 22:30:53 186

原创 web前端

start和end都是可选值 start如果不写则是0 end如果不写 str.length。start和end都是可选值 start如果不写则是0 end如果不写 str.length。slice 不会调整位置 (2,0) "" 碰见负数截取到倒数第几个 (2,-2)charCodeAt(下标) 获取下标对应的字符编码(ASCII) "a" "A" "0"替换 str.replace(要替换的字符串,替换的字符串) 一次只能替换一个。

2022-09-05 22:22:46 40

原创 Web 前端面试题

1-reutrn的作用是什么？1-innerHTML和innerText的区别?2-typeof检测不同数据类型的返回值分别是什么。1-js的对象分为哪几类，每类对象分别都有什么?4-NaN是什么意思，什么时候出现NaN。1-while和do-while的区别?4-js的引入方式有哪些,有什么特性？3-null和undefined的区别。2-JavaScript的特性是什么。3-JavaScript的组成是什么。1-什么是JavaScript。3-代码复用实现的步骤是什么?10-鼠标的事件类型有哪些。...

2022-08-31 22:02:49 107

原创 Web前端函数封装和Math对象

本地对象「内部对象」：JS中的内部对象包括Array、Boolean、Date、Function、Global、 Math、Number、Object、RegExp、String，Error对象，其中Global和Math这两个对象又被称为“内置对象”，这两个对象在脚本程序初始化时被创建，不必实例化这两个对象。- 宿主对象：宿主对象就是执行JS脚本的环境提供的对象，就是浏览器提供的对象，如window和document。- Math.random() 随机生成0-1之间的数包括0 不包括1。...

2022-08-31 21:53:57 94

原创 Web前端自定义属性与函数

1 定义属性属性的分类固有属性：系统给的 id class title自定义属性：程序员自己定义的 tag index添加自定义属性直接添加标签上(暂时获取不到)//2.自定义属性直接写行间，可以直观看见，暂时无法获取写在行间的自定义属性使用js添加：标签.属性名 = 属性值//3.通过js添加自定义属性,标签上看不见，但是可以直接使用//true2.什么是全局变量/全局函数在函数外侧声明的变量和函数可以在任何地方访问和修改会一直存储在内存中直到页面关闭销毁。...

2022-08-30 21:20:02 476

原创 Web前端总结

document.getElementsByClassName("class名")----获取到的是集合集合名[下标]string类型(纯数字 ""-0 " "-0) boolean(true-1 false-0) null-0。document.getElementsByTagName("标签名")----获取到的也是集合。document.getElementById("id名")---获取的是具体的某个标签。true执行的代码(只能写一行代码):false执行的代码(只能写一行代码)...

2022-08-27 12:13:50 50

原创 Web前端

/ 总结:Number可以转换的有：string类型(纯数字，""-0 " "-0) boolean(true-1 false-0) null(0)//true ==在进行比较的时候会进行隐式转换尽量都会转成number类型。console.log(10==="10")//false ===在进行比较的时候不会隐式转换必须一模一样才可以。作用：将数据转换成number类型，从左往右转换，遇到不能转换的或者是末尾结束，如果一开始都不能转换则是NaN 并且取整(舍弃小数)

2022-08-24 21:43:11 47

原创 Web前端

*------------------------------了解-----------------------------*/// 2.设置闭合标签的内容标签.innerHTML = 值标签.innerText = 值。string字符串:引号引起来的都是字符串 ("" '')，==所有从页面中获取的聂荣都是字符串类型==// 1.获取闭合标签的内容标签.innerHTML 标签.innerText。//先将原先的内容拿出来(标签.innerHTML) 和赵链接在一起。

2022-08-23 20:31:24 46

原创 Web前端

=基于对象和事件驱动的解释性脚本语言==基于对象：JavaScript 是一种基于对象的语言，这意味着它能运用自己已经创建的对象，因此，许多功能可以来自脚本环境中对象的方法与脚本的相互作用。事件驱动：JavaScript 可以直接对用户或者客户输入做出响应，无须经过 web 服务器，它对用户的响应，以事件驱动的方式进行。解释性解释性：可以直接识别，读一行执行一行编译性：高级语言，c c++ ,先编译计算机能识别的，再执行（速度快）

2022-08-22 21:54:56 281

原创 Web前端响应式布局

media screen and (max-width:1200px) { ... } /* 中型设备（台式电脑，1200px 以下） */@media screen and (min-width:1200px){ ... }/* 大型设备（大台式电脑，1200px 以上） */@media screen and (min-width:768px) { ... } /* 小型设备（平板电脑，768px 以上） */* 使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而达到适配不同屏幕的目的。...

2022-08-16 21:11:11 437

原创 Web前端

css3动画库，预设了抖动（shake）、闪烁（flash）、弹跳（bounce）、旋转（rotateIn|rotateOut）、翻转（flip）、淡入淡出（fadeIn|fadeOut）等动画效果。animation: 动画名称动画执行时间动画速度曲线延迟时间动画播放次数动画运动方向动画结束之后显示的状态。5.animation-iteration-count 动画的执行次数。2.ease 默认值慢速度开始--速度变快--慢速度结束。/* 在25%的时候进行的一个动画 */...

2022-08-15 20:46:46 39

原创 Web前端

* 沿着水平方向和垂直方向都放大1.5倍，等比例缩放 */- transform: translate(x,y) 沿着x轴和y轴移动。- transform: scale(x,y) 沿着x轴和y轴缩放。- transform: skew(x,y) 沿着x轴和y轴倾斜。- transform: scaleX(x) 沿着x轴缩放。- transform: scaleY(y) 沿着y轴缩放。- transform: skewX(x) 沿着x轴倾斜。- transform: skewY(y) 沿着y轴倾斜。...

2022-08-11 20:04:12 38

原创 Web前端弹性盒子

四周对齐，子元素之前、之间、之后都留有空白空间，且空间自行分配,项目之间的间隔比项目与边框的间隔大一倍。* align-self属性：调整自身在侧轴的对齐方式，弹性容器中被选中子项的对齐方式（设置在子元素中）justify-content 属性：设置主轴的对齐方式,弹性子元素在主轴方向上的对齐方式,默认值，主轴顶端对齐。...

2022-08-11 09:11:28 327

原创 Web 前端

比如说 html 的 font-size 大小为 100px, 一个 div 的 width 为 1rem，则 div 的 width大小为100px。在布局过程中只要使用 rem 设置元素的尺寸，在改变 rem 的基准值 html 的字体大小的时候，页面上的元素将等比例缩放实现适配。2.如果父元素也有margin-top值，会与子元素的margin-top值合并，取两者较大值； rem是指相对于根元素的字体大小的单位，即根据html元素的font-size来计算大小。...

2022-08-10 22:10:11 71

原创 Web前端

比如说 html 的 font-size 大小为 100px, 一个 div 的 width 为 1rem，则 div 的 width大小为100px。在布局过程中只要使用 rem 设置元素的尺寸，在改变 rem 的基准值 html 的字体大小的时候，页面上的元素将等比例缩放实现适配。 rem是指相对于根元素的字体大小的单位，即根据html元素的font-size来计算大小。- calc()函数支持 "+", "-", "*", "/" 运算；...

2022-08-10 22:05:35 241

原创 Web前端

用于输入电话号码的文本输入域，服务于触屏网页开发，在电脑网页中无效，在触屏网页中点击输入域，显示虚拟电话键盘（0-9、*、#）- 包含e-mail地址的输入域，在提交表单时，自动验证email域的值。- 包含访问协议的完整路径的输入域，在提交表单时，自动验证url域的值。...

2022-08-02 21:08:59 133

原创 Web前端

这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。如果添加新的图标，可以把这些图标添加到已有的项目文件，这样原来的图标和这次新添加的图标就可以在新的一个文件里了。font-class是Unicode使用方式的一种变种，主要是解决Unicode书写不直观，语意不明确的问题。如果添加新的图标，需要再新下载一个文件，且这个文件的图标与上个文件的图标不能在一个文件中，是两个独立的文件。3.解压文件，把文件放到代码中(此时下载的这个文件包括上次选的图标，也包括这次选的新的图标)...

2022-07-30 17:21:48 38

原创 Web前端

原因浮动不会脱离文本流浮动的盒子会遮盖下面的盒子，但是下面盒子里的文字是不会被遮盖的，文字反而还会环绕浮动的盒子。解决办法(特性6，4)bfc就是页面上的一个独立容器，容器里面的子标签不会影响外面标签。解决办法(特性6，4)bfc就是页面上的一个独立容器，容器里面的子标签不会影响外面标签。6、BFC就是页面上的一个隔离的独立容器，容器里面的子标签不会影响到外面标签，反之亦然。...

2022-07-27 20:02:46 94

原创 Web前端表单

get方法将表单中数据的按照variable=value的形式，添加到action所指向的【URL后面，并且两者使用“?4、selected下拉列表的默认选中，直接在option标签中写即可，selected或者selected='selected'5、value属性规定输入字段的初始值。name属性可以实现单选框的互斥效果，name设置的属性值要一样，即选男不能选女，选女不能选男。...

2022-07-25 22:23:30 274

原创 Web前端盒子居中定位与浮动的区别 css透明度盒子和文字阴影圆角

如果元素的四个边的位置是使用“top”、“right”、“bottom”和“left”来描述的，那么元素的“height”和“width”将隐式地由偏移量决定。正数阴影扩大（阴影大小大于盒子大小），负数阴影缩小（阴影大小小于盒子大小），0阴影与盒子同等大小。border-radius20px40px60px;右下角border-bottom-right-radius;左下角border-bottom-left-radius;右上角border-top-right-radius;...

2022-07-23 15:37:54 427

原创 Web前端清除浮动伪元素精灵图滑动门定位的作用

4.在浮动元素之后，与浮动元素呈并列关系的位置，加一个不浮动块元素（空的div标签（div本身不浮动，没有尺寸）），在空的div标签上加上属性clearboth;相对于元素本身的位置进行一个位置调整，占位依然在原来的位置，也就是说，元素设置相对定位后，其原来的位置还占位。**注意子元素设置绝对定位，父元素可以设置相对定位、绝对定位、固定定位，这三种情况，参照元素都是父元素**定位模式通过position属性来设置，以下为常用四种定位模式静态定位，相对定位，绝对定位，固定定位。......

2022-07-23 15:25:13 109

原创 Web前端浮动选择器继承性

概念当样式声明发生冲突时，用户代理需要确定样式声明的最终值，既要考虑样式的来源又要考虑样式的特殊声明又要考虑优先级、以及先后顺序，这个过程就叫做层叠。优先级就是分配给指定的CSS声明的一个权重，它由匹配的选择器中的每一种选择器类型的数值决定。-基础选择器的权值通配符选择器（0）、标签选择器（1）、class选择器（10）、id选择器权值（100）-为img标签的父元素设置font-size0;floatnone;-相对长度单位，相对于父元素的font-size属性值而言。...

2022-07-20 20:47:07 134

原创 Web前端

特殊情况下我们需要进行元素的模式转换，改变默认元素模式使其拥有另一种元素模式的特性，使用display属性能够将三者任意转换。2.如果父元素也有margin-top值，会与子元素的margin-top值合并，取两者较大值；-行内元素只能容纳文本或者其他行级元素（此处请注意，不要在行级元素中嵌套块级和行内块元素）。-默认横向显示——默认水平布局，相邻的行级元素会在同一行显示，直到一行排不下，才会换行；-默认横向显示——默认水平布局，相邻的行级元素会在同一行显示，直到一行排不下，才会换行。...

2022-07-19 19:51:57 28

原创 Web前端复合选择器 css盒模

margin20px40px60px80px;上外间距右外间距下外间距左外间距（顺时针方向）padding20px40px60px80px;上填充右填充下填充左填充（顺时针方向）CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括边距、边框、填充、和实际内容。margin20px40px60px;padding20px40px60px;三个值上填充左右填充下填充。-上下内填充和左右内填充百分数值是相对于其父元素的width属性计算的。...

2022-07-18 19:59:37 39

原创 Web前端

1.使用多个字体名称形成一个回退系统（也就是备用字体），当浏览器不支持第一个字体的时候则会尝试下一个字体，多个字体之间用逗号隔开。当读到一个样式表时，浏览器会根据它来格式化HTML文档，插入样式表的方法有三种行间样式表，内部样式表，外部样式。每条声明由一个属性和一个值组成，属性与属性值之间以【冒号】分隔，用【分号】将每个声明分开。方法测量两行文字中间的间距，然后除以2，得到平均间距，拉出参考线，进行标注，方便测量。按住alt键，放大图纸，为了测量更加准确，滚动滚轮，向外滚表示放大，向内滚表示缩小。...

2022-07-15 20:53:44 36

m0_72686628的博客

原创 1.解决使用 position: fixed；时内容被覆盖；2.vue2消除滑动条

原创 Web前端快速排序冒泡排序数组去重选择排序防抖节流

原创 Web前端面向对象

原创 Web前端

原创 web前端

原创 Web 前端面试题

原创 Web前端函数封装和Math对象

原创 Web前端自定义属性与函数

原创 Web前端总结

原创 Web前端

原创 Web前端

原创 Web前端

原创 Web前端响应式布局

原创 Web前端

原创 Web前端

原创 Web前端弹性盒子

原创 Web 前端

原创 Web前端

原创 Web前端

原创 Web前端

原创 Web前端

原创 Web前端表单

原创 Web前端盒子居中定位与浮动的区别 css透明度盒子和文字阴影圆角

原创 Web前端清除浮动伪元素精灵图滑动门定位的作用

原创 Web前端浮动选择器继承性

原创 Web前端

原创 Web前端复合选择器 css盒模

原创 Web前端

原创 Web前端知识点表格无序、有序列表语义化

原创 Web前端之前补充

原创 Web前端知识点3

原创 Web前端知识点2笔记

原创 Web前端知识点

原创 Web前端

空空如也

空空如也