前端
关注
分享
扫一扫
文章平均质量分 94
HTML+CSS+JS+JQ+LayUI+VUE
是洋洋a
男的
展开
-
HTTP相关
首先，并不是一种约束，仅仅是一种风格，它基于HTTP协议，利用HTTP的各种方法和URL来实现资源的创建、读取、更新、删除等操作：GET请求被用于获取资源，相当于数据库的SELECT：POST请求用于增加资源，相当于数据库的INSERT：PUT请求用于修改资源，相当于数据库的UPDATE：DELETE请求用于删除资源，相当于数据库的DELETE。原创 2025-04-23 15:23:35 · 930 阅读 · 0 评论 -
JavaScript---原型和原型链
对象有__proto__属性(Object.create(null)除外)，函数有__proto__属性，数组也有__proto__属性，只要是引用类型，就有__proto__属性，指向其原型只有函数有prototype属性，指向new操作符加调用该函数创建的对象实例的原型对象。原创 2025-04-10 14:12:57 · 957 阅读 · 0 评论 -
JavaScript---变量作用域
也就是在函数内部声明的变量，在函数外部无法访问，在函数内部，该变量都可以被访问。类似，在块级作用域内声明的常量，仅在该块级作用域内可访问。如果内联 JavaScript 代码创建了新的变量，这些变量会成为。在同一函数内部的顶部声明，那么三者具备相同的作用域”循环等）内声明的变量，仅在该块级作用域内可访问。”，它允许在变量声明之前就使用该变量。，这意味着在块级作用域（如。具备不同的作用域，但它们都。甚至在声明之前也可访问(声明常量，就必须同时进行。原创 2025-04-08 10:00:06 · 878 阅读 · 0 评论 -
JavaScript---HTML标签的修改
<body><div id="myDiv" data-color-custom="red" data-size="large">带有自定义数据属性的元素</div><button onclick="changeDataAttributes()">修改自定义数据属性</button><script></script></body>原创 2025-04-07 09:41:51 · 1160 阅读 · 0 评论 -
JavaScript---event事件处理对象
event对象是在事件触发时由浏览器自动创建的一个对象，它封装了与该事件相关的所有信息当为元素绑定事件处理函数后，一旦相相应的事件触发，浏览器就会自动将这个event对象作为默认参数传递给事件处理函数。原创 2025-04-07 08:47:21 · 1087 阅读 · 0 评论 -
JavaScript---Proxy对象
另一个。原创 2025-03-27 23:36:24 · 863 阅读 · 0 评论 -
【一】Vue组件开发教程
子组件主动的向父组件传递消息：使用子组件被动的接收父组件传递消息：使用子组件初始化的接收父组件传递消息：使用和只能在中使用，不需要被导入和可以对传入值进行类型约束test:{default: '测试',else {})type：指定prop的类型，例如String、Number、Boolean、Object、Array、Funcdefault：指定prop默认值required：表明该prop是否为必需项validator。原创 2025-03-21 20:55:52 · 591 阅读 · 0 评论 -
Flask+Vue-Router+JWT实现登录验证
在这里将介绍一下前端后端用到的一些方法。原创 2025-03-17 22:55:21 · 551 阅读 · 0 评论 -
【二】JavaScript能力提升---this对象
对于对于第一点，不管在什么地方使用，它必然会指向某个对象。由于在中，一切皆对象，运行环境也是对象，所以函数都是在某个对象下运行，而就是“但因为，很难确定this到底指向哪个对象，这是最让我们感到困惑的地方。原创 2025-03-09 22:42:38 · 998 阅读 · 0 评论 -
JavaScript中的Math()
对象是的一个内置对象，用来处理数学相关的操作。原创 2025-03-06 22:16:06 · 973 阅读 · 0 评论 -
JavaScript---字符串内置方法
该方法与数组下标访问方法功能一样，不推荐使用这种方法(啰嗦)原创 2025-03-04 14:56:05 · 555 阅读 · 0 评论 -
JavaScript---数组内置方法与日期内置方法汇总
返回值为True，表示a与b交换位置。返回值为False，表示a与b不交换位置。”对象，该对象包含数组中每个索引的。此方法更改数组长度(修改原数组)原创 2025-02-28 19:58:08 · 608 阅读 · 0 评论 -
JavaScript遍历方式总结
可以遍历用的对象为：“”、“”、“原创 2025-02-27 20:44:22 · 1031 阅读 · 0 评论 -
前端浏览器开发中的浏览器兼容问题【持续更新】
浏览器兼容问题指：“不同浏览器(IE、Chrome、FireFox、Safari、Edge)对同一种CSS样式或同一段JS代码的解析和渲染会有所不同”，从而用户在不同浏览器环境下的访问呈现的页面效果不一致。浏览器兼容问题分为：“CSS兼容问题”、“JavaScript兼容问题造成浏览器兼容问题的根本原因是：“不同浏览器使用的内核不同”，不过随着时代的发展Webkit内核逐渐统一市场，浏览器兼容问题也越来越少。浏览器内核IETridentChromeBlinkFirefoxGecko。原创 2025-02-25 22:23:51 · 1190 阅读 · 0 评论 -
Vue+ElementPlus的一些问题汇总
在使用中的组件做侧边栏时，鼠标点击某个选项后，跳转到新的页面，同时对应的侧边栏应该高亮显示，如下图所示：点击“”后，“”高亮变蓝色，同时控制跳转新的页面，具体区域由下图所示：但是由于依靠来确定当前选定的标签，因此当我们“”时，会出现变成你所设置的标签这个时候我们需要根据的变化，来重置选中标签使用存储，可以完美解决上述缺点。原创 2025-02-25 13:21:02 · 824 阅读 · 0 评论 -
Javascript异步编程【大白话理解】
Promise是一种处理异步操作的对象，它支持“链式调用”和“操作处理PromisePending等待中初始状态，既不是成功，也不是失败Resolved已完成)：表示操作成功完成(未出错)Rejected已拒绝)：表示操作失败Promise状态一旦改变，就不会再变。原创 2025-02-16 14:51:28 · 1057 阅读 · 0 评论 -
一位前端小白的2024总结
2024年总的来说，作者的2024目标实现90%以上，还算可以，而在2025年，希望小伙伴们也可以和作者一样，给自己确定一些目标，尽可能的去实现它，如此一年又一年的实现目标，最终你会得到你想要的！原创 2025-01-23 16:38:47 · 1202 阅读 · 0 评论 -
Vue中使用＜Transition＞与＜TransitionGroup＞
传统HTML中，我们可以使用CSS属性：“animation”与“transform”进行动画处理，而Vue为我们提供了两种内置组件：“”与“在Vue文件中可以直接使用与使用Vue为静态页面增强时，请使用“原创 2024-11-28 21:08:29 · 1775 阅读 · 0 评论 -
Flask+Vue3+宝塔面板部署前后端【全网独家！！！】
最近博主刚学完，迫不及待的需要敲一个项目，前端使用开发，后端由于博主没有学过，于是想到使用“”作为后端，关于搭建在全网搜索也没有见一个讲明白的，为此博主再成功搭建完成后，特地记录此博客，方便大家学习在这里我们分两块讲解：“”与“”，道理基本一致，但些许细节不同。原创 2024-11-20 20:02:16 · 1716 阅读 · 7 评论 -
Vue-Router详解【学习Vue-Router看这一篇就够了！！！】
学习Vue-Router之前，我们有必要了解，Vue-Router是干什么的？？？Vue-Router是一个路由管理插件，它可以解析浏览器中的“URL”并跳转到不同界面，Vue-Router为Vue的单页面提供了更大的可能性！！试想一个场景，例如某个网站中的“用户中心”页面，不同用户所展示的信息固然是不同的，要想不同的用户渲染出各自的数据，我们可以通过“为路由添加参数”实现一个利用参数URL渲染不同用户信息的例子：一个B站UP主的个人主页URL这里的293846287。原创 2024-11-03 21:05:12 · 1477 阅读 · 0 评论 -
Vue3学习---【内置指令】【从零开始的Vue3学习】
前言：v-textv-htmlv-showv-ifv-elsev-else-if注意：v-forv-for中可以访问父作用域v-for的多层嵌套使用of代替inv-for与对象v-for中使用范围值通过key来管理状态v-on示例v-on作用于不同对象v-bindv-modelv-prev-oncev-cloakVue3学习---【API】【从零开始的Vue3学习！！！】-CSDN博客效果：效果：效果： 效果：效果：效果：效果：效果：注意：效果：v原创 2024-09-24 20:03:04 · 998 阅读 · 0 评论 -
Vue3学习---【API】【从零开始的Vue3学习！！！】
它的值是一个。原创 2024-09-23 15:10:00 · 1132 阅读 · 0 评论 -
VUE3学习---【一】【从零开始的VUE学习】
在Vue的世界，使用Vue我们需要创建一个Vue应用应用数据：应用数据是动态更新的应用行为：应用所做出的响应，例如鼠标点击行为等等。原创 2024-09-22 16:49:24 · 1512 阅读 · 0 评论 -
ES6标准---【九】【学习ES6标准看这一篇就够了！！！】
以往ES6文章JavaScript在浏览器中的加载传统方法加载规则注意顶部变量外部不可用this关键字返回undefinedJavaScript的循环加载ES6模块的循环加载块级作用域let取代var全局变量和线程安全ES6标准---【一】【学习ES6看这一篇就够了！！】_es6学习-CSDN博客ES6标准---【二】【学习ES6看这一篇就够了！！】_es6中的includes-CSDN博客ES6标准---【三】【学习ES6看这一篇就够了！！！】-CSDN博客ES6标准---【四】【学习ES6标准看这一篇就原创 2024-09-20 13:37:59 · 1116 阅读 · 0 评论 -
ES6标准---【八】【学习ES6看这一篇就够了！！！】
export命令用于规定模块的对外接口，该文件内部的所有变量，外部无法获取如果想要外部能够读取模块内部的某个，就必须使用输出该。原创 2024-09-19 22:05:41 · 1053 阅读 · 0 评论 -
ES6标准---【七】【学习ES6标准看这一篇就够了！！！】
为此我们需要一种统一的接口机制，来处理所有不同的数据结构(包括用户自定义的数据结构)，这个机制就是“因为for...of遍历的是Iterator的Symbol.iterator属性。有着与for...in一样的语法，但是没有for...in的缺点。for...in循环主要是为遍历对象而设计的，不适用于遍历数组。的遍历顺序都是按照“各个成员被添加进数据结构的顺序”，都会返回数据结构当前遍历成员的信息。接口，而有的数据结构需要部署“循环内部调用的是数据结构的。接口部署在数据结构的“”的数据结构，主要是。原创 2024-09-18 15:35:04 · 1154 阅读 · 0 评论 -
ES6标准---【六】【学习ES6标准看这一篇就够了！！！】
bar: 'baz'如果直接输出“user”和“foo”两个对象时，就是两组键值对，可能会混淆但是如果把它们放在大括号里面输出，就变成了对象的简洁表示每组键值对前面会打印对象名，这样就比较清晰了。原创 2024-09-12 21:35:13 · 793 阅读 · 0 评论 -
ES6标准---【五】【看这一篇就够了！！！】
lives: 9,console.log("箭头函数的lives是:",this.lives);lives: 9,console.log("箭头函数的lives是:",this.lives);原创 2024-09-12 13:48:10 · 1539 阅读 · 0 评论 -
ES6标准---【四】【学习ES6标准看这一篇就够了！！！】
RES6引入rest参数(形式为“”)，用于获取函数或解构赋值的多余参数，这样就不需要引入“”对象了参数搭配的变量是一个数组，该中。原创 2024-09-11 13:57:30 · 541 阅读 · 0 评论 -
ES6标准---【三】【学习ES6看这一篇就够了！！！】
letconst但是使用“”可以再次声明即：“参数默认值是惰性求值的。原创 2024-09-11 08:58:31 · 1244 阅读 · 0 评论 -
ES6标准---【二】【学习ES6看这一篇就够了！！】
传统上，t只有“”方法，可以用来确定一个字符串是否包含在另一个字符串中，又提供了这三个方法都支持00endsWiths前n个字符includes从第n个字符开始搜索。原创 2024-09-10 19:43:43 · 858 阅读 · 0 评论 -
ES6标准---【一】【学习ES6看这一篇就够了！！】
解构赋值可以方便的将一组参数与变量名对应起来// 参数是一组有次序的值// 参数是一组无次序的值。原创 2024-09-10 14:19:01 · 1160 阅读 · 0 评论 -
windows下安装并使用nvm
如果没有安装node，那么可以直接跳过这一步到下一步。2024.9.8日，nvm官网下载链接已失效。)，这里给出一个下载链接，下载最新版本。需要先完全卸载node，再安装nvm。如果电脑上已经有node，那么我们。”，如果能查到版本号就说明安装成功。”，把每个用户的变量全部删掉即可。去github下载最新的nvm。安装完成后，在终端输入：“原创 2024-09-08 20:15:18 · 5365 阅读 · 0 评论 -
CSS-transform【下】(3D转换)【看这一篇就够了！！！】
位移变换函数：translate(x,y)、 translateX(x) 、 translateY(y) 、 translateZ(y)x,y 的值为单位长度，可以是 px、百分比z 的值只能为 px 长度单位。translate(x) 同等于 translate(x,0);缩放变换函数：scale(x,y) 、scaleX(x)、 scaleY()x,y 的值为数字，分别表示宽度和长度的缩放比例scale(x) 表示 y 的值和 x 一样大，实现等比缩放。原创 2024-09-06 13:58:20 · 1815 阅读 · 0 评论 -
CSS-transform【上】(2D转换)【看这一篇就够了！！！】
css中通过给transform添加translate(x,y)或translateX(x)或translateY(y)来实现元素的水平或垂直位移。在2D转换中，元素的默认变换原点为元素的中心(transform:50% 50%)x，y的值可以使长度值(px或百分比%)还可以是预设的关键词。后期的所有2D动画特效都是在这个2D的平面操作。同时使用多个转换，其多个转换函数之间用空格隔开。下图里的x和y轴，就是基于2D平面图形。旋转、缩放、倾斜或平移。z的值只能是长度值pc。移动，可以不再使用“原创 2024-09-05 18:36:59 · 1553 阅读 · 0 评论 -
CSS-animation自定义动画【看这一篇就够了！】
使用@keyframes关键帧来定义动画创建动画的原理是，将一套CSS样式逐渐变化为另一套样式在动画过程中，可以多次更改CSS样式的设定动画执行各阶段时间，可以通过百分比来改变发生的时间，或者通过关键词“from”和“tofrom和to等价于0%和100%，from和0%是动画的开始时间to和100%是动画的结束时间语法@keyframes 动画名 {/* 起始状态 */from { 样式 }/* 结束状态 */to { 样式 }/* 或 */@keyframes 动画名 {原创 2024-09-04 17:17:13 · 3028 阅读 · 0 评论 -
CSS-transition过渡动画【看这一篇就够了！！】
多个过渡动画之间用“逗号”隔开transition: 属性 过渡时间 时间函数 延迟时间, 属性 过渡时间 时间函数 延迟时间,属性 过渡时间 时间函数 延迟时间;应用.box {opacity: 1;原创 2024-09-03 16:55:20 · 4874 阅读 · 0 评论 -
CSS-圆角、阴影、文本图像处理、函数【看这一篇就够了！！！】
-原创 2024-09-02 12:15:00 · 2021 阅读 · 0 评论 -
CSS-层叠上下文【看这一篇就够了！！！】
item1与.item2都未设置z-indedx值时，默认都为0，写在后面的会覆盖写在前面的上面.box {.item {/*.item1与.item2都是相对于.box绝对定位.item1与.item2在都未高设置z-index时，默认值都0，写在后面会覆盖在前面的上面*/.item1 {left: 40px;top: 40px;left: 0;原创 2024-09-01 17:11:05 · 1154 阅读 · 0 评论 -
CSS-定位【看这一篇就够了】
定位类型描述应用场景相对定位 relative相对自身原来的位置定位，占着原来的位置微调元素的位置，但还占据原来空间只想提元升素的层级，但还是占原来的空间绝对定位 absolute相对离自己最近的定位的父元素定位，原来的位置被释放，相当于悬浮在页面中，会覆盖在其它元素的上面显示一个元素想覆盖在另一个元素上面配合 JS 来实现动画效果固定定位 fixed相对浏览器窗口进行定位你想让一个元素相对浏览器的位置一直不动粘性定位 sticky。原创 2024-09-01 13:11:37 · 1865 阅读 · 0 评论