- 博客(41)
- 资源 (2)
- 收藏
- 关注
原创 el-table 跨页多选
在开发过程中,示如我遇到的需求, 展示在弹框中。第二次点击近弹窗,要求数据不选择。那么可以在弹框关闭时的事件中加上这行代码。在中。在中。
2023-12-08 16:56:03
680
原创 HTML5使用html2canvas转化为图片,然后再转为base64.
场景:今天同事提了个协助,将HTML5文件中的元素转为图片,并且最终转为base64格式传给后端。感觉还挺有意思就记录下。(试例如下)html部分(这个例子有一个特殊的地方,就是它会显示多个二维码标签。所有我这边使用 DOM来获取下父元素,然后再获取到底下的子元素。遍历下,一个一个转化为图片。代码如下,有不理解的可以留言讨论)">div内容">div内容//1、获取下父元素。
2023-10-08 17:17:12
1981
原创 vue3中子组件监听父组件传来的实时数据变化
vue3中子组件监听父组件传来的实时数据变化 watch 和 watchEffect 方法实现
2023-07-20 10:20:43
11409
4
原创 js定时器setInterval,首次执行,第二次起正常延迟的写法
setInterval中的function位置,如果带括号,会先执行函数,将返回值当做参数,注意必须有返回值;如果不带括号,该function会被当做一个函数指针,会根据设定的延迟时间延迟执行。定时器 setInterval(function,delayTime)
2023-06-09 14:57:38
1383
原创 使用flex布局中的justify-content:space-between,导致最后一行无法左对齐(自适应)
今天开发中遇到了一个布局问题,本想只使用css解决这个问题,不想牵扯js。后来发现研究了一阵子还是不行。于是自己手写了下js,以下使用vue3。逻辑都一样的其实,大家可以参考下。
2023-06-07 12:24:47
594
1
原创 js 解决小数相乘,后面多出多位小数,解决精度问题
当我们在使用js的小数相乘的时候,容易因为进制问题,遇到相乘结果不是我们想要的。下面以vue中的方法为例子,请参考一下代码...如有不明白的可以留言探讨。
2023-05-29 13:42:04
1137
原创 TypeScript笔记
官方介绍:TypeScript 是 JavaScript 的超集,这意味着它可以完成 JavaScript 所做的所有事情,而且额外附带了一些能力。Typed JavaScript at Any Scale. 它强调了 TypeScript 的两个最重要的特性——类型系统、适用于任何规模。(简述:JavaScript应用广泛,但是由于其为弱类型语言,使其在项目管理层面表现得相当差劲。科技巨头微软为了解决这个尴尬的问题,推出了typeScript)
2023-04-20 20:24:00
1553
2
原创 vue3笔记
什么是hook?—— 本质是一个函数,把setup函数中使用的Composition API进行了封装。类似于vue2.x中的mixin。自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。
2023-04-10 16:48:59
2772
5
原创 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
8274
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
680
原创 前端面试题整理
浏览器加载资源的时候,没有命中强缓存,这时候就会请求服务器,去请求服务器的时候回带两个参数,一个是If-None-Match,也就是响应头中的etag属性,每一个文件对应一个etag;当声明一个变量并给该变量赋值一个引用类型的值时候,该值的计数+1,当该值赋值给另一个变量的时候,该计数+1,当该值被其他值取代的时候,该计数-1,当计数变为0的时候,说明无法访问该值了,垃圾回收机制清除该对象。有时候编辑了文件,但是没有修改,但是last-modified属性的时间就会改变,导致服务器会重新发送资源。
2022-10-29 11:50:52
334
原创 QQ个人账号/QQ群 链接如何分享
分享(href="tencent://message/?uin=307****73&Site=Sambow&Menu=yes")将个人账号放入uin即可 详情参照下图。日常开发会遇到QQ加群或者加个人账号的跳转。分享 直接在这里就可以找到相关链接。
2022-09-21 09:57:08
2310
原创 vue阿拉伯数字转换繁体字
小提示:(代码可优化,现在的状态为了方便大家理解。并且一定还有更好的方法)第一步:data中我添加一个测试数据(为了便于测试)第三步:methods里面添加capital()方法。设123.00 显示 壹佰贰拾叁元零角零分。第二步:html中代码如下(这一步可以优化)2.设10.00 显示 壹拾零元零角零分。1.将阿拉伯数字转换为繁体字组合。
2022-09-03 11:14:44
679
原创 vue2 创建一个新项目
好了 这些设置好之后 项目下载之后就可以npm run serve运行啦..............我自己的习惯是使用vue2 但是会自己手动设置一些自己想要的东西 (如下)有的同学会直接选择,然后直接就可以项目npm run serve运行了。以下都是在vscode终端中输入操作的。在vscode终端中 安装淘宝镜像。全局安装下vue的脚手架。......
2022-08-26 20:18:00
243
原创 正则表达式的使用
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
308
原创 js复习 日期对象/Math/包装类/字符串方法
获取当前时间的时间戳 其实就是毫秒数(值的是格林威治标准时间1970年1月1日0时0分0秒 到现在的时间 的毫秒数 1秒等于1000毫秒)subString() //也是可以用来截取一个字符串 和slice()类似(不同的这个方法不可以接受负值 所以一切负数都会转化为0)indexOf() //检索一个字符串中是否含有指定的内容(如果监测字符串中有相应的字符 会返回字符当下的索引 没有的话返回-1)注意:在我们设置我们现在是北京时间 跟柏林有8小时的时差!...
2022-08-17 20:14:20
220
原创 js数组相关知识复习
push() 该方法可以向数组的末尾添加一个或者多个元素,并且返回数组的新长度。forEach()方法是js为我们提供的一个数组的遍历的方法 非常好使用。console.log(arr) //["猪八戒",”孙悟空“]///["猪八戒",”孙悟空“,"沙和尚",'唐三藏']let arr = ["猪八戒",”孙悟空“,"沙和尚"]let arr = ["猪八戒",”孙悟空“,"沙和尚"]let arr= ["猪八戒",”孙悟空“,"沙和尚"]let arr= ["猪八戒",”孙悟空“,"沙和尚"]...
2022-08-05 19:55:51
122
原创 svg图片颜色的修改 没有花里胡哨
找到fill属性直接就改掉了没有花里胡哨。设计给了一个svg的图,灰色的要改为白色的。最后一起之下打开了svg图片的代码。查了好久的csdn傻了都。
2022-07-16 11:30:20
1497
原创 less日常容易忘记的知识记录
2022/3/14如何使用less标准化我们项目的主题色和字体的尺寸呢?第一步:在less文件中的设置第二步:见less文件自动转化为css文件我们这边可以下载下“Easy LESS” 【vscode的插件】 既可自动将less文件转化为css文件第三步:在每个页面中引入less转化的css文件即可在vue中我会在main.js中全局引入下就可以的---------------------------------------------------------------
2022-03-14 19:58:12
371
原创 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
273
原创 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
3048
原创 css响应式布局的整理(笔记)
rem 基础(rem是一个单位)rem可以提供的价值:1.页面布局的文字可以随着页面大小的变化而变化2.流式布局和flex布局 ,主要是针对宽度布局,那么高度可以使用rem设置3.当屏幕发生变化的时候,元素的高度和宽度等比例变化说到rem 我们就不得不先提下emem是代表父元素的字体大小【下图为例】rem是代表html根元素的字体大小【下图为例】为什么rem相对来说更有意义?因为整个的页面中只有一个html元素,我们可以通过缩小html的字体大小来等比例缩...
2022-03-03 22:02:24
298
原创 vue 给src文件夹配置@别名 以方便项目开发时候的路径选取
在项目根目录创建一个jsconfig.json文件配置别名@提示将配置代码复制进去既可-----------------------------------------------------------{ "compilerOptions":{ "baseUrl":"./", "paths":{ "@/*":[ "src/*" ] } }, "exclude": [ "node_modules", "
2022-01-11 19:14:57
487
原创 vue-cli vue脚手架常用项目安装
项目中常用的vue-cli安装方法vue create 项目名称底下的一条龙操作---------最后在回车下即可
2022-01-09 10:45:25
288
原创 怎么拉取gitLab中的代码
当组长给一个项目地址 我们怎么拉取克隆里面的代码呢?ssh://git@222.188.89.182:856/forenms/for---------.git右击鼠标打开Git Bash Here输入:git clonessh://git@222.188.89.182:856/forenms/for---------.git //即可...
2021-12-06 11:37:35
604
原创 vue中,怎么关闭eslint校验功能
在vue的根目录中创建一个【vue.config.js】文件文件内容***modules.exports = { //关闭eslint lintonSave:false}
2021-12-04 19:38:24
505
原创 vuex 详解整理
1.vuex相关vuex是数组之间传值共享的方案,方便组件传值。【方便】可以怎么用?把使用的多的值集中起来,用的时候直接调就行。vuex都是响应式的,还能实时保持数据在各个页面上的同步。Vuex的使用1.安装vuex依赖包(讲道理大家都是脚手架 略)npm install vuex --save2.导入vuex包(放store.js里略)store.js文件我们是自己可以创建的哈,有的人的代码习惯就是。登录注册一个文件、其他的模块再创建一个文件.......
2021-12-03 08:44:13
1472
原创 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
482
原创 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
363
原创 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
2080
原创 vue工作笔记 随手记
$router和$route之间的区别$router是给,$route是取。$router是操作路由,$route是看理由里面有啥。
2021-11-12 10:55:07
1633
原创 vue中如何修改element.style样式?
1.举例 我想将padding设置为02.直接在相关element组件中,设置style="padding:0px;"即可修改成功
2021-09-16 13:40:43
2455
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人