自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

转载 强烈安利几个高质量前端大佬!

现在的前端公众号也挺多的,这里推荐几个大厂前端大佬运营的公众号,都是聚焦前端垂直领域的优质公众号,关注这些公众号至少可以:1、了解现在前端技术发展情况和未来发展趋势,把握学习方向。2、结交前端圈内朋友,让自己融入到更积极的技术氛围,促进自己的技术提升。不多说,快来关注这些大佬吧。程序员成长指北考拉????妹子,有趣且乐于分享!目前就职于某知名外企,负责部门中台搭建以及低代码平台扩展能力。她主要 Node...

2023-12-02 15:33:08 3

转载 汇总2023必看的经典Vue3经典题目

本文推荐最近在考虑新机会的小伙伴阅读!前言上周和部门BP聊天,她说最近在boss上放出一个初级前端岗位,平均每天都能收到500多份简历。前端市场越来越卷,跳槽前做好技术进阶突击,才能稳拿offer。资料内容展示三个维度:资料框架+八股文+Vue3面试题+算法题部分资料逻辑框架八股文面试必备的八股文,整理的超级全。结合了2023年最新的面试动向,精准拿捏今年的前端面试!Vue3相关面试题总结重...

2023-11-30 10:20:18 4

转载 最近,前端岗位爆了

正文前段时间,掘金热帖《放心,前端死不了》在前端圈疯传。百度前端大佬表明:“前端技术是依托于互联网行业的,只要行业还在,它就会有用武之地,就会有价值。”总的来说,技能跟上发展,前端就不会死。谁掌握得更深、应用得更好,谁就更容易脱颖而出。为此,我特意与几位大厂前端技术专家,一起整理出了一套非常实用的——《2023前端开发进阶秘籍》,其中包含了前端必备八股文、超火Vue3面试题、前端卷王算法题和大厂高...

2023-11-27 10:20:52 14

转载 前端实现B站首页动态banner

看B站这个动画banner好几个版本了,不知道是一个月更新一次新版动画,还是多少天更新一次(没有天天去看,但估算是一月更新一版UI,以后注意观察)。刚看到的时候很感兴趣,不像视频素材或者gif素材,就放一个视频上去,或者放一个动态画上去,这个是根据鼠标动而一个小范围地有规律有弧度地动,很少看过。只是看过一些比如视觉差的类似这样的根据鼠标动而动的动画,举例说明:1、先前的github404动画图片层...

2023-11-25 23:27:31 23

转载 27岁的前端,从二本run到澳洲的故事分享

作者:chrisasdevhttps://zhuanlan.zhihu.com/p/662438328前言转眼在悉尼已经206天了,也算是跟大家走了一条不太一样的道路,想还是写下一点东西。为自己作记录,也可以让大家在摸鱼之际看看不太一样的故事。长文预警,或许有点碎碎念,可以根据目录酌情跳转。大学的故事我的大学在成都的一个二本院校读的计算机专业,算不上好,但也没那么坏。通宵跟室友开过黑,后来上了钻石...

2023-11-23 00:41:25 19

转载 45k*15薪,字节 offer 拿下!

前言有位粉丝小姐姐经历了三个月的空窗期,在上周拿下了字节的offer。在面试的这段时间,她整理了一套《大厂offer笔记》,内含基础八股文、大厂高频面试题、Vue3专题面试题。看了一眼,真的是好东西,对跳槽和技术进阶都有很大帮助!赶紧给大家分享一波,着急的朋友可以先扫码下载笔记内容整套笔记分为三大板块:八股文+大厂真实面试题库+Vue3面试专题1八股文 |基础必备整套资料内容包括了Html、C...

2023-11-22 10:20:10 22

转载 ChatGPT 之父奥特曼被开除!

一觉醒来,人工智能领域已经翻了天。明星创业公司OpenAI表示开除了CEO Sam Altman,并表示是因为“其对董事会撒谎”。作为OpenAI和ChatGPT一年多以来的标志性人物,Sam Altman也在X(前Twitter)上回应了这个消息——网友还做出了Sam离职的图片——有网友说:“谁说AI不会让人失业的,现在世界最大AI公司的CEO都失业了…”除了Sam,董事长Greg Brockm...

2023-11-18 20:36:18 16

转载 想成为优秀前端,你需要知道这些!(基本素养、代码规范、开发技巧)

前端开发工程师分了好多级别,所谓级别的差异,无非就是专业技能、思想素养、经验技巧这几个方面的差异,修炼成大神的路上,这三门功夫缺一不可。「基础能力决定了你的下限,思想素养决定了你的上限,而经验技巧则影响着你整个程序猿生涯的体验。」具体来说:专业技能专业技能就是你对主攻技术栈的掌握情况,如前端的一系列技术,JavaScript、HTML、CSS、Node、Vue等等,掌握这些基本技术,能够确保你可以...

2023-11-16 23:20:02 40

转载 Vue 可编辑表格:让数据编辑更舒适自如

作者:youth君https://juejin.cn/post/7242140832379584567使用ElementPlus的Table啥都好,就是没有可编辑表格!!!????既然UI库不支持,那我们实现一个可编辑表格是很难的事么?????难么?????不难么?...个人觉得如果是业务固定的可编辑表格,使用ElementPlus实现都不难。但是如果需要的是一个通用的可编辑表格,这好像还真说不好。对于通用的可编辑...

2023-11-15 21:09:42 28

转载 推荐几个不错的前端朋友~

前端技术日新月异,发展迅速,作为一个与时俱进的前端工程师,需要不断的学习。这里强烈推荐几个前端开发工程师必备的优质公众号,希望对你有所帮助。大家可以像我一样,利用碎片时间阅读这些公众号的文章。前端充电宝作者 CUGGZ,掘金LV8,全网阅读量800w+。写了25w+字前端面试题专栏,帮助很多小伙伴跳槽涨薪(后台回复“面试题”获取)!专注于分享最新前端最新资讯、前端进阶知识,实用前端工具,公众号只...

2023-11-14 13:30:47 22

转载 基于 vue3+threejs 实现可视化大屏

作者:蝴蝶刀砍手大师https://juejin.cn/post/7235906062301085757前言Three.js是一款基于原生WebGL封装通用Web 3D引擎,在小游戏、产品展示、物联网、数字孪生、智慧城市园区、机械、建筑、全景看房、GIS等各个领域基本上都有three.js的身影。本文需要对 threejs 的一些基本概念和 api 有一定了解。如果对 threejs 这部分还不了...

2023-11-12 10:11:57 82

转载 用CSS+SVG做一个优雅的环形进度条

前言先上最终效果图:其中进度、尺寸、环宽和颜色都可以非常方便地进行控制。核心原理:利用两个重叠的圆环形,通过对上层圆环弧长的控制来表示进度,下层圆环则作为辅助,呈现环形进度条剩余的部分。核心知识点:•SVG circlestroke-dasharray•弧长公式l = πrα/180°•CSS 变量•CSS 计数器下面分享下具体实现过程。实现环形要实现环形,有多种技术可供选择,包括 C...

2023-11-11 16:47:44 59

转载 ECMAScript 2023:为JavaScript带来新的数组复制方法

整理 | 丁晓昀、核子可乐 ECMAScript 2023 规范最近已经定稿,其中提出的 Array 对象新方法将为 JavaScript 带来更好的可预测性和可维护性。toSorted、toReversed、toSpliced 和 with 方法允许用户在不更改数据的情况下对数据执行操作,实质是先制造副本再更改该副本。 变异与副作用 Array 对象总是有点自我分裂。sort、revers...

2023-11-11 16:47:44 21

转载 系统性学习权限设计方案

大家好:常见的,在项目实际开发中我们不光要控制一个用户能访问哪些资源,还需要控制用户只能访问资源中的某部分数据。这就是所谓的数据权限。典型的如列表数据权限,主要通过数据权限控制行数据,让不同的人有不同的查看数据规则。行业背景在互联网系统中,权限一般分为功能权限和数据权限,功能权限比较常见,因为通用性和复用性,业内有很多的通用框架和设计。但对应数据权限来说,由于数据权限强依赖客户组织架构和具体业务的...

2023-11-09 13:30:09 18

转载 前端出现率高的设计模式总结

前言说到设计模式,大家想到的就是六大原则,23种模式。这么多模式,并非都要记住,但作为前端开发,对于前端出现率高的设计模式还是有必要了解并掌握的,浅浅掌握9种模式后,整理了这份文章。那么,我们先了解六大原则六大原则:依赖倒置原则(Dependence Inversion Principle):高层(业务层)不应该直接调用底层(基础层)模块开闭原则(Open Close Principle):单模块...

2023-11-09 13:30:09 13

转载 这篇手写 Promise 面试前一定要康康!

作者:deepfunchttps://juejin.cn/post/7085298532365631501最近重温了一下 Q/Promise[1] 的设计讲解,结合自己的理解和一些小优化,决定也来写一篇手写 Promise 的文章。本文的内容适合对 Promise 的使用有一定了解的童鞋,因为过程中不会过多解释 Promise 的基础操作。我们从一个基础版本开始,渐进式地完成这个 Promise,...

2023-11-06 21:42:41 23

转载 jQuery 还在开发,4.0马上完成!

转自:OSC开源社区(ID:oschina2013)根据 jQuery 的 GitHub 里程碑状态,其 4.0.0 版本的开发进度已完成 99%。https://github.com/jquery/jquery/milestone/7可以看到,目前待处理的 issue 仅剩一个,其内容是升级与 ESLint 相关的软件包,以及修复 linting 错误。已经处理完毕的 issue 共计 163 ...

2023-11-05 23:25:27 49

转载 Vue3 终于崛起了!

本文推荐最近在考虑新机会的小伙伴阅读!前言上周和部门BP聊天,她说最近在boss上放出一个初级前端岗位,平均每天都能收到500多份简历。前端市场越来越卷,跳槽前做好技术进阶突击,才能稳拿offer。资料内容展示三个维度:资料框架+八股文+Vue3面试题+算法题部分资料逻辑框架八股文面试必备的八股文,整理的超级全。结合了2023年最新的面试动向,精准拿捏今年的前端面试!Vue3相关面试题总结重...

2023-11-03 10:20:13 26

转载 不要再滥用可选链运算符(?.)啦!

之前整理过整理下最近做的产品里 比较典型的代码规范问题,里面有一个关于可选链运算符(?.)的规范,当时只是提了一下,今天详细说下想法,欢迎大佬参与讨论。可选链运算符(?.),大家都很熟悉了,直接看个例子:constresult=obj?.a?.b?.c?.d很简单例子,上面代码?前面的属性如果是空值(null或undefined),则result值是undefined,反之如果都不是空值,...

2023-11-02 23:54:38 26

转载 详解前端领域的插件式设计

插件,是一个常见的概念。例如,当我们需要把我们前端代码中的 css 样式提取打包,我们可以用 webpack 的 mini-css-extract-plugin,或者你如果用 rollup 的话,可以选择 rollup-plugin-postcss。再比如我们可以给 babel 配置 @babel/plugin-proposal-decorators 插件来支持装饰器语法;除了上述打包编译相关的工...

2023-11-01 19:39:13 29

转载 NestJS装饰器

最近用nestjs做了一个前后端的全栈项目,在nestjs中看到的装饰器无处不在,今天主要回顾下关于装饰器的那些事本文主要会从以下几点认识装饰器装饰器是什么,它解决了什么样的问题装饰器如何作用在类上装饰器在类、方法、属性、形参上有什么区别什么是装饰器在decorator[1]中有讲到,装饰器是一种函数,增强JS类的能力,它可以装饰函数,装饰属性,或者装饰类。是通过@fn方式来装饰的。在使用之前,我...

2023-11-01 19:39:13 23

转载 写给高级前端的 Nginx 知识,一网打尽!!

流群引言一、性能怪兽-Nginx概念深入浅出二、Nginx环境搭建三、Nginx反向代理-负载均衡四、Nginx动静分离五、Nginx资源压缩六、Nginx缓冲区七、Nginx缓存机制八、Nginx实现IP黑白名单九、Nginx跨域配置十、Nginx防盗链设计十一、Nginx大文件传输配置十二、Nginx配置SLL证书十三、Nginx的高可用十四、Nginx性能优化十五、放在最后的结尾引言早期的...

2023-10-29 16:59:29 33

转载 复盘前端岗位现状之后 ,有点想开了

正文前段时间,掘金热帖《放心,前端死不了》在前端圈疯传。百度前端大佬表明:“前端技术是依托于互联网行业的,只要行业还在,它就会有用武之地,就会有价值。”总的来说,技能跟上发展,前端就不会死。谁掌握得更深、应用得更好,谁就更容易脱颖而出。为此,我特意与几位大厂前端技术专家,一起整理出了一套非常实用的——《2023前端开发进阶秘籍》,其中包含了前端必备八股文、超火Vue3面试题、前端卷王算法题和大厂高...

2023-10-27 10:20:12 20

转载 大厂为啥都要用Node去写中间层(BFF)呢?

作者:漂流瓶jzhttps://juejin.cn/post/7240404579133128760BFF是一种Web架构,全名为Backends For Frontends,即为服务于前端的后端。这个词来源于Sam Newman的一篇文章:Pattern: Backends For Frontends[1]。BFF一般指的是在前端与后端之间加增加一个中间层。为什么要在前端和后端之间增加一个BFF...

2023-10-25 23:39:12 24

转载 前端程序员是怎么做物联网开发的

关于文本,作者:德莱厄斯链接:https://juejin.cn/post/7203180003471081531image-20230104162825029上图是我历时一周做的在线的温湿度可视化项目,可以查看截至目前往前一天的温度、湿度变化趋势,并且实时更新当前温湿度概述和基础讲解该项目用到的技术有:前端:jq、less、echarts、mqtt.js后端:eggjs、egg-emqtt数据...

2023-10-22 23:13:47 41

转载 搞懂时间分片渲染!

作者:Jolyne_https://juejin.cn/post/7282756858174980132在经典的面试题中:”如果后端返回了十万条数据要你插入到页面中,你会怎么处理?”除了像 useVirtualList 这样的虚拟列表来处理外,我们还可以通过 时间分片 来处理通过 setTimeout直接上一个例子:<!--*@Author:Jolyne*@Date:202...

2023-10-18 22:59:09 42

转载 我,前端,不想卷技术了……卷下整洁架构

对于每个软件系统,我们都可以通过行为和架构两个维度来体现它的实际价值。行为是指系统实现的功能特性,一般是比较紧急的,需要按时上线。架构就是指系统架构,是重要的,但是并不总是特别紧急。因此导致我们常常忽视系统的架构价值,使得系统越来越难于理解、修改,导致系统功能迭代成本逐步上升,生产力逐步下降。如果你遇到了这个问题,就应该要了解架构了,思考当前系统架构是否合理。那什么是架构呢?架构的本质就是控制系统...

2023-10-16 13:34:15 25

转载 什么!一个项目给了8个字体包???

????遇到的问题在一个新项目中,设计统一了项目中所有的字体,并提供了字体包。在项目中需要按需引入这些字体包。首先,字体包的使用分为了以下几种情况:无特殊要求的语言使用字体A,阿拉伯语言使用字体B;加粗、中等、常规、偏细四种样式,AB两种字体分别对应使用 Bold 、 Medium 、 Regular 、 Thin 四种字体包;所以,我现在桌面上摆着 8 个字体包:A-Bold.tffA-Medium...

2023-10-16 13:34:15 36

转载 vue 项目你一定会用到的性能优化!

作者:好学习吧丶https://juejin.cn/post/7089241058508275725提起性能优化 很多人眼前浮现的面试经验是不是历历在目呢?反正,性能优化在我看来他永远是前端领域的热度之王。最近维护的项目恰巧在这个方向下了很大功夫,一些经验之谈奉上,希望对大家有些许帮助!性能优化标准既然说性能优化,那他总得有一个公认的标准,这就是我们很多次听到的Lighthouse在很多单位,都有...

2023-10-15 23:20:50 25

转载 前端架构思考,Vue or React?领域设计、文件结构、数据管理、主题替换

作者:Lyndonhttps://juejin.cn/post/7205882710332620857从 Vue 和 React 看问题Vue 的优势内置的 vite 构建工具,减少构建时间,提高开发效率,在大工程上特别明显结构、样式、功能分开的设计,再通过 setup 做 crud 的分隔,整个页面维度的逻辑会特别清晰在路由和数据管理上有官方的解决方案,可以完全没有选择的压力????框架本身做了很多的...

2023-10-11 23:33:21 34

转载 终于等到!3个超强的 Vue 项目开源了!

从目前的一线面试经验来看:八股文跟吃饭一样已经麻了,而项目题、场景题才是面试官考察的重点和加分项。正好我之前整理过一份全网爆火且值得学习的前端实战资料,这里无偿分享出来以便大家突击提升技术。另外还有前端必备基础资料,可帮助大家实战+理论双重结合,快速提升前端岗位战斗力!前端实战项目源码模拟网易云(Vue框架)模拟网易云(React框架)Vue模拟掘金社区鉴于Github经常抽风,所以我把全部源码都...

2023-10-10 10:20:18 126

转载 Angular 重磅回归?

作者:LoraineLawson译者:InfoQ —张乐Angular 正在复兴。Angular 是一个由 Google 和社区共同领导的开源 Web 应用框架。在设计上,Angular 是 AngularJS 的完全重写,由 AngularJS 的同一个开发团队负责。去年 1 月,Angular 团队宣布对 AngularJS 的长期支持正式停止,团队已经将全部精力放到了开发新的功能上。该团...

2023-10-08 23:39:23 30

转载 一步步从 CSS Modules 切换到 Tailwind CSS

作者:SSSShttps://juejin.cn/post/7237425753612288055关于 Tailwind CSS现在再提 tailwind css 也不是什么比较新鲜的事情了,已经有很多介绍的文章了,到目前来说,应该有不少新项目开始尝试使用它来开发样式了。比如说,next.js 的 cli 已经用 tailwind css 替代 css modules 了:很早的时候其实就想接入 ...

2023-10-06 21:22:50 37

转载 来公司半年了,我做了哪些优化,能让老板对我刮目相看~

作者:掘金—苏州意大利炮https://juejin.cn/post/7233046023243907128背景去年7月入职了现在的公司。记录一下在公司做的前端代码优化,如果你也遇到了同样的问题,希望可以帮助到你,或者可以在评论区进行交流。搭建私服背景我入职公司的时候后端已经有了私服,前端是没有私服.前端有一个业务组件库,将使用频率高的组件写到了一个gitLab的仓库中,当需要有新功能或者bug修...

2023-09-29 10:05:19 30

转载 这些天,我们前端组一起处理的项目优化点

前言很早一段时间,我们前端组做了一些国外系统的小优化(集中表现在代码执行速度,系统安全等方面),故新建一篇文章来记录这次优化的经历。如果本文对您有帮助,烦请大家一键三连哦,蟹蟹大家~1. 减小文件体积/网络请求方法一:删除需要预先加载和预先获取的资源,一般使用这种方法link标签中的preload和prefetch:preload插件用于预加载资源。即在当前页面加载完成后,立即加载并缓存指定的...

2023-09-26 23:51:06 62

转载 前端最能打的本地存储方案

前言之前开发了一个离线存储的需求,需要在本地存储较大的数据量,并且还要考虑到多种场景下的存储方式兼容。产品的原话就是“要又大又全”。既然存储量大,也要覆盖全多种设备多种浏览器。方案选择既然要存储的数量大,得排除cookielocalStorage,虽然比cookie多,但是同样有上限(5M)左右,备选websql 使用简单,存储量大,兼容性差,备选indexDB api多且繁琐,存储量大、高版本浏...

2023-09-24 16:39:03 39

转载 我用低代码结合ChatGPT开发,每天多出1小时摸鱼

????腾小云导读GPT 出现之后,很多人推测大量的软件都会因为其出现而重写。本文主要是低代码平台与 ChatGPT 结合的一些思考以及实践。期望与各位读者一起搭上 AI 这列快车,为开发提提速~????目录1背景2 Demo 演示3 思路3.1ChatGPT+代码生成工具结合模式3.2 ChatGPT 代码生成现状3.3现阶段可行的思路 3.4案例4 设计实现 4...

2023-09-24 16:39:03 63

转载 你应该知道的 Python 自动化脚本

我们都有一些需要重复做的任务。幸运的是,我们可以将其中一些过程自动化,这样我们就可以专注于做其他真正需要精力和注意力的事情。在这篇文章中,我们将谈论一些 Python 自动化脚本,你可以轻松地用它们来执行自动化任务。重要的是要明白,它们都是现成的代码,可以帮助我们处理许多日常的重复性任务。我强烈建议你在继续学习本文之前,先对 Python 编程语言有一些了解。可以开始了吗?如何使 Python 校...

2023-09-23 20:42:10 36

转载 关于前端低代码平台你需要知道的

2022,低代码彻底火了,甚至火到没有点相关经验,都不好意思出去面试的程度,堪称lowcode“元年”。在整个互联网大裁员的背景下,无论你是否相信它是降本提效的利器,彷佛都不重要了。因为行业趋势总是这般浩浩荡荡,是不以个人意志为转移的。从下图某技术峰会的分享主题中就可见一斑。image.png刚好笔者最近正在开发一个B端低代码的平台。所以,想把这段时间的感悟整理一下与大家分享一些。不过,开头先声明...

2023-09-20 23:51:27 48

转载 如何写一个属于自己的Vue3组件库

环境搭建目前流行的组件库搭建方式都是使用monorepo的方式,好处很多,可以在一个代码仓库中管理多个项目,可以达到项目之间的资源共享。这里也是使用这种方式。以 pnpm 构建 monorepo首先全局安装pnpmnpminstallpnpm-g复制代码pnpm初始化pnpminit复制代码得到package.json的初始内容后删除 package.json 中的 name ,添...

2023-09-19 22:19:44 26

空空如也

空空如也

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

TA关注的人

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