![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端成长
文章平均质量分 68
小白酱的头号黑粉
所谓的光辉岁月,并不是以后闪耀的日子,而是无人问津时,你对梦想的偏执。
展开
-
前端无障碍适配
帮助一些视障群体使用手机,点击的热区会增加配合文字识别增加一些语音播报的功能,手机一般可以通过:设置—》辅助功能—》无障碍功能菜单 体验无障碍功能IOS:设置–》辅助功能----》旁白。原创 2023-02-24 11:28:50 · 558 阅读 · 0 评论 -
互联网寒冬下的面经总结
本科两年多前端开发经验,常用技术栈Vue+TypeScript。换工作的原因:想着趁自己还年轻,不能老是在一家公司混吃等死😂毕业之后没有再面试过,想去外面看看机会,合适就溜,不合适就接受一下社会的毒打认清自身的差距踏实的学习(其实这是最初真实的想法)!最终结果:通过了百度、字节、滴滴、58等岗位的面试。观前提醒:本篇文章仅为记录+分享,提及的问题都有自己粗略的总结,我把能凑合看的都加上了链接,但不保证其正确性而且肯定比较主观,所以希望大家带着质疑和自己的理解辩证的去看。原创 2022-12-22 23:52:44 · 3774 阅读 · 0 评论 -
面试三部曲:约面方式&心态调整&argue薪资
其实找工作跟菜市场卖白菜或者相亲找对象一个道理,首先你要保证你的白菜质量(前期的准备工作要做足,该背的八股要背,该刷的leetcode要刷),其次就是大声的吆喝(不要等着别人主动上门来问你价或者给你出价),最好让整个菜市场打算买菜的都知道你这里有白菜正在出售。类比找对象就是:舔一个人的时候你是舔狗(卑微、怯懦,她晚几分钟回你消息你都得担心半天她是不是还有其他备胎),舔一千个人的时候你就是海王(VX消息她爱回不回,其他人的消息你都回不过来,哪有功夫想她是怎么想的,狗头保命.jpg)原创 2022-12-22 23:41:08 · 606 阅读 · 1 评论 -
记录一次内存泄漏导致页面崩溃的排查过程
javaScript、Vue、VueRouter、vConsole、内存泄漏、性能监控、页面优化、问题排查原创 2022-08-17 17:53:30 · 1729 阅读 · 1 评论 -
canvas模拟实现高德地图的部分功能
星图(星星+星空)的拖拽、双指缩放、星星的反缩放、星星的动效及动效优化基本概念:画布、视窗(物理上的手机屏幕)、笔触原点(图片的左上角)画布的大小等于视窗的大小,但我们所有的操作都在手机屏幕上进行,即我们可以感知到的操作点都是视窗上的坐标点;但笔触所有的坐标点对应的都是画布的原点,所以需要将两者区别对待拖拽绘制过程:drawImage()、translate向左拖拽1px—>笔触原点坐标(-1,0)----->清空整个画布----->绘制并渲染----->视觉效果向左移原创 2022-01-09 13:07:45 · 1326 阅读 · 0 评论 -
防抖和节流-------这篇文章让你不再混淆!
防抖: 字面意思防止抖动假设场景:你的用户得了老年帕金森,手疯狂的抖动,现在他掏出手机要给别人汇款一百万,点一次汇款按钮就丢失一百万,那么聪明机智作为程序猿的你应该怎样合理避免用户的损失呢?答:设置一个合理的时间间隔(假设0.1s),在用户第一次点击上的时候获取到这个事件先不发送汇款的请求,假设用户在0.05s内时又点击了第二次,0.1s点第三次、0.15s点第四次并且手指离开了屏幕。(中间这个阶段可能是他的手指贴上了屏幕,但是在疯狂抖动,还没有离开屏幕)那么为了避免用户损失,第1、2、3次都不能算。当用原创 2021-10-27 21:02:04 · 131 阅读 · 0 评论 -
swiper 点击滑动功能属性
作为前端切图仔来说,swiper我们肯定都不陌生。但我们常用的都是它的滑动功能,我的设计稿如图设计希望实现的是既可以滑动切换,也可以点击切换。直接搜索没找到现成的答案,查阅文档后得知swiper为了防止触摸时误触跳转链接,所以把点击事件默认给禁止了。解决方案:你可以通过这个属性slideToClickedSlide: true,实现多个slide同时展示时的点击居中...原创 2021-09-10 11:53:38 · 1048 阅读 · 0 评论 -
clip-path:解决设置border-image后border-radius不生效问题
想使用css实现一个带圆角的渐变边框代码及结果如图:虽然设置了border-radius:10px但结果仍是直角,查阅文档后W3C给出的解释:A box's backgrounds, but not its border-image, are clipped to the appropriate curve (as determined by ‘background-clip’). Other effects that clip to the border or padding edge (such原创 2021-06-16 14:54:29 · 7744 阅读 · 13 评论 -
sublime Text3 Package Control安装包
今天使用sublime Text3 安装Package Control官网翻不翻都死活上不去,一查才发现就是上不去,所以我找了一个:链接: https://pan.baidu.com/s/1TIMNXi6SzKTCKOh3jomRsw 提取码: aigw 大家可以直接去拿,怎么安装相信大佬们都比我会,我的放到Installed Packages文件夹下后sublime提示需要修改一下文件的名...原创 2019-03-06 18:22:37 · 662 阅读 · 0 评论 -
css动画animation大杂烩
css动画//简写总和(常用)animation: myfirst 5s linear 2s infinite alternate;说明:myfirst(播放的@keyframes名称) 5s(动画播放时间) linear(速度曲线、从头到尾都相同) 2s(延迟2s播放) infinite(无限重复播放) alternate(动画在下一周期需要反向播放)//规定是否应该轮流反向播放动画Animation-direction:alternate; //奇数次正常播放(1、3、5…)偶原创 2020-11-25 11:29:19 · 305 阅读 · 0 评论 -
复制、粘贴就现在!!!
场景:小伙伴们是否遇到过这样的场景:快乐的coding过程中突然遇到了问题,费了九牛二虎之力终于从茫茫搜索结果中找到了你想要的一段代码,然而当我刚想ctr+c、v继续coding时,它却这样这样回绝我????这时的你是不是已经默默登录,或者乖乖的付费啦?听咱老李的,这就去跟旅长对线!观前提醒:本文篇幅较长,主要是记录整个问题的解决过程,如果只想看结果的话可以直接跳转至文末对线记录:Round one最初的想法:在粘贴的时候页面会弹出登录框,那么此页面一定是监听了我们的键盘事件,所以原创 2020-09-02 20:59:51 · 215 阅读 · 0 评论 -
css中的常用关键属性
牢记Html\Css\js才是前端的三大基石。多重视基础然后才去研究上层建筑(Vue、React、webpack)//css弹性布局display:flex; //父级元素设置flex可以调节子元素的位置*align-items:flex-start | flex-end | center | baseline(项目的第一行文字的基线对齐) | stretch(默认:如果项目未设置高度或设为auto,将占满整个容器的高度) //项目在交叉轴的对齐方式*justify-content:fl原创 2020-07-15 16:00:16 · 268 阅读 · 0 评论 -
element-ui table组件编辑后数据更新视图不更新
记录今天遇到的一个小bug使用el-table实现表格的增删改在这里我的表格数据源绑定的是rolesList,选中的当前行是role;我们将所需的信息打印出来可以看出我当前的数据已经更改,但我的视图信息并没有更改,查找解决方案后尝试了给表头增加一个row-key=“id”,确保每一行的id是唯一的,仍然不行。(这个建议大家先进行尝试)最终解决方案:发现是由于我的数据结构的问题,我是用的是数组,我通过this.role改变的只是数组指向的那个数据,但数组指向的地址并没有发生更改,也就是说数组本身原创 2020-06-01 21:20:19 · 7605 阅读 · 6 评论 -
element-ui tree组件在不弹框的情况下实现编辑、删除、添加功能
<template> <div class="container"> <div class="block"> <p>使用 scoped slot</p> <el-tree :data="data" node-key="id" default-expand-all @node-click="handleNodeClick" :expand-on-click-n原创 2020-05-25 21:22:21 · 691 阅读 · 0 评论 -
探究css画三角形问题
面试中被问到用css画个三角形,内心肯定美滋滋,最简单的方法:div { width: 0; height: 0; border: 40px solid; border-color: red deepskyblue yellow yellowgreen;}或者说我们还可以完善点div { width: 0; height: 0; ...原创 2019-09-12 23:55:22 · 118 阅读 · 0 评论 -
sublime text3 快速编写 HTML/CSS代码
转自:http://www.cnblogs.com/EnSnail/p/6294897.htmlEmmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生。它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度,比如下面的演示: &n...转载 2019-03-06 08:51:01 · 10585 阅读 · 0 评论