- 博客(23)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 项目配置集成unocss指南，配合VsCode插件太香了
Unocss 是一个基于的工具 ，它通过静态分析 HTML 和 CSS 代码，自动消除未使用的样式，以减小生成的 CSS 文件大小。这个工具可以帮助开发者在使用 Tailwind CSS 进行开发时，避免将整个框架的样式都打包到最终的 CSS 文件中，而只保留实际使用到的样式，从而减少文件大小和加载时间。使用 Unocss 可以让开发者更加高效地使用 Tailwind CSS，避免因为使用了大量未使用的样式而导致 CSS 文件过大的问题。
2024-01-16 16:18:02
1831
1
原创 pinia访问其他store的action报错：未初始化调用getActivePinia()
pinia访问其他store的action报错：未初始化调用getActivePinia()
2024-01-15 18:34:09
2095
原创 el-table魔改后出现的坑，showOverflowTooltip一直显示
el-table魔改后出现的坑，showOverflowTooltip一直显示
2024-01-07 17:36:28
447
原创 前端必备npm命令
npm（Node Package Manager）是一个用于管理和共享JavaScript代码包的工具。主要作用是提供一种简单的方式来安装、更新、卸载和发布JavaScript包。它允许开发者从npm仓库中获取其他开发者已经创建的代码包，并将这些包集成到自己的项目中。通过使用npm，开发者可以快速、高效地构建复杂的前端应用程序，同时避免重复造轮子。
2023-08-23 17:04:24
479
原创 利用elementUI里面的message做一个倒计时！简单实用
最近项目中需要一个退出倒计时，然而所以然就开始了下面的。直接代码简单直了import { Message } from 'element-ui'//倒计时函数var a = nullfunction coutTime(index) { setTimeout(function () { if (index == -1) { //index s结束后的操作 } else { a.message = `修改密码成功，$
2021-01-21 10:58:20
2246
1
原创 vue接收后端传来的pdf文件流，前端调用预览PDF
完全不需要插件几句代码就搞定了，这里就不废话了直接上代码！直接起飞！！！懂得都懂香就完事！有问题评价export function getFile(id) { return request({ url: 'api/File/Download?id=' + id, method: 'get', headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
2021-01-08 18:07:29
8546
22
原创 JavaScript最全的数组方法以及实例
concat() 方法用于合并两个或多个数组。此方法不会更改现有数组，而是返回一个新数组。 let str1=['a','b']; let str2=['c']; let str=str1.concat(str2); console.log(str);//(3) ["a", "b", "c"] //多个数组合并 let str=str1.concat(str2,str3);//(4) ["a", "b", "c", "d"]copyWithin()
2021-01-02 21:27:50
238
原创 element ui 表单验证 this.$refs[formName].validate()里面的内容死活不执行
element ui 表单验证 this.$refs[formName].validate()里面的内容死活不执行如图，代码一直不执行下面。最主要的原因就是我们设置了自定义验证里面每一个判断都要有callback(),就是要保证最后执行到的是callback(),我是因为用了if elseif 忽略了最后的else中的callback。解决办法就是必须加上callback()；...
2020-12-28 21:26:17
1215
1
原创 Vue路由篇之router-view内容无法渲染出来的问题，神坑!!
最近在学习vue路由知识，在写到关于==<router-view/>==时，内容无法渲染出来，找了许久之后，才发现是一个神坑！！！配置路由时注意，名字定义为routes 而不是routers 否则你的也内容渲染不出来。...
2020-11-06 10:00:11
1702
3
原创 Javascript核心开发解密
三种基础数据结构栈栈是一种数据结构，它是表达数据的一种存取方式。栈可以用来规定代码的执行顺序，在JavaScript中叫作函数调用栈（call stack），它是根据栈数据结构理论而实现的一种实践。存取的方式特点：先进后出，后进先出（LIFO，Last In，First Out)。push:向数组末尾添加元素（进栈方法）。 var a=[]; a.push(1);//a:[1] a.push(2,4,6)//a:[1,2,4,6] var l=
2020-11-05 11:18:35
448
原创 弹性布局dispaly:flex学这个就够了
一、基本概念采用Flex布局元素,称为Flex容器(Flex container),简称“容器”。在Flexbox模型中,有三个概念：flex项(注：也称为flex子元素),需要布局的元素flex容器,其包含flex项排列方向(direction),这决定flex项的布局方向二、容器属性2.1 flex-direction:row(默认值):主轴为水平方向,起点在左端。row-reverse:主轴为水平方向,起点在有端。column:主轴为垂直方向,起点在上沿。
2020-10-19 14:15:46
245
原创 本地MySQL与WAMP集成的MySQL冲突与管理数据库工具Navicat连接问题
发现问题下载的wamp与本地的mysql的连接端口均为3306，所以可通过修改wamp的mysql的my.ini文件，将3306端口替换为8306端口(其余均可)，重启；我是使用Navicat连接数据库的，修改对应连接wamp的数据库的连接端口即可。若要使用phpadmin则需要在文件里面找到inc.php，修改相应端口号。可以同时在Navicat中连接不同数据库，并且互不影响。若出现2003错误，检查电脑->管理->服务中查看mysql或wampmysql是否开启，若没有则手动启动问
2020-10-06 22:36:06
1145
原创 关于mysql设置主键递增对你很有用
初始值为1的的增create table demo2(id int(10) primary key auto_increment,name varchar(10));将初始化值设置成9后递增create table demo3(id int(10) auto_increment primary key, namevarchar(12));mysql> alter table demo3 auto_increment=9;设置主键insert into demo4 (id,name)va
2020-10-05 21:11:14
764
原创 Vue学习遇到疑问的总结
vue里面的一些方法created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。（操作不了dom节点此方法在渲染html前调用）mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。...
2020-10-01 09:25:13
1377
原创 学习Vue的小dome总结方法，看看就知道对初学者有用
父组件向子组件传递值在父组件找到需要值的子组件 :today="today"<template> <div class="home"> <Header :today="today"></Header> <List></List> <Footer></Footer> </div></template><script>// @ is
2020-10-01 09:09:26
418
原创 随机数Math方法的用法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <p>(1)
2020-09-26 13:29:10
306
原创 使用js编写的九九乘法表
简单写法document.write("<table border='1' align='center' cellspacing='0' >") for (var i = 1; i < 10; i++) { document.write("<tr>"); for (var j = 1; j <= i; j++) { document.writ
2020-09-25 19:57:11
998
原创 原生Javascript的老经典案例轮播图
为了考证的复习需要！重过一遍基础内容。加油加油效果图就不贴了，巩固基础就是要多练习案例！不懂就问<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</tit
2020-09-18 15:22:53
104
原创 有了这套git的基本操作，使用起来so easy持续更新...
1、cd 路径 进入当前目录根目录右键–Git Bash Here2、配置git基本操作配置：用户名和邮箱git config --global user.name “用户名”git config --global user.email “邮箱”3、本地进行初始化(建立暂存区)git init.git 文件储存当前项目的所有版本信息4、工作区=>暂存区git add 文件名git add * 提交所有文件git commit -m “添加提交项目描述”5、查看
2020-09-06 18:22:03
277
原创 JS获取各种宽度高度的总结
clientclientHeight与clientWidth指的是元素的客户区大小，即 可见内容+paddingclientTop=boeder-top;clientLeft=border-left;(用来读取元素的border的宽度和高度的) #box{ width: 100px; height: 100px; border: 4px solid #666666; background: greenyellow; padding: 10px; ov
2020-07-07 21:59:18
431
1
原创 深入理解JS作用域
关于深入理解JS作用域的一些笔记//全局作用域 函数作用域 // var a = 2; // // console.log(a); function f() { var b = 3; // console.log(a); } // console.log(b); //编译阶段 边解释边执行 //内部原理分成 编译,执行,查询,嵌套,异常（了解） //1.编译 2.执行 3.查询 4.
2020-07-07 21:54:00
113
原创 关于JS动态创建元素监听事件委托及遇到的问题
问题在Js基础课上类似操作Dom评价的案例遇到的一个动态创建元素获取不到的问题，当时没考虑用委托事件。当这样写的时候怎么也获取不到！这必须用到事件委托的方式后面有解决办法<div> <textarea id="tfff" rows="10" cols="10" placeholder="请输入你的评价"></textarea> <input type="button" id="fbtn" value="发表"&g
2020-07-03 17:52:25
444
56个民族JS数据，可以直接转换成elementUi的多选器组件直接使用
2021-02-26
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人