- 博客(103)
- 收藏
- 关注
RSS订阅原创 el-input怎样限制只能输入大于等于0的两位小数 并且其余符号不能输入
使用<el-input @input=“”> 这种方法需要先输入了 之后再做数据更改操作。根据需要不同的效果 选择不同的方法。这种方法是可以直接限制输入。
2024-05-16 14:53:31
73
原创 el-table支持多页的多选
在使用el-table自带多选时，会发现切页之后上一页的选择无法保持，但是在某些业务场景中，需要支持多页多选，记住之前的选择。
2024-02-20 17:51:08
571
原创 el-table调取后端接口排序 但是表格还自行排序一次的原因
如果用上方的方法写的话 会发现展示的表格内容有可能和后端返回的顺序不一样 这是因为el-table自带的排序又进行了一次排序。如果改为sortable=“true” 或者 sortable="custom"就会解决这个问题。在某些业务场景当中需要调取后端的接口进行排序。
2024-02-20 17:22:51
536
原创 CSS常用动画网站(纯css echarts等 建议经常阅读 积累素材)
CSS动画代码集合https://www.webhek.com/post/css3-animation-sniplet-collection/#/这个网站中将常见的css动画都进行了集合,并且有详细的代码,可以直接使用echarts图表https://www.isqqw.com/echarts也是前端常用的,虽然官方文档已经给出了很多的案例,但是有时候产品还是会提出来不一样的需求,可以在这里找找灵感炫酷CSShttps://uiverse.io/elements这里会有各种用css开
2024-02-03 23:09:22
939
原创 vue在main.js中引入三方插件不生效的原因
有的时候需要比较复杂的功能,但是自己实现比较复杂的话,可以引入第三方插件.如果这个第三方插件需要全局都使用的话,可以在main.js中进行引入. 比如router elementplus之类的., 否则这二者的引入会影响其余三方插件的正常使用。但是有的时候我们会发现明明我们。,这个产生的原因是因为。
2024-02-03 22:49:49
615
原创 vue3 markdown编辑器推荐（maven-editor & vditor & tiptap ）
最近项目需要用到markdown编辑器，使用了三种经过多次的踩坑之后。
2024-02-02 16:55:32
1278
原创 el-table @row-click影响复制以及el-table-column的点击事件
el-table-column的点击事件上的点击事件加上.stop @click.stop修饰符可以阻止事件继续向上传递，即停止事件冒泡的过程。只有当选中的内容为空的时候才执行row-click。在row-click的函数里面加一个内容判断。
2024-02-02 16:24:02
914
原创 输入框的透明度影响placeholder的透明度怎么解决
这样会发现placeholder的透明度也会被输入框的透明度影响。有一个需求是需要写如上图所示的输入框。首先想到的是调整输入的透明度。
2023-12-09 11:22:27
164
原创 HarmonyOS开发上手
> 1. 基础入门内容介绍> 2. 安装DevEco Studio> 3. DevEco Studio常用功能介绍> 4. 项目工程结构详解
2023-12-04 17:27:38
501
原创 详解获取url各个部分的方法
window.location.protocol：获取或设置 URL 的协议部分（例如，http:、https:）。window.location.hash：获取或设置 URL 的片段标识符部分（以 # 开头的锚点部分）。window.location.hostname：获取或设置 URL 的主机名部分（不包括端口号）。window.location.host：获取或设置 URL 的主机部分（包括域名和端口号）。window.location.port：获取或设置 URL 的端口号部分。
2023-12-02 14:26:03
620
原创 一篇文章搞懂前端路由（history和hash路由 以及如何在单页面应用中使用）
在传统的多页面应用中，每个页面都是一个独立的HTML文件，点击链接或进行导航时，浏览器会重新加载整个页面，包括页面的布局、样式和脚本等。这通常需要服务器端处理，并会导致页面的刷新和重新渲染。而在单页面应用中，初始页面的加载只发生一次。通过JavaScript等技术实现动态交互，在用户与应用程序交互时，只更新页面的部分内容，而不用重新加载整个页面。这使得单页面应用更加快速、响应迅速，并提供了更好的用户体验。单页面应用通常使用前端框架（如React、Angular、Vue等）来管理路由和状态。
2023-11-01 10:53:33
197
原创 浏览器只支持最小font-size:12px，如果需要更小的字体怎么办，空间是否会收到影响
transform 的所有属性都不改变页面元素的布局。就有可能遇到缩小了之后，原来的文字偏移的问题。如果不想要元素占用空间就可以使用zoom 相应的盒模型空间也会缩小。
2023-10-26 14:39:47
91
原创 CSS滚动条详解(::-webkit-scrollbar )
:-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头)，允许通过点击微调小方块的位置.::-webkit-resizer — 某些元素的corner部分的部分样式(例:textarea的可拖动按钮).::-webkit-scrollbar-corner — 当同时有垂直滚动条和水平滚动条时交汇的部分.::-webkit-scrollbar-track-piece — 滚动条没有滑块的轨道部分.::-webkit-scrollbar-thumb — 滚动条上的滚动滑块.
2023-09-22 09:09:37
4207
1
原创 postcss详解以及常用方法
其实，Autoprefixer 正是 postcss 众多插件中的一款，postcss 提供的简洁明了API，并且文档十分详细，这为其生态建设提供了有力的支撑。预处理指的是通过特殊的规则，将非 css 文本格式最终生成 css 文件，而 postcss 则是对 CSS 进行处理，最终生成CSS。postcss 既不是 预处理器也不是 后处理器，其功能比较广泛，而且重要的一点是，postcss可以和less/sass结合使用。使用下个版本的css语法【关于语法另一篇文章会单独讲】前缀补全，全自动的。
2023-05-16 09:53:51
1046
1
原创 overflow:scroll组件添加内容后自动滚动到元素的底部
当一个元素设定胃overflow:scroll，超出的部分需要滚动查看，当内容有增加后，为了体验更好，滚动到底部会更好。
2023-05-10 15:44:02
848
原创 ios click事件踩坑（低版本ios点击无反应）
出现上述点击事件失效的问题，让我们不得不体会到标签语义化的重要性，于是这里建议大家写代码时，【目标元素】多用a或者button可点击的标签，【代理元素】多用非document，body父级元素。3、【代理元素】可以是【目标元素】的父级元素，document，body等，【目标元素】可以是任意标签，但是要设置cursor: pointer;1、【代理元素】可以是【目标元素】的父级元素，document，body等，但【目标元素】必须为a或者button可点击的标签。
2023-04-13 10:11:58
1017
原创 移动端h5页面自适应
手机浏览器是把页面放在一个虚拟的"窗口"（viewport）中，通常这个虚拟的"窗口"（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。在做h5项目的时候，不同的手机型号和屏幕的大小，有时候会产生不同的效果，但是也不能为了每一个手机重新写一个代码，所以在编写整个项目之前，可以做一些处理，让页面可以根据不同的型号进行屏幕的自适应。方法一：meta viewport。方法三：@media。
2023-01-30 15:09:30
2628
原创 前端灰度发布（定义 优点 原理 方式）
1. 什么是灰度发布？灰度发布，又被称之为金丝雀发布，是指某次新发布功能特性和旧功能特性之间能够以平滑过渡的方式呈现给用户，就像金丝雀的羽毛一样多种颜色平滑渐变。举个例子，某个已上线处于运行中的系统需要一次新的功能迭代，但是由于功能变动较大，所以发布需要考虑用户的使用反馈以及代码可能存在一些未知的异常，这时候则需要将新的功能逐步地一批一批的推送给用户。在这个逐步放量的过程中，可以根据用户接受度（用户投诉多不多）和观察本次功能是否存在上线前未发现的异常，来决定是否继续发布推送新功能，如果新功能反馈较差
2023-01-30 14:16:36
1128
原创 怎样禁止app端h5缩放（ios 安卓都适用）
在app端嵌入h5页面的时候，原生的select组件在选择时会自动缩放页面，在选中之后不会复原，为了解决这个问题，我就禁止了h5的缩放
2022-12-07 19:42:44
590
原创 详解CSS层叠上下文（解析z-index不生效的原因）
（1） html中的根元素本身就是层叠上下文，成为根层叠上下文（2）position属性为非static值并设置z-index属性为具体数值（3）一些CSS3属性也能产生层叠上下文
2022-12-07 17:44:36
1146
原创 前端开发中的优化方法总结（持续更新中）
工作了一段时间之后，发现不是完成一个功能能用就可以的，还需要考虑用户体验的问题。下面我会总结一些开发中常用的优化方法 还有一些比较好的文章，欢迎补充。这篇文章是从比较宏观的维度进行一个分析，可以浏览一下前端如何提升To B产品用户体验
2022-12-07 17:31:40
228
原创 前端开发中的缓存问题
比如说前端更新了代码，单独的h5页面还好，如果说是vue或者react项目打包出来新的js css文件，更新上线之后，有的用户可能存在缓存，还是之前的页面，就会存在白屏找不到之前页面的情况，说动清除缓存之后就可以。有时候浏览器或者手机app会将网页或者app中的数据进行缓存，可以很大程度上做到优化，比如说网络比较卡的时候，如果有缓存的数据，就可以优化用户的体验。但是缓存也会带来一些问题。
2022-10-18 16:38:43
872
原创 不要小看get post的区别
而对于POST，浏览器先发送header，服务器响应100 continue，浏览器再发送data，服务器响应200 ok（返回数据）。GET请求在url中传递的参数是有长度限制的(在HTTP协议中并没有对URL的长度进行限制，限制是特定的浏览器以及服务器对他的限制，不同浏览器限制的长度不同。)，POST对长度没有限制。GET请求比POST请求更不安全，因为参数直接暴露在URL中，所以，GET请求不能用来传递敏感信息。GET请求参数会完整的保留在浏览器的历史记录中，POST请求的参数不会保留。
2022-10-18 14:51:51
850
原创 ios的时间问题（出现nan 但是安卓正常显示）
对于00:00:00和24:00:00这两个时间临界值, ios会转成NAN。时间格式为YYYY/MM，在iOS 用new Date转化之后也会变成NAN。将日期补全后可以成功。
2022-10-17 14:37:49
324
原创 vue3 setup语法糖下的定时器的使用与销毁
如果在组件中需要使用定时器，注意在销毁组件的时候，要对定时器进行销毁，否则时间长了会导致页面卡顿。
2022-08-16 13:59:45
8210
原创 前端面试JS自检（一）数据类型 先看问题 自己自述一遍 不会再看答案 ）
推荐大家的使用本篇文章的方式：先看问题自己会不会，如果会的话，要自己说一遍，组织好语言。一. 数据类型1. JS数据类型的种类总共7钟。Undefined 未定义表示变量不含有任何值，是未定义的状态。NULL 空Boolean 布尔值Number 数字String 字符串Object 对象分三个子类型 object、array、functionSymbol 符号 （es6新加）类型：分为两种，基本数据类型（number boolean str.
2022-06-14 21:37:31
132
原创 前端面试CSS自检（上）CSS基础（先看问题 自己自述一遍 不会再看答案 ）
推荐大家的使用本篇文章的方式：先看问题自己会不会，如果会的话，要自己说一遍，组织好语言。
2022-06-02 09:22:44
300
原创 前端面试html自检（先看问题 自己自述一遍 不会再看答案 ）
推荐大家的使用本篇文章的方式，先看问题自己会不会，如果会的话，要自己说一遍，组织好语言。
2022-05-26 22:03:37
634
原创 前端图片格式详解
图片格式：jpg（jpeg）支持的颜色比较丰富，不支持透明效果，不支持动图一般用来显示照片gif支持的颜色比较少，支持简单透明。支持动图颜色单一的图片，动图png支持的颜色丰富，支持复杂透明，不支持动图颜色丰富，复杂透明图片，专为网页而生webp是谷歌推出的专门用来表示网页中图片的一种格式具备其他图片格式的所有优点，而且文件还特别的小缺点：兼容性不好base64将图片使用base64，这样可以将图片转换为字符，通过字符的形式来引入图片一般都是一些需要和网页
2022-04-01 10:49:39
296
原创 Vue2 + Vue3学习笔记（十二）生命周期以及常见的面试题
上面的图片是官网给出的生命周期流程图，流程图可以分为三个部分——挂载、更新和销毁。
2022-01-02 14:37:00
395
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人