自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端代码小白的日常博客

学习是进步的唯一阶梯

  • 博客(119)
  • 收藏
  • 关注

原创 [antd]有两个Form组件,通过一个状态来切换,初次渲染的Fform拿不到数据

【代码】[antd]有两个Form组件,通过一个状态来切换,初次渲染的Fform拿不到数据。

2024-04-09 10:10:13 182

原创 【SSH】Linux常用命令

1.1.2 返回上两级目录1.1.3 进入某个目录下1.1.4 返回上次所在目录1.1.5 进入某目录1.1.6 返回根目录1.1.7显示目录路径1.2 查看(ls)选项选择意义-a显示所有文件及目录(包括以“.”开头的隐藏文件)-l /-lh/-lrt使用长格式列出文件及目录信息-r将文件以相反次序显示(默认依英文字母排序)-t根据最后的修改时间排序-A同-a,但不列出’.'当前目录及“…”(父目录)-S根据文件大

2024-01-24 14:47:48 1507

原创 【ubuntu】创建ubuntu虚拟机步骤

创建ubuntu虚拟机步骤

2024-01-24 14:47:07 385

原创 【node】关于npm、yarn、npx的区别与使用

因此,npx yarn install 的效果与直接运行 yarn install 是一样的。通常情况下,你可以直接使用 yarn install 来安装项目依赖,而不需要额外使用 npx。npx yarn install 的作用是使用 npx 命令来运行 yarn install,实际上它等同于直接运行 yarn install。: npx 通常用于执行项目依赖中的可执行文件,适用于需要一次性执行某个命令而无需全局安装的情况。yarn install: 是 yarn 命令的一部分,用于安装项目的依赖。

2024-01-24 14:45:37 1097

原创 【git】关于git二三事

Git是分布式版本控制系统,每个人的电脑就是一个完整的版本库。那多个人如何协作呢?比如说自己在电脑上改了文件A,其他人也在电脑上改了文件A,这时,你们两之间只需把各自的修改推送给对方,就可以互相看到对方的修改了。主要工作流程:Workspace:工作区Index / Stage:暂存区Repository:仓库区(或本地仓库)Remote:远程仓库。

2023-12-10 22:20:44 1152

原创 【React】03-React面向组件编程2

现在使用会出现警告,下一个大版本需要加上UNSAFE_前缀才能使用,以后可能会被彻底废弃,不建议使用。2.React组件中包含一系列勾子函数(生命周期回调函数), 会在特定的时刻调用。3.componentWillUnmount:做一些收尾工作, 如: 清理定时器。3.我们在定义组件时,会在特定的生命周期回调函数中,做特定的工作。需求:验证虚拟DOM Diffing算法的存在。1.组件从创建到死亡它会经历一些特定的阶段。生命周期的三个阶段(旧)生命周期的三个阶段(新)

2023-10-13 17:13:07 550

原创 【React】02-React面向组件编程

​ 2.如果A类继承了B类,且A类中写了构造器,那么A类构造器中的super是必须要调用的。2.如果A类继承了B类,且A类中写了构造器,那么A类构造器中的super是必须要调用的。1.类中的构造器不是必须要写的,要对实例进行一些初始化的操作,如添加指定属性时才写。1.类中的构造器不是必须要写的,要对实例进行一些初始化的操作,如添加指定属性时才写。​ 3.类中所定义的方法,都放在了类的原型对象上,供实例去使用。3.类中所定义的方法,都放在了类的原型对象上,供实例去使用。

2023-10-13 17:11:23 495

原创 【React】01-React的入门

用于动态构建用户界面的 JavaScript 库(只关注于视图)由Facebook开源。

2023-10-13 17:09:28 284

原创 【clojure】cljs的各种参数判断

negate-value函数接受一个名为value的参数,并使用not函数对value进行取反操作。函数只能判断参数是否为true,不能判断其他值是否为真,比如非空字符串或非零数字。如果为空,则输出提示信息"值为空,请提供有效的参数",并使用。函数可以将集合转化为一个序列(sequence),如果集合为空,则返回。是否为空,如果为空,则输出提示信息"所有值都已处理完毕"。如果你需要判断其他类型的值是否为空,可以使用相应的函数,如。,如果参数是true,则返回true,否则返回false。

2023-09-12 18:45:00 318

原创 【Electron】electron与cljs的处理

实现效果:前言:如何用cljs的方式,编写electron应用,可以实现多窗体应用要使用ClojureScript(CLJS)编写一个 Electron 应用程序,并实现多窗体功能,您可以按照以下步骤进行操作:设置开发环境:安装 Node.js:确保您的计算机上安装了 Node.js,因为 Electron 依赖于它。安装 Leiningen 或 Boot(如果您使用的是 Clojure 项目)。创建项目:在您选择的项目文件夹中创建一个新的 ClojureScript 项目。

2023-09-12 09:23:05 568

原创 【clojure】re-frame的学习笔记01

而且,不,重新框架不提供标准效果处理程序,因此您需要自己编写它们,然后注册它们。map参数中,但当前的“应用程序状态”是世界中总是需要的一方面,并且默认情况下在密钥中可用。刚刚删除的项目生成hiccup,但除此之外,“这次”计算的hiccup将与“上次”相同。一个变异的、有效的行为,这就是效果处理程序所做的事情,他们改变"the world"。返回的映射的每一个键都标识一种方法,并且该键提供了更多详细信息,返回。更多内容将在后面的教程中介绍。的,它是用向量参数调用的,该向量的第一个元素是一个查询 ID。

2023-09-09 20:28:55 510

原创 【clojure】02-clojure中的方法1

如果你想在vector中找到最大值,需要使用apply。个人理解应该是求余 div对num求余。取coll,从第n个之后的。

2023-09-03 12:34:42 177

原创 【vue】vue前端实现随机验证码(数字、字母混合)功能

【代码】【vue】vue前端实现随机验证码(数字、字母混合)功能。

2023-09-03 12:30:16 925

原创 【clojure】入门篇-01

;定义一个symbol的a设置的值为hello,a值不可变;;定义局部的,直接返回了aa)ps:定义之后若要使用该函数名称,需要先执行一遍该定义的内容;;3.定义一个函数;;函数、后面跟的是一个参数列表,;;一个函数出现在列表的第一个元素位置的时候会被求值,这样就执行了这个元素;;给函数起一个名字;;通常使用 defn 函数名 参数列表 函数体。

2023-08-27 15:59:45 856

原创 【html】html写邮件模板

纯html写模板邮件

2023-08-16 13:04:00 3487

原创 【vue】使用系统提示音

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Block List</title> <style> * { margin: 0;

2023-08-16 13:00:57 581

原创 【Java】02--变量与数据类型Scanner

你只需要记住两点:常量:就是一种不会根据环境而改变的数据,例如:圆周率。变量:是一种能够根据不同环境产生不同值的数据,例如:手机电量。在 Java中,我们通过三个元素描述变量:变量类型、变量名以及变量值。在Java中的变量类型又有哪些呢?在JAVA中变量类型大致可以分为两种一种是数值类型,一种是非数值类型,数值类型又分为两种:整形和非整形如图所示:接下来我们就要开始定义变量了,需要四个步骤。确定变量类型取变量名给变量赋初值分号结尾。

2023-06-27 16:45:00 351

原创 【Java】第一阶段--01--关键字标识符

你只需要记住,注释就是:用于注解说明解释程序的文字它最大的作用就是大大的提高了程序的可读性,因为我们如果查看其它程序员编写的代码往往不能一眼看出某一段程序的含义,但是如果给代码加上一段说明性的文字(注释)我们就能很容易理解这一段代码的含义了。JAVA中有哪些注释在JAVA中有三种注释:1.文档注释,2.单行注释,3.多行注释怎么使用注释单行注释:在要要添加注释的代码或文字之前添加 //,即可。多行注释:在需要添加注释的代码或文字之前添加 /,之后添加 /即可。

2023-06-26 16:38:30 193

原创 【vue】element-ui el-table使用v-if来控制列的显示隐藏 出现列位置错乱问题

表格是element-ui通过循环产生的,而vue在dom重新渲染时有一个性能优化机制,就是相同dom会被复用,这就是问题所在,所以,通过key去标识一下当前行是唯一的,不许复用,列唯一,就可以解决。根据需求,当某一项列数据根据某属性等显示隐藏该列,使用v-if进行隐藏后,发现会有随机列位置错乱与数据错乱现象。这是因为在v-for或者v-if切换标签时,多个相同的标签被渲染,如果不添加key来区分则会出现。而原本这些标签每一个都是独立的,于是需要添加key来做区分!

2023-06-25 16:51:56 1501

原创 【vue】解决el-tree或el-table中树形列表懒加载数据改变后不能实时刷新问题以及使用

首先从map中取出刚刚架子啊过子级节点的数据,再用this.$set清空对应父节点的数据,实现视图实时刷新,再通过取出的数据重新加载父节点。//封装一个增删改刷新table数据的方法,组件懒加载数据的节点,data return的maps,及被操作节点的父节点。在使用el-table表格懒加载子级数据,懒加载仅会在第一次展开时加载,后续会使用第一次缓存的数据,而不会重新加载。传入的三个参数分别是:组件懒加载数据的节点,存储的maps数据,被操作节点的。// 保存本次的展开或折叠状态,用于下次判断。

2023-06-25 16:44:02 5556

原创 【element】基于若依的基本图片上传,实现复制粘贴上传图片文件,带图片预览功能

【代码】【element】基于若依的基本图片上传,实现复制粘贴上传图片文件,带图片预览功能。

2023-06-16 12:01:39 981

原创 【vue】elementUI中el-table拖动滚动条的时候固定某一列

写项目的时候有一个需求,就是当el-table的滚动条滑动的时候,可见区域如果没有该列则固定到左侧,由elementUi官方网站可知el-table固定一列的代码如下:fixed为主要的标识头部固定设置的是table的高度。

2023-04-25 18:06:32 4551 1

原创 【echarts】echarts中x轴的溢出

echarts中x轴的溢出。

2023-04-23 16:34:38 722

原创 【js】用原生js获取当前日期以及三十天前日期的方法

用原生js获取当前日期以及三十天前日期的方法。js处理——获取当前月第一天和最后一天。

2023-04-23 16:31:58 695

原创 【vue】vuex详解

vuex是一个专门为vue.js应用程序开发的状态管理模式+库,它采用集中式存储管理应用的所有组件的状态,并以响应的规则保证状态以一种可预测的方式发生变化。actions类似与mutations,但是actions是通过commit直接提交mutations,它不是直接变更状态,可以包含任意异步操作。mutations 是同步的、actions可以包含任意的异步操作。actions提交的是mutation,而不是直接变更状态、store中的计算属性,类似于组件中的computed。取state中的数据。

2023-04-23 16:31:45 548

原创 【js】js数组对象字符串的相互转化

字符串既可迭代又类似于数组,因此,可以成功地将其转换为字符数组。将这个columns数组存入localstorage中,本来想数组转字符串对象在转字符串可是这样实现不了。) 允许在需要多个元素(如数组文字)的地方扩展诸如字符串之类的可迭代对象。该split方法可能是将字符串转换为字符数组的常用方法,但它不处理采用两个代码单元的字符。通过使用空字符串作为split方法的分隔符,我们可以将字符串转换为字符数组。这是将字符串扩展为字符数组的示例。解构赋值语法可以将数组或可迭代对象中的值解包为不同的变量。

2023-04-20 16:41:56 1004

原创 【js】数组对象相同键名进行合并

but,由以上可知另一个问题,在attrValueArr中会出现相同的键名,因此我们需要在添加时就,判断是否有重复值。

2023-04-13 09:39:17 518

原创 【Echarts】vue项目el-dialog中使用echarts,第一次点击不显示的解决方案

在项目需求中需要点击el-table中的某条数据,显示出该条数据的变化趋势,使用的是echarts4,发现每次点击el-dialog的时候,点击第一次的时候不会显示echarts的内容,但是查看元素的时候发现元素中有存放echarts的盒子,第二次点开虽然显示图表,但是图表挤在一起,页面检查发现宽高只有100px,但是明明已经设置样式宽高100%。

2023-04-12 16:08:28 1320

原创 【vue】vue中下载文件的方法

在浏览器端,实现直接下载文件,就是使用a标签来只想文件的下载地址。window.location.href的本质也是这样,因此在拿到二进制文件对应的Blob对象后,需要为这个Blob对象创建一个指向它的下载地址的URL。前端项目中下载某个地址的文件模块,文件不想放到后端去下载,在文件大小不太大的情况下,可以把文件放在前端项目中,无论开发环境还是生产环境,都能在同样路径下找到那个文件。通过设置responseType为blob,可以直接拿到二进制文件转化为Blob,两种使用 Blob 实现文件下载的方式。

2023-04-11 10:47:35 9333

原创 【vue】vue中的计算属性和监听属性详解

computed(多个变量计算出一个结果)计算属性:依赖于其他属性,并且有缓存,只有它所依赖的属性值发生变化,那么我们的computed才会重新计算,并且支持同步。

2023-03-27 19:07:39 649

原创 【若依】若依的部署--新手可用

下载若依。

2023-03-21 13:34:05 795

原创 【elementUI】基于elementUI自定义封装分页内容

1.第一页展示数据= 原始数据.slice((第一页-1) * 10条,第一页 * 10条)2.第二页展示数据= 原始数据.slice((第二页-1) * 10条,第二页 * 10条)3.第三页展示数据= 原始数据.slice((第三页-1) * 10条,第三页 * 10条)1.每页显示的条数,page-size属性,@size-change事件。3.第二页展示的数据为第11-第20条,其下标为10-19。2.第一页展示的数据为第1-第10条,其下标是0-9。//有计算内容的时候需要写入计算属性中。

2023-02-27 10:47:47 534

原创 【标签bug】video标签部分mp4文件在ios中无法自动播放的问题

在安卓端和h5页面调试端,video标签下的mp4格式文件均可以播放,但是video标签部分mp4文件在ios中无法自动播放的问题,搜了很多资料有如下解决方案。x5-video-player-fullscreen=“true”:全屏设置,设置为 true 是默认全屏播放,ios网页中播放视频默认全屏。muted:静音播放,一般浏览器chrome为例,用户需要在页面上操作一次,才能播放视频,不允许用户进入后直接显示声音。后面四个属性,是查阅资料时看到的前端解决方案,笔者添加完后四个属性,ios便可以播放了。

2023-02-24 10:46:47 4658

原创 【nodejs-05】黑马nodejs学习笔记05-数据库基本操作01

SQL(英文全称:Structured Query Language)是结构化查询语言,专门用来访问和处理数据库的编程语言。能够让我们以编程的形式,操作数据库里面的数据。三个关键点:① SQL 是一门数据库编程语言② 使用 SQL 语言编写出来的代码,叫做SQL 语句③ SQL 语言只能在关系型数据库中使用(例如 MySQL、Oracle、SQL Server)。非关系型数据库(例如 Mongodb)不支持 SQL 语言。

2023-02-16 11:22:50 455

原创 【nodejs-05】黑马nodejs学习笔记05-数据库基本操作02

身份认证(Authentication)又称“身份验证”、“鉴权”,是指通过一定的手段,完成对用户身份的确认。

2023-02-16 11:22:06 439

原创 【elementUI】自定义封装el-upload上传内容

before-remove 删除文件之前的钩子,参数为上传的文件和文件列表,若返回 false 或者返回 Promise 且被 reject,则停止删除。file-list 上传的文件列表, 例如: [{name: ‘food.jpg’, url: ‘https://xxx.cdn.com/xxx.jpg’}] array。为实现如图所示功能,点击第一步弹出模态框,第二部将所有文件导入,第三步点击确定的时候上传到后台接口,封装一个组件。http-request:覆盖默认的上传行为,可以自定义上传的实现。

2023-02-15 14:53:52 2306 4

原创 【nodejs-04】黑马nodejs学习笔记04-MySQL简介及安装

数据库(database)是用来组织、存储和管理数据的仓库。当今世界是一个充满着数据的互联网世界,充斥着大量的数据。数据的来源有很多,比如出行记录、消费记录、浏览的网页、发送的消息等等。除了文本类型的数据,图像、音乐、声音都是数据。为了方便管理互联网世界中的数据,就有了数据库管理系统的概念(简称:数据库)。用户可以对数据库中的数据进行新增、查询、更新、删除等操作。

2023-02-15 10:56:00 437

原创 【nodejs-03】黑马nodejs学习笔记03-express中间件与跨域

1. 需求描述与实现步骤自己手动模拟一个类似于 express.urlencoded 这样的中间件,来解析 POST 提交到服务器的表单数据。实现步骤:① 定义中间件② 监听 req 的 data 事件③ 监听 req 的 end 事件④ 使用 querystring 模块解析请求体数据⑤ 将解析出来的数据对象挂载为 req.body⑥ 将自定义中间件封装为模块2. 定义中间件//中间业务逻辑 })3. 监听 req 的 data 事件。

2023-02-08 12:35:04 518

原创 【nodejs-02】黑马nodejs学习笔记02-express

1.什么是express官方给出的概念:Express 是基于 Node.js 平台,快速、开放、极简的 Web 开发框架。通俗的理解:Express 的作用和 Node.js 内置的 http 模块类似,是专门用来创建 Web 服务器的。Express 的本质:就是一个 npm 上的第三方包,提供了快速创建 Web 服务器的便捷方法。Express 的中文官网: http://www.expressjs.com.cn/2. 进一步理解 Express。

2023-02-08 11:36:18 319

原创 【nodejs-01】黑马nodejs学习笔记01

1、什么是Node.js?Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 的官网地址: https://nodejs.org/zh-cn/2、Node.js中的js运行环境① 浏览器是 JavaScript 的前端运行环境。② Node.js 是 JavaScript 的后端运行环境。③ Node.js 中无法调用 DOM 和 BOM 等浏览器内置 API。3.Node.js的作用。

2023-02-07 17:16:32 657

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除