自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 用装饰器来优化前端权限控制

这里搬运一下ChatGPT对于装饰器的描述:在TypeScript中,装饰器(Decorators)是一种特殊的声明,它修饰的是类及其方法或者修饰属性的方法以及参数。装饰器提供了一种在编译时修改且运行时执行继承后类和类成员的能力,从而实现元编程(metaprogramming)的效果。装饰器使用了符号,紧接着是装饰器的名称,放置在被修饰的目标之前。装饰器可以是一个函数或一个类,它接收不同的参数,具体取决于装饰的目标类型。在TypeScript。

2023-10-31 16:28:05 236 1

转载 突然发现,前端好像没几个做到 CTO 的……

前端确实天花板比较低,不过那又咋样呢?最终能成为 VP 的人也没几个,如果你从小就就是天之骄子,目标是星辰大海,那你考上 985 的计算机系应该没什么问题,在校招的时候就果断选后端吧,确实有几率爬的更高点,但是付出相应的代价也是必要的(后端头发平均值明显低于前端)。否则,你就做个快乐的小前端,也比其他大多数职业过得舒服。作者:ssh_晨曦时梦见兮链接:https://juejin.cn/post/7261807670746513463。

2023-10-31 16:23:16 87 1

原创 Vue里使用Tailwind CSS,这不是耍流氓吗

另外再说一下。

2023-10-31 16:21:42 365 1

原创 前端又又出新框架,这次没有打包了

最近,前端开发领域又迎来了一个新框架——。它的独特之处在于,不依赖于现有的 nodes/npm/webpack 前端开发工作流程。与jQuery类似,只需引用一个脚本,您就能像使用React/Vue/Angular一样轻松地开发大型应用。

2023-10-31 16:18:52 77 1

原创 手把手教你打造一个“蚊香”式加载

这次给大家带来的是一个类似蚊香加载一样的效果,这个效果还是非常具有视觉欣赏性的,相比前几篇文章的CSS特效,这一次的会比较震撼一点。以上就是整个效果的实现过程了,通过设计的动画来实现这个蚊香式加载,整体还是比较简单的。大家可以去码上掘金看看完整代码,然后自己去尝试一下,如果有什么创新的地方或者遇到了什么问题欢迎在评论区告诉我~

2023-10-31 16:11:02 28 1

原创 前端怎么实现点九图?看这里

页面开发过程中经常会遇到用不规则图片当背景图,这个就会导致当容器宽度大于或小于图片宽度的时候图片会变形,这就需要用到“点9图”点9图,是Android开发中用到的一种特殊格式的图片,文件以“.9.png”命名,这种图片能告诉开发,图像哪一部分可以被拉伸,哪一部分不能被拉伸保持原有比例。这样能保证不规则图片不会因为拉伸变形。通常用于对话框和聊天气泡背景图片以及数据统计背景框。

2023-10-31 16:07:17 510 1

原创 为什么我不想再使用 element-plus?

我在 Vue 2 时代就在使用,到了 Vue 3 时代我将它的官方 Vue 3 版本作为我的首选 UI 库。我曾发布和两个包,方便将和unocss结合起来使用。我还给提过两个 PR和,提高了FormRules类型质量。一直都是我快速开发的好伙伴。但最近面对各种业务或奇葩或实际的需求,我发现有些地方不能很好地满足我的需要。

2023-10-31 16:03:00 171 1

原创 用了策略模式之后,再也不用写那么多 if else 了,真香!

从我个人理解来看,设计模式其实就藏在我们平时的代码中,只是有人把它们提、炼出来,赋予了一些专业的名词和定义,下面给大家介绍一个日常项目开发中非常实用的设计模式,也就是策略模式。定义一系列的算法,把它们一个个封装起来,并且使它们可以相互替换。简单来说就是有多种选择,然后一般只会选择一种。从代码的角度来说就是,定义一系列的if和elseif,然后只会命中其中一个。

2023-10-31 16:00:40 47 1

原创 10 个 GitHub 存储库,助你成为前端巨匠✨

这本手册已使超过 1,000,000 人受益,它使您免去了有时推荐的死记硬背练习竞争性编程问题的麻烦。该存储库具有实用的内容,涵盖了技术面试的所有阶段,从申请工作到通过面试再到报价谈判。如果您是那种遵循“每天解决一个问题,远离失业”的人,那么这对您来说是完美的回购协议。如果以上两句话中的任何一句话引起了您的共鸣,那么就不要再犹豫了。开发的各个方面,从基础知识到高级主题,从编码规范到面试准备,对于提高前端开发技能和知识非常有帮助。中实现各种数据结构和算法,从基本的排序和搜索到复杂的结构和算法,如动态编程。

2023-10-31 15:58:46 156 1

原创 前端实现蜂巢布局思路

这里可以以中心点为坐标原点[0,0],以[1,0], [1,1],[-1,1],[-1,0],[-1,-1],[1,-1]这种形式来表示第二圈在轴线上的六个六边形的中心点关系(这是一种形式,并非真实的坐标系坐标)。六条发散轴上的六边形中心点坐标是最容易计算的,不过要计算三圈及其开外的,就得有那么一点点的数学基础,知道sin60度cos60度的意思。至此,生成六边形中心坐标点的方法完成。进一步观察,可知,第三圈时两条发散的轴中间夹了一个六边形,第四圈时两条发散的轴中间夹了两个六边形,依次类推。

2023-10-31 15:55:12 358 1

原创 JS设计模式之组合模式:打造灵活高效的对象层次结构

JavaScript 组合模式是一种结构型设计模式,用于将对象组成树形结构,以表示"部分-整体"的层次结构。它允许在一个对象中嵌入其他对象,从而形成一个递归的组合结构。这使得用户可以统一地处理单个对象和组合对象,而无需关心对象的具体类型。通过本篇文章的学习,我们对 JavaScript 设计模式之组合模式进行了详细的解析和讨论。我们了解了组合模式的核心概念和原理,学习了如何使用组合模式来构建和操作对象的层次结构。然而,我们也要注意使用组合模式时可能遇到的一些问题和限制。

2023-10-26 18:59:11 159 1

原创 从GitHub火到头条!共计1339页的前端岗面试核心版,拿走不谢

2021年10月16日,我凭借一份《前端面试核心知识点》成功拿下了阿里、字节、小米等大厂的offer,两年的时间,为了完成我给自己立的flag(拿下一线互联网企业offer大满贯),即使在职也一直在不断的学习与备战面试中!不得不说程序员除了做项目之外,提升自己技能最快的方式就是,这里说的刷题不是无脑刷,而是要明白面试官为什么会问这个问题,以及这个问题的意义在哪里!今天带来的是2023全新升级的,这个版本里面不仅仅包含了面试题,还有更多的技术难点、等等,!相比上一个版本的287页,升级了多少内容可想而知。

2023-10-26 18:54:45 45 1

原创 2023年,前端岗最全面试攻略,吃透15个技术栈Offer拿到手软

我分享的这份秋招 Web前端开发面试总结包含了 JavaScript、CSS、ES6、Vue2、vue3、React、Node.JS、小程序、HTTP、Typescript、Webpack、Git、Linux、算法与数据结构、设计模式等 15 个专题技术点,都是小编在各个大厂总结出来的面试真题,已经有很多粉丝靠这份 PDF 拿下众多大厂的 offer,今天在这里总结分享给到大家!我今天分享的内容比较长,想要查看的朋友可以先看一下目录JavaScript面试题CSS面试题ES6面试题Vue2面试题。

2023-10-25 17:09:30 340 1

原创 面试官:你知道websocket的心跳机制吗?

第一种方式会对服务器造成很大的压力,因为即使WebSocket连接正常,也要定时发送心跳包,从而消耗服务器资源。WebSocket心跳机制是必要的,它可以使 WebSocket 连接保持长连接,避免断开连接的情况发生。同时,心跳机制也可以检查WebSocket连接的状态,及时处理异常情况。WebSocket心跳机制的原理是利用心跳包及时发送和接收数据,保证WebSocket长连接不被断开。:在建立长连接的时候开启心跳,通过和服务端发送信息,得到服务端给返回的信息,然后重置心跳,清楚时间,再重新开启心跳。

2023-10-19 15:32:30 274 1

原创 必须分享!让你体验极致舒适的Vue弹窗使用方案,Get起来!

如果你觉得如果如果大家有其他弹窗方案,欢迎留言交流哦!

2023-10-18 17:40:24 386 1

原创 项目提交按钮没防抖,差点影响了验收

一个运行了多年的ToB的项目,由于数据量越来越大,业务越来越复杂,也一直在迭代,今年的阶段性交付那几天,公司现场那边人员提出,某某某单据页面速度太慢了,点击会出现没反应的情况,然后就多点了几次,结果后面发现有的数据重复提交了,由于数据错误个别单据流程给弄不正常了,一些报表的数据统计也不对了,客户相关人员很不满意,马上该交付了,出这问题可还了得,项目款不按时给了,这责任谁都担不起🤣领导紧急组织相关技术人员开会分析原因。

2023-10-18 17:35:29 26 1

原创 对不起 localStorage,现在我爱上 localForage了!

存储量小:即使是web storage的存储量最大也只有 5M存取不方便:存入的内容会经过序列化,当存入非字符串的时候,取值的时候需要通过反序列化。当我们的存储量比较大的时候,我们一定会想到我们的 indexedDB,让我们在浏览器中也可以使用数据库这种形式来玩转本地化存储,然而 indexedDB 的使用是比较繁琐而复杂的,有一定的学习成本,但第三方库的出现几乎抹平了这个缺陷,让我们轻松无负担的在浏览器中使用indexedDB。截止今天,在 github 的 star 已经22.8k了,可以说和。

2023-10-18 17:31:44 36

原创 前端技术妙用——computed拦截v-model,面试官都夸我细

如何避免写出屎山,优雅的封装组件,在面试官面前大大加分,从这篇文章开始!

2023-10-18 17:29:52 397 3

原创 Docker化一个前端基础开发环境:简洁高效的选择

至此我们使用docker搭建了一个自定义的前端基础环境的镜像,且发布到了dockerhub私有仓库,现在可以在不同机器(电脑)、不同系统中拉取共享这个镜像,然后创建容器使用。从而达到了快速配置开发环境的目的。

2023-08-07 18:27:45 538

原创 JS 中创建对象的6种方式,7中实现继承方式

父对象中的成员,子对象无需重复创建,就可直接使用,就像使用自己的成员一样,this.属性名/方法名()。JS中继承都是通过原型对象实现的。

2023-08-07 18:23:02 62

空空如也

空空如也

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

TA关注的人

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