- 博客(34)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 canvas在不规则多边形内绘制网格线填充样式
在canvas中在不规则多边形中绘制网格线做效果展示，方案1： 使用小型网格canvas做填充，方案2：使用clip将网格模型绘制在多边形区域内
2024-08-30 11:04:59
448
原创 css系列：进度条
样式部分为笔者需求的样式，需要根据自己项目需要调整。！！有个问题是偶发性绑定事件不触发，暂时还没解决，欢迎大家帮忙解决。
2024-06-05 18:34:39
466
14
原创 js事件轮询（event loop）
以代码执行顺序而言，先代码同步执行，先同步后异步，异步中执行一个宏任务之后清空微任务，然后再执行一个宏任务，然后再清空微任务。！！new promise是同步任务，promise.then才是微任务。练习部分，可以先自己做一下，然后不懂之处借鉴之后的讲解部分。讲解二略冗长是为了更为清晰的介绍事件轮询机制，核心是这个机制，练习是帮助理解。不对之处，欢迎指正，模糊之处，欢迎讨论。
2024-06-03 00:01:03
996
原创 a-select嵌套a-input，input失焦后下拉框收回问题
需求如图所示，技术栈为vue2+antdesign，实现为a-select嵌套a-input。
2024-05-08 19:12:46
582
原创 vscode 辅助工具分享
好用的工具分享，主要用于vscode，webstorm中应该也有对应插件和工具，可参考使用，文章主要目的为提高编辑效率，提质增效，花最少的时间干最多的事情。
2024-03-27 22:20:39
1248
1
原创 面试大盘表 - 时间维护功能
由于本人主要负责干部和招聘板块，招聘板块接到了要做一个面试大盘表的需求，需要展示面试官的面试情况，还需要面试官维护自己的可面试时间，之后人资进行面试安排，然后面试者到手机端进行自主选择面试官和面试场次。
2023-08-12 12:25:19
162
原创 Antd Design Mobile tab去除下方蓝色边框和对tab里面的sticky布局的影响
可以看到钻尖人才下有一个深蓝色实心边框和下方的一个蓝色空心边框而下方 简历进度 下方的表格的表头使用粘性布局，粘性布局失效手机端坑还是比较多的，问题排查起来比较麻烦，最近也遇到了一些适配问题难以解决，撰写此文旨在帮助其他和我一样的前端新人，知道 transform: translate3d 属性 为什么会让粘性布局（sticky）失效的也欢迎评论，欢迎大家对文章指正，积极沟通交流。
2023-03-28 20:49:35
695
原创 :nth-of-child和:nth-of-type
用法： :nth-of-child（n）, n可以为数字或者表达式（例如2n + 1，指的是奇数项）介绍： 第n个孩子例如 div:nth-of-child（1） 等同于 div:first-of-child div的第一个孩子元素（不区分标签和类名）会选中
2023-03-22 20:02:08
672
原创 avue crud-tree介绍
auve-crud tree 新增、编辑、删除、新增子级，修改时删除和新增子级失效问题，父子层级结构错误问题
2023-03-15 20:56:32
1773
13
原创 vue页面部分未刷新----------深层对象解构会覆盖的问题
this.$forceupdate() 迫使vue组件重新渲染，实际上指的是强制重启render函数。在深层对象解构的时候，res.data.resign将this.query.resign覆盖，导致postA和postB被删掉，最终导致vue双向绑定失败。this.a.aa为要更改的数据源（对象），b为key值（要更改的具体数据），value为要赋的值。强制刷新页面，不建议使用，会占用大量资源，使用到这个方法一般是因为你代码有问题。示例： this.$set(this.a.aa,"b",2)
2022-10-20 12:07:49
454
原创 undefined==‘undefined‘ 为false
前言今天遇到一个有趣的问题，现在想来也是自己不细心，在if判断中写了 a==undefined ，然后console.log（a），发现a打印出来是undefined，但是 a ==undefined 为false。也是弄了好一会，之后才灵光一现。原因虽然打印出来的也是undefined，但其实这是一个字符串的undefined并不是他的类型是undefined，所以a ==undefined才为false。...
2022-05-31 10:37:16
2399
原创 将el-table的每一行变成超链接
需求描述最近接到一个奇怪的需求，产品说想要在右击el-table的每一行后弹出浏览器的右击菜单（浏览器在你右击一个超链接之后弹出的菜单），因为交流出现问题，刚开始我以为要模拟浏览器的右击菜单，调整了一堆样式，调好之后问产品，才知道是要弹出浏览器的右击菜单。实现因为跳转是需要传递参数的，而且需要根据当前行数据跳转到不同页面，所以需要动态绑定href，最初想把a加在el-table下（el-table-column外），但是绑定后发现a标签不起作用，之后把a标签绑定在了el-table-column
2022-05-27 15:40:22
1681
转载 el-table 头部标题增加el-tooltip
在使用el-table的时候想在标题上加el-tooltip提示。添加方法：第一步：在el-table-column中绑定:render-header="renderPrice"<el-table-column prop="agentName" label="预测分类" width="160" :render-header="renderPrice"></el-table-column>第二步：methods中设置方法renderPrice(h, { ..
2022-05-25 16:31:12
2392
原创 el-select-dropdown 修改下拉框的样式
问题描述使用el-select的时候有时候需要修改下拉框的样式，但是el-select-dropdown必须添加类名才能修改他的样式。问题解决1.popper-class="" element提供了为下拉框绑定类名的api，绑定类名之后使用 deep深度遍历器或者不适用scope即可修改样式，但是popper-class=""需要搭配 :popper-append-to-body="false" 使用。用(深度)选择器设置属性不生效的原因（不搭配:popper-append-to-body=
2022-05-15 10:45:35
6906
原创 overflow：auto出现滚动效果不显示滚动条
问题描述overflow：auto 子元素超过父元素高度或者宽度时会出现滚动条（需要设置高度和宽度），当我这么设置之后出现了滚动效果却没有滚动条。问题原因全局写了滚动条宽度为0。::-webkit-scrollbar : {width:0}当我用样式覆盖后还是没有出现。::-webkit-scrollbar : {width:0}可能原因是样式没有写完整。解决办法将样式写全.printLogFather::-webkit-scrollbar { widt
2022-05-11 14:09:56
5500
原创 echarts报错Uncaught (in promise) Error: Initialize failed: invalid dom.
问题描述在使用echarts时报错Uncaught (in promise) Error: Initialize failed: invalid dom.原因这是由于echarts在初始化化时是需要获取dom的。let myChart = this.$echarts.init(document.getElementById('main'));例如在上面这个 myChart初始化时需要获取到 id="main" 的这个dom元素，所以在图表初始化的时候获取不到dom的时候就会出现这样的
2022-05-11 14:04:03
36717
11
原创 console.log机制
介绍前端在调试的时候很多都使用了console.log，但大家都知道他的机制吗？遇到问题在想要获取一个对象的某一个属性的属性值的时候，因为发送了ajax请求，然后在mounted阶段打印对象的属性时为空，而打印对象显示要获取的属性有值。机制介绍console.log实际上打印的是对象的引用，网上对于这种对象中的属性有值而单独打印对象的属性没有值的情况有两种说法：1.打印是 I/O 操作，浏览器会置后执行 2.打印的是对象的引用想要获取的对象的属性假定为obj.name当在moun
2022-05-09 17:55:12
681
原创 echarts中的data是对象无法使用
问题描述前端通常从后端拿到的数据都是数组中有多个对象，而echarts中的data必须是一个数组，形如['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']，所以需要对后端返回的数据进行处理之后才可以使用。处理办法 this.recordArray = res.data.modelTrain.map(function(obj,index){ return obj.ctime; }).join(",")
2022-05-09 14:47:49
2054
原创 浅谈深拷贝
介绍深拷贝对应的是浅拷贝，这两个都是对于引用数据类型来说的。在这里补充一下js的基本数据类型和引用数据类型的区别。基本数据类型存储在栈中，空间大小不变，按值访问，复制会直接复制值。引用数据类型存储在堆中，空间大小可能改变，栈中存储指向堆的指针，访问是按指针访问，在复制值的时候就会有深复制和浅复制的区别（就是深拷贝和浅拷贝）。接下来说说深拷贝和浅拷贝的区别。浅拷贝只是拷贝了一份指针，即将俩个指针指向了同一内存空间，改变任意一个的值会引起俩个值（指针指向的堆中的值）同时变化，因为实际上是
2022-03-23 20:08:41
1302
转载 一文搞懂Object.defineProperty和Proxy，Vue3.0为什么采用Proxy？
前言前几天面试的时候，面试官问到了这个问题，感觉自己答的不是特别好，在这里整理一下~文章篇幅会比较长，但是看完一定会收获满满~希望你坚持看下去呀~Object.defineProperty()作用：在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回这个对象。1. 基本使用语法：Object.defineProperty(obj, prop, descriptor)参数：要添加属性的对象 要定义或修改的属性的名称或 [Symbol] 要定义或修改的属性描述符看一
2022-03-03 12:05:28
525
原创 浅谈媒体查询
最近用到了媒体查询，关于媒体查询做一个简单的介绍。媒体查询主要功能是实现响应式，在特定条件下触发样式，达到响应式的效果。使用方法1.最小宽度min-width表示在屏幕宽度大于等于768px时触发。 @media screen and (min-width: 768px) { }2.最大宽度 @media screen and (max-width: 768px) { }max-width表示在屏幕宽度小于等于7
2022-03-02 12:42:45
1219
原创 解决nvm管理node多版本时无法切换版本
1.下载nvm之后 nvm ls查看版本*后面跟着的是当前使用的node版本使用node -v命令可以查看当前的node版本号2.nvm use 版本号 可以切换到其他版本(ls目录中的版本)nvm use 8.16.03.安装其他版本可以使用 nvm install 版本号或者其他途径下载后将文件夹放到nvm目录下nvm install <版本号>4.nvm切换版本后node版本没有变化将当前版本的文件夹删掉之后nvm就能切换到想要的版本了...
2021-09-02 15:32:54
1743
原创 window10如何重命名系统用户文件夹
此文章用于帮助重命名系统文件夹有些软件在使用时会出现保存路径中不能有中文的情况，但又不便修改路径，而系统用户文件夹又是中文无法避开时想要重命名发现难以修改名字。这篇文章将详细介绍如何进行系统用户重命名。1. 首先进入管理员账户（Administrator）我的电脑->右击->管理->本地用户和组->用户->Administrator->右击->属性->将“账户已禁用”前面的√去掉，点击确定.操作完成之后就可以登录Admi...
2021-08-31 20:11:39
11364
4
原创 解决webpack、less和cordova安装后显示不是内部或外部命令
安装webpack、less和cordova后查看版本显示不是内部或外部命令找到安装webpack.cmd、less.cmd和cordova.cmd所在位置，我的在C:\Users\智凯旋\AppData\Roaming\npm（默认位置）
2021-08-31 19:19:10
412
空空如也
vscode默认终端为cmd，但选择文件在集成终端中打开时是powershell
2021-09-03
TA创建的收藏夹 TA关注的收藏夹
TA关注的人