- 博客(287)
- 收藏
- 关注
RSS订阅原创 面试官：如何实现大文件切片上传？
worker引入脚本或三方库可以使用，但是我没弄成功，一使用就会报错，，如果你们弄出来了，或者知道为什么，可以在下面留言~
2024-06-05 18:18:59
334
原创 作为前端开发，感受下 nginx 带来的魅力！
虽然前端人员可能不经常直接操作 Nginx，但了解其基本概念和简单的配置操作是必要的。这样，在需要自行配置 Nginx 的情况下，前端人员能够知晓如何进行基本的设置和调整。
2024-05-21 19:00:35
801
原创 创业一年 | 一名普通前端的血泪史
年初我裸辞创业了，跟一个朋友一起合伙做项目，我主要还是做技术部分，开发一个回收类的项目也是第一次创业，虽然听过很多道理，自己经历过又是另外一回事我们的项目经历过高峰，现在算是谷底，基本的情况基本就是在苦苦挣扎这篇文章我会把我所经历的过程讲述出来，在最后也会总结一些创业过程的一些经验和避坑指南希望对你有所帮助我是一名快35岁的前端码农，离职前是在银行做的外包开发。2014年开始从事开发，不过刚开始是做的iOS开发，后来又转了web前端开发。
2024-05-20 19:07:28
628
1
原创 我去！竟然还能这样高效地操作 JSON 对象！
JSON Pointer是一种简单而强大的方法，用于定位 JSON（JavaScript Object Notation）文档中特定值。它通过使用斜杠分隔符来指示 JSON 对象的层级结构，以确切地标识所需值的位置。
2024-05-15 19:32:06
331
原创 不要再写满屏import导入啦！
导致import占满全屏的原因有很多。但不用模块重导、require.context、import动态导入、webpack.ProvidePlugin等手段，一定会让我们写出满屏的import😂🤣😅😇。只有想不到的，没有做不到的。只要你想、相信就一定能如愿以偿。
2024-05-10 19:59:32
706
原创 聊天框 - 微信加载历史数据的效果原来这样实现的
我记得2021年的时候做过聊天功能，那时业务也只限微信小程序那时候的心路历程是：❝卧槽，让我写一个聊天功能这么高大上？？嗯？这么简单，不就画画页面来个轮询吗，加个websocket也还行吧然后，卧槽？这查看历史聊天记录什么鬼，页面闪一下不太好啊，真的能做到微信的那种效果吗❞然后一堆调研加测试，总算在小程序中查看历史记录没那么鬼畜了，但是总是感觉不是最佳解决方案。❝那时打出的子弹，一直等到现在击中了我❞最近又回想到了这个痛点，于是网上想看看有没有大佬发解决方案，结果还真被我找到了。
2024-05-09 19:32:51
502
原创 js如何控制一次只加载一张图片，加载完成后再加载下一张
公众号：程序员白特，欢迎一起交流学习~原文：https://juejin.cn/post/7340167256267391012今天看到一个面试题，是关于img图片加载方面的，有必要记录一下。其实关于这个问题，只要知道图片什么时候加载完成就能解决了。
2024-05-08 18:25:35
738
原创 面试官：关于HTTPS/HTTP2/HTTP3你懂多少？
https相对http的改动主要是下层多了一个ssltls层，加密的功能就是这层实现的。ssl是会话层协议，是信息安全领域里面的权威标准。由网景公司研发，发展到v3的时候改名为了tls。三个版本v1.1，v1.2，v1.3。现在用的大部分都是v1.2，主要分析的也是它。使用tls建立链接需要_选定一个加密套件进行安全通信*，同样*需要两端协商所以客户端会带上自己支持哪些加密套件clientsuites字段表示这些套件，serversuite是最终协商采用的加密套件。
2024-05-06 18:59:42
1017
1
原创 面试官：实现一个吸附在键盘上的输入框
话不多说，先上效果和 demo 地址：要实现一个吸附在键盘上的 input，可以分为以下步骤：要监听键盘高度的变化，我们得先看看在键盘展开或收起的时候，分别会触发哪些浏览器事件：iOS 和部分 Android 浏览器展开：键盘展示时会依次触发 visualViewport resize -> focusin -> visualViewport scroll，部分情况下手动调用 input.focus 不触发 focusin收起：键盘收起时会依次触发 visualViewport resize -> focu
2024-04-24 16:27:04
337
原创 TypeScript很麻烦，不想使用！
最近，我们部门在开发一个组件库时，我注意到一些团队成员对使用TypeScript表示出了抵触情绪，他们常常抱怨说：“TypeScript太麻烦了，我们不想用！”起初，我对此感到困惑：TypeScript真的有那么麻烦吗？然而，当我抽时间审查队伍的代码时，我终于发现了问题所在。在这篇文章中，我想和大家分享我的一些发现和解决方案。我还注意到，在类型复用时，团队成员往往只是简单地为已有类型新增属性，而忽略了更高效的复用方式。例如，有一个已有的类型Props需要复用，但不需要其中的属性c。
2024-04-22 17:46:01
380
原创 前端加载超大图片(100M以上)实现秒开解决方案
图片压缩：将图片进行压缩可以大幅减小图片的大小，从而缩短加载时间。压缩图片时需要注意保持图片质量，以免影响图片显示效果。图片分割：将超大图片分割成多个小图块进行加载，可以避免一次性加载整个图片，从而加快加载速度。这种方式需要在前端实现图片拼接，需要确保拼接后的图片无缝衔接。CDN 加速：使用 CDN（内容分发网络）可以将图片缓存在离用户更近的节点上，从而加速图片加载速度。如果需要加载的图片是静态资源，可以将其存储在 CDN 上，以便快速访问。
2024-04-19 17:19:58
745
转载 面试官：只知道v-model是modelValue语法糖，那你可以走了
我们每天都在用v-model，并且大家都知道在vue3中v-model是和的语法糖。那你知道v-model指令是如何变成组件上的modelValue属性和事件呢？将v-model指令转换为modelValue属性和事件这一过程是在编译时还是运行时进行的呢？vue是一个编译时+运行时一起工作的框架，之前有小伙伴私信我说自己傻傻分不清楚在vue中什么时候是编译时，什么时候是运行时。要回答小伙伴的这个问题我们要从一个vue文件是如何渲染到浏览器窗口中说起。
2024-04-15 18:40:51
415
原创 一文搞懂 JavaScript 模块化
本文介绍了 JavaScript 中主要模块方案和其背后的原因，希望对您有帮助，在日后的工作中看到任何模块，都不再困扰。
2024-04-11 18:26:18
1282
原创 10年前端做leader，这是我想跟你说的
公众号：程序员白特原文：这些年做管理的一些感悟 - 掘金 (juejin.cn)2014年，我从大学毕业，到现在已经马上接近10年整了，内心深处，对于基层管理（前端leader）这个岗位，有了深刻的理解。而现如今，整个IT行业经历了巨大的繁荣之后，也进入到了自己的平稳期，以前动不动就想要升职加薪的预期早已不在，各个想要当leader的想法，好像也随着行业的发展而慢慢消失殆尽。
2024-04-10 18:28:24
437
原创 你真的了解JSON.stringify吗？
公众号：程序员白特，欢迎一起交流学习~大家对于这个方法应该都非常熟悉了，通常用于将对象或数组转换为字符串，即JSON格式，然后将其作为参数传递给后端接口。你对真的很熟悉吗？除了基本用法，你知道它还有其他6种用法吗？让我们一起深入了解吧~.
2024-04-08 19:14:11
317
原创 手撸一个简易 Grid 拖拽布局
到目前为止基本上的 Grid 拖拽布局大致实现了，已经满足基本业务需求了，当然有需要朋友还可以在上面增加支持拖拉调整大小、碰撞后自动调整位置等等。
2024-04-02 18:43:15
409
2
原创 如何实现多个PDF文件合并为一个PDF文件
公众号：程序员白特，欢迎一起交流学习~hi，我是白特。最近看到一个功能，十分感兴趣，也就是我们要将多个文件服务器中的PDF文件合并为一个PDF文件并以此进行下载打印操作。那么直接让我们一起看下它的实现思路吧。
2024-04-01 18:30:28
362
原创 别做老实人了！这才是 HR 喜欢听的离职原因！
公众号：程序员白特，欢迎一起交流学习~原创作者：前端开发爱好者哈喽,大家好 我是 白特👨🏻💻。今天我们来聊聊一个面试时超级敏感但又不得不面对的问题——离职原因💢找工作面试被问离职原因，千万不要直接说出你为什么从上家公司离职的真实原因！！！当老实人要吃亏的！！！其实，大部分真实的离职原因都是每家公司或多或少会遇到的，但如果直接说出来，很可能会让面试官担心你入职后也会因为同样的原因离职哦！💢😉 所以，作为一个聪明的求职者，我们应该如何回答这个问题呢？
2024-03-28 16:15:53
407
原创 面试官：tree-shaking的原理是什么？
在前端面试的过程中，前端工程化一直是考察面试者能力的一个重点，而在我们常用的项目打包工具中，无论是webpack还是rollup，都具备一项很强大的能力——，所以面试官也常常会问到的原理是什么，这时我们该如何回答呢？其实核心原理就是AST。在前端开发中，其实AST的应用有很多，比如我们前端项目的打包工具webpack、代码检查工具Eslint，代码转换工具babel都依赖了AST的语法分析和转换能力。AST是的缩写，这玩意儿的全称叫抽象语法树，它可以用来描述我们代码的语法结构。// ast.js。
2024-03-27 11:38:15
594
原创 开箱即用的中后台管理模版，建议收藏！
公众号：程序员白特，欢迎一起交流学习~原文作者：前端充电宝大家好，我是白特。今天来推荐几款开箱即用的中后台管理模版！
2024-03-26 15:14:51
750
原创 一文搞懂前端监控
项目上线后，等真正有用户的反馈故障时实际上已经为时已晚了，这时前端监控显示出了它真正的价值。前端监控需要配合公司中现有的上报服务来实现，无需将监控做到尽善尽美，而是可以根据不同的情况做出取舍。
2024-03-25 11:51:29
805
原创 2024 年还在用 Lodash？这个现代化替代品更安全、好用！
公众号：程序员白特，欢迎一起交流学习~原文作者：前端充电宝相信许多前端开发者对Lodash都耳熟能详，作为 JavaScript 领域的一款常用实用工具库，它在前端开发中广受欢迎， npm 周下载量高达 5200 万。然而，时光荏苒，转眼已是 2024 年，Lodash 是否仍然值得使用呢？它的确为开发者带来了许多便利，但同样存在一些不容忽视的问题。本文将深入探讨 Lodash 的局限性，并推荐一个更为现代化、值得一试的 JavaScript 实用工具库 —— Radash。
2024-03-24 17:39:38
2092
原创 如何让自己的前端知识更全面
众所周知，计算机知识十分广泛复杂，尤其是在前端领域，各种概念和框架原理不断涌现。所以如果我们要使自己的前端知识扎实，就必须建立一个知识图谱，包括基础概念、应用和原理，使知识体系形成网络。同时将来这个知识图谱还可以帮助我们后期进行回顾复习。
2024-03-21 14:21:06
232
原创 深入探究process.env.NODE_ENV如何区分环境
属性返回一个包含用户环境信息的对象。在node环境中，当我们打印时，发现它并没有NODE_ENV这一个属性。实际上，是在package.json的scripts命令中注入的，也就是NODE_ENV并不是node自带的，而是由用户定义的，至于为什么叫NODE_ENV，应该是约定成俗的吧。
2024-03-20 11:07:43
1154
原创 大厂真实 Git 开发工作流程
Git 从发布至今，已经发展了近 20 年，在这期间衍生了成百上千种有关 Git 的管理工具和协同规范，不同公司甚至是公司内部不同集团不同部门使用的规范都可能不尽一致，本文只分享本人在工作过程中真实使用到的开发工作流程，并且个人认为以上内容是具有一定普适性的，能够帮助到新人或者小白的一些基础知识。最后，遵循团队项目规范才能真正提高团队的协作效率。（宇宙免责声明哈哈😁）如果有疑问，欢迎评论区留言探讨~🤔。
2024-03-19 11:06:12
857
原创 产品经理：前端实现网页防篡改，你会怎么做？
首先使用进行劫持所有的input标签， 在里面会触发自定义事件自定义事件绑定在真实的input标签上，在浏览器执行js阶段完成了绑定事件。通过我们可以调用方法。在tamperFn里面拿到isTrusted来区分是不是被篡改的值。我们在绑定input标签的事情同时，设置了， 用来解绑事件。
2024-03-18 18:05:01
666
原创 rust 正在全面入侵前端
由于 vite 对于项目内的模块采取的是请求时编译的策略，并且对源码不 bundle，因此，根据字节架构团队内部的经验，当项目规模巨大的时候，vite 的首次页面加载时间可能长达数十秒「页面首次加载时，加载了大量的模块」，刷新时极其卡顿，并且由于巨大的请求量可能导致浏览器崩溃，影响开发体验。我也是非常喜欢 Leptos 的开发者之一，并且把它作为熟悉 rust 语法学习的主要项目之一，因为这是我们前端更熟悉的领域，因此前端开发通过它掌握 rust 能达到事半功倍的效果。在语义上有更符合直觉的思考。
2024-03-14 16:25:44
1106
原创 面试官：工作中处理过什么复杂的前端需求，如何解决的?
最后，回归正题，前端的复杂度也许很多，比如之前我参与的CPU负载过高问题排查，用尽手段定位一个月之后发现是一条正则语句引发的，这种性质的复杂属于特定场景下的复杂度。灰度方案其实相对是比较难做的，最简单的是按照机器灰度，但这种方案在实际环境中基本上是不可用的，对于一个需求来说，如果同时修改了老页面和新页面，会导致用户前后访问不一，甚至出现404情况。另一方面，文档在这一刻发挥出应有的价值，一般团队不怎么注重文档建设，一来写起来废时间，二来对于晋升和成长没什么帮助，看起来完全是利他性质，但实际上是互利。
2024-03-13 12:24:26
941
原创 大大提高开发效率的10个JavaScript技巧
公众号：程序员白特，欢迎一起交流学习~JavaScript 是前端开发中的必备语言。但是我发现很多同学对于 JavaScript 的技巧使用却并不熟悉。所以，今天咱们就来分享一下 JavaScript 的10个好用的技巧，帮你更好地使用 JavaScript，提升开发效率！
2024-03-12 12:15:19
663
原创 TypeScript 5.4 正式发布
公众号：程序员白特，欢迎一起交流学习~原文作者：前端充电宝3 月 6 日，TypeScript 发布了 v5.4 版本，该版本带来了以下更新：类型缩小会在闭包中保留引入新的实用程序类型NoInfer<T>新增和新的模块解析选项新的模块导入检查机制TypeScript 5.5 即将弃用的功能。
2024-03-11 12:35:04
930
原创 写给迷茫的 1-3 年前端人的思考
今年由于大环境差，加之大家都会遇到的职场困惑期，让很多人觉得很无助，不知道要向何处去努力。我有两三位朋友正面临类似的困境，向我寻求意见。虽然我不是什么大厂的架构师，也没有多牛，但也有一些自己的思考和实践，希望能帮助到他们，也希望与大家一起探讨这个话题。
2024-03-08 10:52:33
630
原创 什么？！你居然连个内存泄漏都排查不出来
公众号：程序员白特，欢迎一起交流学习~在日常的业务开发中，偶尔会出现内存泄漏的情况，那么我们该怎么排查呢？现在跟着文章一起学习下吧~
2024-03-07 15:46:41
1502
原创 鹅厂打工8年，我为啥突然裸辞？
公众号：程序员白特，欢迎一起交流学习~原文：以下文章来源于沐洒 ，作者ASCII26今天跟大家分享一个重磅消息，沐洒终于从腾讯离职了！不知不觉已经在鹅厂打了8年工，如果说在大厂里工作如同在高校里念学的话，那么这8年，我相当于足足完成了两次全日制本科教育。上周五，我在乐问（腾讯内部问答平台）写下了最后一篇帖子，一方面对自己的“乐问达人”标签做个了结，另一方面也当作离场感言，给鹅厂生涯一个了结。（腾讯乐问，个人主页）（腾讯乐问，热帖推荐）
2024-03-06 14:05:16
404
原创 前端部署真的不简单
在二者部署的时间间隔内，如果有用户访问页面，就会在新的页面结构中加载旧的资源，并且把这个旧版本的资源当做新版本缓存起来，其结果就是：用户访问到了一个样式错乱的页面，除非手动刷新，否则在资源缓存过期之前，页面会一直执行错误。看上图，用文件的摘要信息来对资源文件进行重命名，把摘要信息放到资源文件发布路径中，这样，内容有修改的资源就变成了一个新的文件发布到线上，不会覆盖已有的资源文件。全套做下来，就是相对比较完整的静态资源缓存控制方案了，而且，还要注意的是，静态资源的缓存控制要求在。
2024-03-05 16:32:46
723
原创 （下）async/await高级用法，你会多少种呢？
众所周知，在ECMA17中加入了两个关键字asyncawait，简单来说它们是基于Promise之上的语法糖，可以让异步操作更加简洁明了。在掌握asyncawait的基础用法后，下面将介绍一些高级用法，以便充分利用实现更复杂的异步流程控制。
2024-03-04 11:05:04
165
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人