自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(41)
  • 资源 (2)
  • 收藏
  • 关注

原创 vue说说那些细节知识

该文章主要辅助个人复习,还有细节没有写到的请大家在评论区踊跃留言。留言后会统一编写上去。

2024-02-27 13:57:07 289 1

原创 el-table 跨页多选

在开发过程中,示如我遇到的需求, 展示在弹框中。第二次点击近弹窗,要求数据不选择。那么可以在弹框关闭时的事件中加上这行代码。在中。在中。

2023-12-08 16:56:03 501

原创 HTML5使用html2canvas转化为图片,然后再转为base64.

场景:今天同事提了个协助,将HTML5文件中的元素转为图片,并且最终转为base64格式传给后端。感觉还挺有意思就记录下。(试例如下)html部分(这个例子有一个特殊的地方,就是它会显示多个二维码标签。所有我这边使用 DOM来获取下父元素,然后再获取到底下的子元素。遍历下,一个一个转化为图片。代码如下,有不理解的可以留言讨论)">div内容">div内容//1、获取下父元素。

2023-10-08 17:17:12 1345

原创 vue3中子组件监听父组件传来的实时数据变化

vue3中子组件监听父组件传来的实时数据变化 watch 和 watchEffect 方法实现

2023-07-20 10:20:43 7775 4

原创 js定时器setInterval,首次执行,第二次起正常延迟的写法

setInterval中的function位置,如果带括号,会先执行函数,将返回值当做参数,注意必须有返回值;如果不带括号,该function会被当做一个函数指针,会根据设定的延迟时间延迟执行。定时器 setInterval(function,delayTime)

2023-06-09 14:57:38 882

原创 使用flex布局中的justify-content:space-between,导致最后一行无法左对齐(自适应)

今天开发中遇到了一个布局问题,本想只使用css解决这个问题,不想牵扯js。后来发现研究了一阵子还是不行。于是自己手写了下js,以下使用vue3。逻辑都一样的其实,大家可以参考下。

2023-06-07 12:24:47 360 1

原创 js 解决小数相乘,后面多出多位小数,解决精度问题

当我们在使用js的小数相乘的时候,容易因为进制问题,遇到相乘结果不是我们想要的。下面以vue中的方法为例子,请参考一下代码...如有不明白的可以留言探讨。

2023-05-29 13:42:04 621

原创 TypeScript笔记

官方介绍:TypeScript 是 JavaScript 的超集,这意味着它可以完成 JavaScript 所做的所有事情,而且额外附带了一些能力。Typed JavaScript at Any Scale. 它强调了 TypeScript 的两个最重要的特性——类型系统、适用于任何规模。(简述:JavaScript应用广泛,但是由于其为弱类型语言,使其在项目管理层面表现得相当差劲。科技巨头微软为了解决这个尴尬的问题,推出了typeScript)

2023-04-20 20:24:00 1353 2

原创 vue3笔记

什么是hook?—— 本质是一个函数,把setup函数中使用的Composition API进行了封装。类似于vue2.x中的mixin。自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。

2023-04-10 16:48:59 2284 4

原创 ElementPlus开发中遇到的常见问题

问题:error.ts:14 ElementPlusError: [props] API type.text is about to be deprecated in version 3.0.0, please use type.link instead.排爆:在el-button中加上link 并且将原来的type="text"改为type="primary"即可。

2023-02-03 09:26:53 4837 3

原创 cmd基本指令 笔记

8.写入一个doc格式文件(其中文件写入内容 name:Tom,age=12)del tean2(先删除tean2中文件) -- rd tean2。4.在D盘目录新建一个(名为:java)的文件夹。6.直接进入java\jxt\tean1。4.如何进入D盘java目录下。1.快捷键win+R 弹出cmd。9.批量删除txt结尾的文件。11.删除文件(非空)目录 流程。7.如何直接回退到根目录。8.删除1.doc文件。10.删除文件(空)目录。2. 到D盘(默认C盘)

2022-12-21 20:05:45 267

原创 前端面试题整理

浏览器加载资源的时候,没有命中强缓存,这时候就会请求服务器,去请求服务器的时候回带两个参数,一个是If-None-Match,也就是响应头中的etag属性,每一个文件对应一个etag;当声明一个变量并给该变量赋值一个引用类型的值时候,该值的计数+1,当该值赋值给另一个变量的时候,该计数+1,当该值被其他值取代的时候,该计数-1,当计数变为0的时候,说明无法访问该值了,垃圾回收机制清除该对象。有时候编辑了文件,但是没有修改,但是last-modified属性的时间就会改变,导致服务器会重新发送资源。

2022-10-29 11:50:52 242

原创 QQ个人账号/QQ群 链接如何分享

分享(href="tencent://message/?uin=307****73&Site=Sambow&Menu=yes")将个人账号放入uin即可 详情参照下图。日常开发会遇到QQ加群或者加个人账号的跳转。分享 直接在这里就可以找到相关链接。

2022-09-21 09:57:08 1893

原创 el-form-item中的el-input加上正则校验

【代码】el-form-item中的el-input加上正则校验。

2022-09-20 15:50:06 1002

原创 vue阿拉伯数字转换繁体字

小提示:(代码可优化,现在的状态为了方便大家理解。并且一定还有更好的方法)第一步:data中我添加一个测试数据(为了便于测试)第三步:methods里面添加capital()方法。设123.00 显示 壹佰贰拾叁元零角零分。第二步:html中代码如下(这一步可以优化)2.设10.00 显示 壹拾零元零角零分。1.将阿拉伯数字转换为繁体字组合。

2022-09-03 11:14:44 556

原创 vue2 创建一个新项目

好了 这些设置好之后 项目下载之后就可以npm run serve运行啦..............我自己的习惯是使用vue2 但是会自己手动设置一些自己想要的东西 (如下)有的同学会直接选择,然后直接就可以项目npm run serve运行了。以下都是在vscode终端中输入操作的。在vscode终端中 安装淘宝镜像。全局安装下vue的脚手架。......

2022-08-26 20:18:00 203

原创 正则表达式的使用

test() //使用这个方法可以用来检查一个字符串是否符合正则表达式的规则 如果符合返回true不符合返回false。语法:var reg =new RegExp("正则表达式","匹配模式")使用字面量的方式创建正则表达式 (使用字面量创造更加的简洁)[ ]里面的内容也是或的关系 [ab]==a|b。检查一个字符串中是否含有abc adc aec。语法:var 变量 =/正则表达式/匹配模式。[a-z] 任意的小写字母。[A-Z] 任意的大写字母。1.创建一个正则表达式。...

2022-08-17 20:48:29 220

原创 js复习 日期对象/Math/包装类/字符串方法

获取当前时间的时间戳 其实就是毫秒数(值的是格林威治标准时间1970年1月1日0时0分0秒 到现在的时间 的毫秒数 1秒等于1000毫秒)subString() //也是可以用来截取一个字符串 和slice()类似(不同的这个方法不可以接受负值 所以一切负数都会转化为0)indexOf() //检索一个字符串中是否含有指定的内容(如果监测字符串中有相应的字符 会返回字符当下的索引 没有的话返回-1)注意:在我们设置我们现在是北京时间 跟柏林有8小时的时差!...

2022-08-17 20:14:20 168

原创 js数组相关知识复习

push() 该方法可以向数组的末尾添加一个或者多个元素,并且返回数组的新长度。forEach()方法是js为我们提供的一个数组的遍历的方法 非常好使用。console.log(arr) //["猪八戒",”孙悟空“]///["猪八戒",”孙悟空“,"沙和尚",'唐三藏']let arr = ["猪八戒",”孙悟空“,"沙和尚"]let arr = ["猪八戒",”孙悟空“,"沙和尚"]let arr= ["猪八戒",”孙悟空“,"沙和尚"]let arr= ["猪八戒",”孙悟空“,"沙和尚"]...

2022-08-05 19:55:51 91

原创 监听div的滚动事件 @scroll

不得不说vue方法很方便。

2022-07-21 09:13:57 1454

原创 svg图片颜色的修改 没有花里胡哨

找到fill属性直接就改掉了没有花里胡哨。设计给了一个svg的图,灰色的要改为白色的。最后一起之下打开了svg图片的代码。查了好久的csdn傻了都。

2022-07-16 11:30:20 1286

原创 js函数相关的复习

js基础

2022-06-25 23:25:59 101

原创 avue使用常见问题

2022年使用avue踩过的一些坑的记录

2022-05-23 14:39:07 2067 15

原创 less日常容易忘记的知识记录

2022/3/14如何使用less标准化我们项目的主题色和字体的尺寸呢?第一步:在less文件中的设置第二步:见less文件自动转化为css文件我们这边可以下载下“Easy LESS” 【vscode的插件】 既可自动将less文件转化为css文件第三步:在每个页面中引入less转化的css文件即可在vue中我会在main.js中全局引入下就可以的---------------------------------------------------------------

2022-03-14 19:58:12 326

原创 css常见容易遗忘的知识点整理

2022/3/5Transition过渡Transition 可以设置 CSS 属性的过渡效果它有以下几个属性:transition-property用于指定应用过渡属性的名称 transition-duration用于指定这个过渡的持续时间 transition-delay用于指定延迟过渡的时间 transition-timing-function用于指定过渡的类型常见写法 transition: all 0.5s linear; /* transition: ....

2022-03-05 10:08:10 243

原创 vue获取屏幕的实时 宽度 / 高度

mounted () { const that = this; window.onresize = () => { return (() => { window.screenWidth = document.documentElement.clientWidth; //实时宽度 window.screenHeight = document.documentElement.clientHeight; //实时高度 con.

2022-03-05 09:43:30 2619

原创 css响应式布局的整理(笔记)

rem 基础(rem是一个单位)rem可以提供的价值:1.页面布局的文字可以随着页面大小的变化而变化2.流式布局和flex布局 ,主要是针对宽度布局,那么高度可以使用rem设置3.当屏幕发生变化的时候,元素的高度和宽度等比例变化说到rem 我们就不得不先提下emem是代表父元素的字体大小【下图为例】rem是代表html根元素的字体大小【下图为例】为什么rem相对来说更有意义?因为整个的页面中只有一个html元素,我们可以通过缩小html的字体大小来等比例缩...

2022-03-03 22:02:24 254

原创 img默认图片 【vue】

内容:解决img不知道如何设置默认图片的问题

2022-02-25 09:01:21 616

原创 vue 给src文件夹配置@别名 以方便项目开发时候的路径选取

在项目根目录创建一个jsconfig.json文件配置别名@提示将配置代码复制进去既可-----------------------------------------------------------{ "compilerOptions":{ "baseUrl":"./", "paths":{ "@/*":[ "src/*" ] } }, "exclude": [ "node_modules", "

2022-01-11 19:14:57 402

原创 vue中 如何关闭eslint校验功能

在根目录下创建一个vue.config.js文件这样既可关闭eslint校验功能

2022-01-11 19:05:41 265

原创 vue 项目运行起来的时候 自动在浏览器打开

首先找到package.json这个文件

2022-01-11 19:01:04 200

原创 vue-cli vue脚手架常用项目安装

项目中常用的vue-cli安装方法vue create 项目名称底下的一条龙操作---------最后在回车下即可

2022-01-09 10:45:25 263

原创 怎么拉取gitLab中的代码

当组长给一个项目地址 我们怎么拉取克隆里面的代码呢?ssh://[email protected]:856/forenms/for---------.git右击鼠标打开Git Bash Here输入:git clonessh://[email protected]:856/forenms/for---------.git //即可...

2021-12-06 11:37:35 517

原创 vue中,怎么关闭eslint校验功能

在vue的根目录中创建一个【vue.config.js】文件文件内容***modules.exports = { //关闭eslint lintonSave:false}

2021-12-04 19:38:24 459

原创 vuex 详解整理

1.vuex相关vuex是数组之间传值共享的方案,方便组件传值。【方便】可以怎么用?把使用的多的值集中起来,用的时候直接调就行。vuex都是响应式的,还能实时保持数据在各个页面上的同步。Vuex的使用1.安装vuex依赖包(讲道理大家都是脚手架 略)npm install vuex --save2.导入vuex包(放store.js里略)store.js文件我们是自己可以创建的哈,有的人的代码习惯就是。登录注册一个文件、其他的模块再创建一个文件.......

2021-12-03 08:44:13 1314

原创 js个人学习笔记

第一章节1.js的组成?es(js标准) + DOM + BOM 组成 js的实际含义要更大一些2.简单的标签的引用<script> alert("Hello,World!");</script>3.js文件的引入<script src="main.js"></script>4.js的页面的输出<script> document.write("Hello,World!")...

2021-11-25 20:10:41 440

原创 vue中的父传子 子传父

【父传子】父组件代码<template> <div class="home"> <Seaction :text="text"></Seaction> <!--【核心代码】定义一个:text属性传值--> </div></template><script>import Seaction from "../components/Home/Seaction.vue"; //

2021-11-25 17:34:22 336

原创 vue导航栏 不错的解决方案

其实做一个vue导航栏简单,但是真正做好才是重要的。下面我就展示下我的导航栏解决方案第一步:给vuex中加上nav数据【让nav变为全局数据】import Vue from "vue";import Vuex from "vuex";Vue.use(Vuex);export default new Vuex.Store({ state: { nav: "", }, //【核心代码 加上一个nav】 mutations: {}, actions: {}, modules.

2021-11-19 09:17:49 1955

原创 vue工作笔记 随手记

$router和$route之间的区别$router是给,$route是取。$router是操作路由,$route是看理由里面有啥。

2021-11-12 10:55:07 1540

原创 vue中如何修改element.style样式?

1.举例 我想将padding设置为02.直接在相关element组件中,设置style="padding:0px;"即可修改成功

2021-09-16 13:40:43 2125

html2canvas.min.js

html2canvas.min.js的源码,方便大家下载

2023-10-08

reset.less 前端样式常用文件

前端样式常用的reset

2022-01-11

lodash.js下载

lodash.js下载

2021-12-22

空空如也

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

TA关注的人

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