- 博客(19)
- 收藏
- 关注
RSS订阅原创 ElMessage
ElMessage是提供的一个全局消息提示组件，用于在页面上显示短暂的消息提示。它可以用于显示成功、警告、错误等不同类型的消息。默认情况下，消息会在 3 秒后自动关闭。可以通过durationmessage: '消息将在 5 秒后关闭',});
2025-04-13 15:17:26
155
原创 封装 Button 组件
使用 `v-if`、`v-else-if` 和 `v-else` 动态选择渲染的元素。<CustomButton type="primary" url="https://www.baidu.com">URL 跳转</CustomButton><CustomButton type="primary" to="/home">路由跳转</CustomButton>使用 `props` 定义组件的属性，并进行类型验证和默认值设置，确保组件的健壮性。多种状态：支持普通、朴素、块级、圆形、加载、禁用等状态。
2025-03-30 14:40:29
853
原创 简单了解一下axios
最初的旧浏览器页面在向服务器请求数据时，由于返回的是整个页面的数据，所以整个页面都会强制刷新一下，这对于用户来讲并不是很友好。因为当我们只需要请求部分数据时，服务器返回给我们的确是整个页面的数据，这样会造成网络资源的占用，即十分消耗网络资源。根据菜鸟教程的定义，axios是一个基于 Promise 的 HTTP 库，可以用在浏览器和 node.js 中。Axios可以用来：支持Promise API、拦截请求和响应、取消请求、自动转换JSON数据，还是不理解，接着往下看。来处理请求的成功响应和错误。
2025-03-23 00:55:34
822
原创 移动端商城项目分析（一）
进行二级路由配置，在此处配置二级路由，需要children，哪一个一级路由里面拥有二级路由，就在该路由中添加children。是否选择用history，选择n,如果选择y需要后台设置，目前状态，不需要，选择hash模式。使用npm 方式安装，会出现版本冲突问题，可以进行更改版本，或者按照下面命令安装忽略版本冲突。使用npm 方式安装，会出现版本冲突问题，可以进行更改版本，或者按照下面命令安装忽略版本冲突。使用npm 方式安装，会出现版本冲突问题，可以进行更改版本，或者按照下面命令安装忽略版本冲突。
2025-03-17 16:10:15
846
原创 #路由进阶
配了路由 path: "/search/:words" 为什么按下面步骤操作，会未匹配到组件，显示空白？{ name: '路由名', path: '/path/xxx', component: XXX },/search/:words 表示，必须要传参数。hash路由(默认) 例如: http://localhost:8080/#/home。原因：路由跳转后，组件被销毁了，返回回来组件又被重建了，所以数据重新被加载了。to="/my" 可以匹配 /my /my/a /my/b ....
2025-03-09 15:01:49
755
原创 PACKAGE.JSON和PACKAGE-LOCK.JSON
是node.js的首先要明确一点，package.json不会自动生成，需要我们使用命令创建。是自动生成的，我们使用 npm install 安装包后就会自动生成使用npm init -y 或者 npm init -f就可以一键生成文件啦。和是和的简写形式)
2025-03-01 21:47:19
1090
原创 初识vue
温馨一眼</a>'// <button v-on:click="count=count+2">+</button> 等价于//<button @click="drink(10)">雪碧10元</button><button @click="drink(5)">可乐5元</button>a:' <a href="">'你好，李昀锐'
2025-02-23 09:47:35
847
原创 补充知识漏洞
const的值为什么不能变？有变的情况吗？const实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动。对于简单类型的数据（数值、字符串、布尔值），值就保存在变量指向的那个内存地址，因此等同于常量。但对于复合类型的数据（主要是对象和数组），变量指向的内存地址，保存的只是一个指向实际数据的指针，const只能保证这个指针是固定的（即总是指向另一个固定的地址），至于它指向的数据结构是不是可变的，就完全不能控制了。因此，将一个对象声明为常量必须非常小心。
2025-02-16 17:08:36
451
原创 关于ES6声明变量和解构赋值
用来声明变量，类似varlet变量必须先声明后使用（没有变量提升，没有预解析）let不允许重复声明变量let声明变量拥有块级作用域——var是全局和函数作用域避免造成变量污染”暂时性死亡“：在代码块中，使用let声明变量之前，该变量都是不可用的。
2025-01-19 22:43:04
367
原创 JS—DOM应用
insert Before（系欸但，原有节点） 在已有元素前插入。获取子节点，childNodes可以看作一个数组，范围只在第一层。createElement(标签名) 创建一个节点。添加子节点：父级.appendChild(子节点)删除子节点：父级.removeChild(子节点）appendChild(节点) 追加一个节点。removeChild(节点) 删除一个节点。getByClass(父节点，class)文本节点：元素之间的可以称作文本节点。元素节点：html元素。2、添加到新的父级上。
2024-12-08 16:47:34
388
原创 JS初学分享
高级语言主要是相对于低级语言而言，它并不是特指某一种具体的语言，而是包括了很多编程语言，常用的有C语言、C++、Java、C#、PythonPHP、JavaScript、Go语言、Objective-C、Swift等。编程语言是用来控制计算机的一系列指令，它有固定的格式和词汇（不同编程语言的格式和词汇不一样），必须遵守。实际上计算机最终所执行的都是机器语言，它是由“0”和“1”组成的二进制数，二进制是计算机语言的基础。计算机语言的种类非常的多，总的来说可以分成机器语言，汇编语言和高级语言三大类。
2024-12-01 17:15:32
878
原创 本周考核总结
一般使用li作nav时,可以使用display:inline-block,减少float:left;发送验证码部分在大盒子中添加font-size,因为页面有默认的文字基线,随着页面的变化,文字会随着变化.实现关注下方出现滚动的效果时,添加overflow:hidden。3.要考虑到,队医一些定位的布局可以选择使用盒子包裹住。动画使用translate,不要使用left,top.关注,推荐,最新需求处的动画一般使用JS来实现。图标库,推荐使用阿里云,,导入方式通过link。命名要正确,见其名,知其意。
2024-11-21 15:36:06
265
原创 Flex布局
flex-direction属性决定主轴的方向（即项目的排列方向）注意：主轴和侧轴是会变化的，就看flex-direction设置谁为主轴，剩下的就是侧轴。采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。flex 是flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性，任何一个容器都可以指定为flex 布局。以下由6个属性是对父元素设置的。
2024-11-10 16:36:09
433
原创 HTML5新特性
HTML5的新增特性主要是针对于以前的不足，增加了一些新的标签、新的表单和新的表单属性等。这些新特性都有兼容性问题，基本是IE9+ 以上版本的浏览器才支持，如果不考虑兼容性问题，可以大量使用这些新特性。
2024-11-02 23:02:39
345
原创 简单了解一下SEO
通过付费成为百度推广的用户，通过自己产品与服务创造关键词，相应关键词有相应的价格，搜索者通过关键词进入页面之后，会在你的账户扣除相关费用，这种方式是按点击付费，同时，关键词可能会重复，这种情况下，会根据关键词的价格进行排序。尽可能多的去挖掘你的目标客户，提高点击量，同时可以将关键词收录到一个表格中，按照不同的情况去分类，比如说按照搜索用户的意图，关键词的热门程度等等。标题没有包含关键词，文章内容却是搜索者需要的内容，但是不会显示在搜索者的搜索结果中，也会大打折扣。
2024-10-24 14:52:20
815
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人