- 博客(1139)
- 收藏
- 关注
RSS订阅
原创 揭秘webpack插件工作流程和原理
前言通过插件我们可以扩展webpack，在合适的时机通过Webpack提供的 API 改变输出结果，使webpack可以执行更广泛的任务，拥有更强的构建能力。本文将尝试探索 webpa...
2020-05-18 01:20:45
6067
4
转载 边缘计算与前端性能优化
千方科技在智慧景区解决方案中，通过边缘计算节点实时处理游客行为数据（如视频流分析、路径预测），并结合前端动态渲染技术，生成个性化推荐内容（如景点导览、优惠信息），显著提升用户交互体验。边缘计算通过将数据处理和存储功能从云端迁移至靠近用户的边缘节点（如CDN节点、基站或本地服务器），实现低延迟、高带宽和高可用性。结合边缘计算与WebRTC技术，教育平台在边缘节点处理音视频流，减少客户端计算负担，实现低延迟的课堂互动（如白板协作、实时问答）。：边缘节点的分布式特性可能增加攻击面，需强化数据加密与权限管理。
2025-04-02 14:27:01
9
转载 从搭建到二开TinyEngine低代码引擎
通过这一趟实践旅程，我们不仅让 TinyEngine 在本地顺利运行起来，更重要的是，我们亲手打通了从搭建私有组件库、配置资源服务，到将其无缝融入 TinyEngine 物料体系，乃至最终通过编写插件解决实际工程问题的完整闭环。掌握这些基础后，你将能更自信地去探索 TinyEngine 提供的丰富功能，构建更复杂的低代码应用，甚至为这个充满活力的开源社区贡献自己的一份力量。当然，我们也可以应用 AI 帮我们生成组件 schema，我在附录中提供了一条 prompt，经过我的多次优化，使用效果还不错。
2025-04-01 09:15:09
14
转载 一文讲透晋升答辩！
????目录1 评审之测不准定律2 测不准定律中的确定性3 高效搞定晋升答辩每逢岁末，都是总结一年工作成果、个人成长的阶段，往往这个时候也多是程序员们走向升职加薪的窗口期。但令很多程序员苦恼的是，掌握了架构图的一百种画法，却不一定能在晋升答辩 PPT 上留下让评委深刻的印象。本文作者总结了自己多次的晋升答辩、辅导经验，体系化地写就了这篇应景好文，相信耐心看完的你必能在年末有一个好的收成～关注腾讯云开发者...
2025-02-27 10:34:29
29
转载 面试官最想听到的Vue和React区别
前言欧阳最近找工作面试时总是被问到两个问题：Vue和React的区别和从编译原理的角度来聊聊Vue的template和React的jsx。面试官问这些问题一般是想了解你对这两个框架的理解，所以这是一个开放性的问题，不同的同学对框架的理解程度不同、侧重点不同，回答出来的答案也不同。这篇文章欧阳将从Vue出发来聊聊Vue和React的区别，大家有补充的欢迎在评论区提出。简单概述先来说说相同点，这个简单...
2025-02-24 10:20:30
20
转载 2024年前端明星项目出炉，又是它！
1 月 7 日，JavaScript Rising Stars 正式公布 2024 年 JavaScript 明星项目榜单，该榜单提供了 2024 年 JavaScript 生态系统中热门项目的 Github Star 增长情况，shadcn/ui 再次成功登顶 2024 年最热门前端项目，去年也是它！最受欢迎的项目shadcn/ui 不出意外的再次成为年度最火前端开源项目，与其他流行的 UI 组...
2025-01-09 16:07:49
72
转载 京东年终奖20薪，准备冲了...
京东 2024 年终奖曝光，部分人员年度固定薪酬由16薪提升至20薪，业绩激励上不封顶。简直太香了！！话说今年东哥是真缺兄弟，京东正在疯狂招人，大家都可以试试，前提是好好准备，别错过每个机会。上周找阿里P8级前端大佬要来了几套高质量内部资料。既是高频真题，也是一套前端进阶学习宝典。几乎满足各级前端工程师的需求，内容涵盖了Html、Css、Javascript、vue、React、小程序、算法等...
2025-01-08 10:11:00
71
转载 React 之 createElement 源码解读
React 与 Babel元素标签转译用过 React 的同学都知道，当我们这样写时：<divid="foo">bar</div>Babel 会将其转译为：React.createElement("div",{id:"foo"},"bar");我们会发现，createElement 的第一个参数是元素类型，第二个参数是元素属性，第三个参数是子元素组件转译如果我们用的...
2025-01-03 08:13:20
71
转载 写了个 Node.js 小专栏！
随着 Node.js 在服务端开发中的广泛应用，系统的稳定性与性能成为开发者必须关注的核心问题。内存管理作为影响系统性能的关键因素，尤为重要。Node.js 通过 V8 引擎实现了内存分配与垃圾回收机制，但即便如此，内存泄漏仍然是许多开发者在项目中遇到的常见难题。这个专栏是笔者在实际工作中的知识积累，之前也遇到了许多关于 Node.js 内存泄漏的实际案例。从刚开始的懵懂懵懂，到后来的一清二楚，笔...
2025-01-02 15:54:32
34
转载 一行代码提升 30%+ TS 类型检查性能
我是范文杰，一个专注于 AI 辅助编程与前端工程化领域的切图仔，近期有不少 HC，感兴趣的同学可联系我内推！欢迎关注：前言先说结论，强烈建议在所有复杂泛型场景中，显式提供泛型参数，这能够非常显著降低泛型类型推断的复杂度，进而提升 TS 性能，幅度甚至可能达到50%！例如，在使用 @douyin-fe/semi 库的 Form 组件时：未提供泛型参数：提供泛型参数：在未显式提供泛型参数时，构建耗时大...
2024-12-31 10:16:34
74
转载 追更20年，销量破40万册，JavaScript「红宝书」第5版强势来袭！
2022 年 6 月，微软宣布终止对 Internet Explorer 11 的支持，转而鼓励用户使用基于 Chromium 的 Edge 浏览器，标志着 Internet Explorer（IE）正式退出历史舞台。根据 statcounter 的数据，截止到 2024 年 12 月，基于 Chromium 的浏览器市场份额已经超过 70%（其中，Chrome 占 67.48%，Edge 占 4...
2024-12-24 11:12:49
55
转载 2024年CSS持续活跃，年终大盘点！
在前端三大件（HTML、CSS、JavaScript）中， CSS 始终是更新最为频繁的那个。每年浏览器都会陆续支持众多全新的 CSS 功能，本文将聚焦于 2024 年那些不可错过的 CSS 新功能，带你一览CSS领域的最新进展！交互特性自定义滚动条从 Chrome 121 开始，可以使用 scrollbar-width 和 scrollbar-color 属性自定义滚动条的宽度和颜色。.scro...
2024-12-11 11:29:40
72
转载 1000+ 精美网页 Loading 效果！超赞！
哈喽，大家好，我是 xy????????????。在数字化时代，用户体验成为了网站设计中不可忽视的一环 ????????！而网页加载效果（Loading 效果），作为提升用户体验的重要元素之一，正变得越来越多样化和个性化。今天，就让我们一起探索三个提供超过 1000+ 精美网页 Loading 效果的网站，让你的网页加载过程不再单调！1. CSS Loaders Collection网址：CSS Loaders：https:...
2024-12-10 10:02:23
712
转载 Vue 最快，但我们团队还是选择拥抱 React ！
哈喽，大家好，我是 xy????????????。Vue 速度最快，但我们团队还是选择拥抱 React ！！在前端开发的世界里，性能一直是衡量框架优劣的重要标准之一。最近，Vue.js 因为其卓越的性能表现而备受瞩目。近日，Vue.js 团队宣布，Vue 的响应式系统将成为所有框架中最快的，这背后，alien-signals 信号库功不可没。什么是 alien-signals？alien-signals 是一个轻...
2024-12-06 09:47:14
443
转载 12个快速学习 NextJS 的 Github 仓库
“从他人的代码中学习”嗨，我是芝士。今天的文章，我想分享一些不错的 GITHUB 仓库，这些项目都能帮助你更快学会 NextJS。NextJS 是一个流行的 JavaScript 框架，允许我们使用 React 构建动态站点和应用程序。让我们来查看并给这些优秀的项目start⭐首先是????1. Notion Clonegithub: https://github.com/webprodigies/we...
2024-12-05 08:02:13
98
转载 (建议收藏)前端面试必问的十六条HTTP网络知识体系
本文来自@Fishing 读者投稿，原文链接：https://juejin.cn/post/7036608827252277279一、什么是URI？URI, 全称为(Uniform Resource Identifier), 也就是统一资源标识符。它并不是我们常说的网址URL, 实际上URI = URN+URL。1.URI的结构它主要由以下几个结构组成：scheme 表示协议名，比如http,ht...
2024-12-02 09:16:27
36
转载 私活必备，一个react+vite+antd的标准后台管理系统开发模版，动态菜单配置、权限精确到按钮...
先看几张图：在现代前端开发中，构建一个高效灵活的后台管理系统已成为许多开发者的一个基本要求，发布构建是否够快，尤其是当项目不断迭代，代码不断增多后，是否还能高效构建。本文将介绍一个基于React、Vite和Antd的标准后台管理系统开发模板，支持动态菜单配置和权限精确到按钮的实现。通过这个模板，开发者可以迅速搭建起一个功能完备、可扩展性强的后台管理系统，没有使用create-rect-app脚手架...
2024-11-28 09:48:16
81
转载 这几个开源微信小程序，贼有意思（附源码）！
今天来分享 5 个有意思的开源微信小程序！充电桩一套包含鸿蒙、微信小程序、云平台充电设备管理系统。鸿蒙App使用HarmonyOS 4.0开发，小程序使用uniapp开发；功能涉及：登录、注册、查找充电站和充电站、在线充电、订单查询、个人中心等云平台使用。源码：https://github.com/cheinlu/HarmonyOS-groundhog-charging-system会员营销fui...
2024-11-25 09:01:37
1061
转载 大前端：如何突破动态化容器的天花板？
总第604篇 |2024年第024篇本文整理自美团技术沙龙第83期《前端新动向》（B站视频）。长久以来，容器要实现动态化和双端复用，难免要牺牲掉一些性能。有没有办法让动态化容器的性能尽可能接近原生？美团金服大前端团队给出了一种解决方案，尝试突破动态化容器的天花板。1 动态化容器的天花板2 容器分类及前期思考3 Recce的选型与搭建3.1 解释器&编程语言的选择3.2 UI 框架3.3 ...
2024-11-22 08:27:54
125
转载 一道字节的 TS 面试真题
前天，小册群友问了我一个 TS 体操问题，说是面字节时遇到的。今天又催了一下：面试题是这样的：让实现这个 FormatDate 的类型，用来限制字符串只能是指定的日期格式。看起来好像没多大难度，就是提取出 YY、MM、DD 和分隔符，然后构造对应的字符串类型就好了。但上手试了一下，还真没那么简单。首先，我们用模式匹配的方式，也就是 extends + infer 来提取出 YY、MM、DD 这三部...
2024-11-21 20:57:06
68
转载 巧用 CSS 实现高频出现的复杂怪状按钮
在之前，我们有些过这么一篇文章 - 使用 CSS 轻松实现高频出现的各类奇形怪状按钮[1]。里面包含了如下这些图形：接下来几篇文章中，将在上述基础上，额外补充一些在日常设计稿中，常见的，可能出现的更为复杂的几个按钮，本文，我们来尝试实现这个造型：不镂空的内凹圆角按钮在文章开头的贴图中，其实是有和这个按钮非常类似的造型：此造型如果内部无需镂空，整体还是比较简单的，利用 background: rad...
2024-11-20 10:04:26
68
转载 TS - 装饰器与注解
Typescript 装饰器模式，可以有效的提高开发效率，就像 Java 中使用注解一样，装饰器让 TypeScript 的世界更友好。 我们使用的许多库都基于这一强大特性构建, 例如Angular[1]和Nestjs[2]。 在这文章中我将介绍饰器和它的许多细节。 我希望在读完这篇文章后，你可以掌握何时和如何使用这一强大的特性你可能在前端项目中很少见过注解形式，这是有一定原因的，一方面可能就是见...
2024-11-19 08:48:01
159
转载 详解抽象语法树
AST详解与运用「福利」 ✿✿ ヽ(°▽°)ノ ✿：文章最后有抽奖，转转纪念 T 恤一件或转转随机手办一个，走过路过不要错过哦了解AST之前,我们先来简单陈述一下JavaScript引擎的工作原理:JavaScript 代码的编译和执行过程从上图中我们可以看到,JavaScript引擎做的第一件事情就是把JavaScript代码编译成抽象语法树,于是就有了本文对AST抽象语法树的浅析.一、什么是A...
2024-11-15 09:10:12
244
转载 揭秘！Vue3.5响应式重构如何让内存占用减少56%
大家好，我是欧阳，又跟大家见面啦！欧阳年底也要毕业了，建了一个面试交流群一起交流面试心得，以及分享内推信息。扫描文末的二维码加欧阳好友，还可以加入高质量vue源码交流群，这个群里也有不少面试官。前言Vue3.5版本又将响应式给重构了，重构后的响应式系统主要有两部分组成：双向链表和 版本计数。我们在前两篇文章中我们已经讲过了 双向链表和 版本计数，这篇文章我们来讲讲为什么这次重构能够让内存占用减少5...
2024-11-13 10:04:38
61
转载 前端工程化-打造企业通用脚手架
本文字数：10930字预计阅读时间：28分钟前端工程化-打造企业通用脚手架目录前言脚手架是什么？脚手架能力为什么不用自动化构建工具脚手架核心价值使用脚手架@focus/cli架构依赖项概览focus create projectName核心流程· 核心代码实现· 小结focus add material核心流程· 核心代码实现· 小结通用能力总结前言随着前端工程化的概念越来越深入FEer心，前端...
2024-10-15 09:50:20
97
转载 我不要你来做，我要我来做！｜霸总宠你，来送好礼
点击阅读「原文链接」，马上体验豆包Marsode 编程助手，参与活动，祝大家好运！大家别猜啦！今天其实是豆包MarsCode 和你官宣了看再多的霸总语录也比不上老板的一句我来替你做！真的不敢想如果我的老板同事跟我说一句“你别做，我来做！”我会是多么幸福的小孩豆包MarsCode 霸总属性正式上线！只要你体验编程助手等功能，即可参与体验抽奖，90%超高中奖率，霸总宠你，我们是认真的。奖品包括：霸总同...
2024-09-24 08:20:25
92
转载 揭秘海报生成技术
1 引言随着裂变营销策略的兴起，定制化海报分享的需求不断增加。作为开发者，一张背景图+一个二维码的海报合成的需求便会出现在我们的工作中，如下图。本文给大家介绍海报生成相关知识以及使用中常见的问题。希望能够抛砖引玉，为遇到类似需求或问题的伙伴们提供参考。2 实现方式2.1 生成步骤 在用户视角，海报生成像是“截图”，点击生成海报按钮之后，定制化海报便会呈现在屏幕上，再点击保存按钮，海报便会保存在手机...
2024-09-23 10:42:16
197
转载 前端技术是什么？
(本文4500字，阅读时长 7-8分钟)在鹅厂，有一个名叫“行家”的平台。目的让在领域深耕多年的行家，给有困惑的小伙伴提供咨询服务。18年，我以一名在前端领域从业15年的身份加入到行家平台至今，已帮助 56 名存在职业发展困惑的前端开发同学，获得超过96%的好评。起初，加入这个平台的想法很简单。1. 我想了解现实中的一线开发同学，会因何事出现成长困惑。2. 能否通过我的一些思考给大家提供一些思路和...
2024-09-19 09:39:37
387
转载 豆包MarsCode体验官-用React创建一个最经典的贪吃蛇游戏
背景在人工智能快速发展的时代，大模型（LLM）只要有足够的算力和数据就可以做到任何的事情，甚至可以模拟出另一个地球。LLM作为一个革命化的科技，可以取代很多岗位，甚至可以让人类达到“躺着领钱的时代”。Marscode作为一个新推出的IDE，紧跟时代的潮流，拥抱AI，顺应时代的潮流。各种各样的语言，都会有一个贪吃蛇的游戏去作为一个里程碑，我也完完全全用这个IDE去编写贪吃蛇游戏这个小demo。创建项...
2024-09-11 18:10:52
226
转载 无笔试：面向全国心理爱好者！2024年心理咨询师招生渠道开启了！！可考心理证书增加收入...
心理咨询报考通知心理咨询行业人才招录告知书根据《2022年国民抑郁症蓝皮书》，我国18岁以下的抑郁症患者占总人数的30%，青少年抑郁症患病率已达15%至20%。从社会的大环境下，我国心理咨询专业人员相对匮乏。为降低心理疾病发病率，现开展心理咨询培训项目。选拔具备心理咨询实操能力的专业人才，补充心理行业130万职业人才缺口。同时为提升就业率和地区收入水平，获得证书后，可从事心理咨询相关工作（全职或副...
2024-09-10 09:31:43
98
转载 JS高级-V8引擎的内存管理
该系列文章连载于公众号coderwhy和掘金XiaoYu2002中对该系列知识感兴趣和想要一起交流的可以添加wx：coderwhy666，拉你进群一起成长进步课程对照进度：JavaScript高级系列9-12集(coderwhy)脉络探索 在上一章节中，我们厘清了浏览器内核与JS引擎的关系也学习了JS代码如何通过V8引擎进行代码转化，进而能够在浏览器中进行执行的在本章节中，我们就要来探索在JS中，...
2024-08-26 14:29:08
107
转载 聊聊如何在响应式页面中使用 rem
有粉丝朋友问了我一个问题：有一个 750 x 1500 尺寸的设计稿，设计稿上有一个 150 x 50 的按钮，那么在写页面布局的时候，应该如何确定按钮的尺寸呢？他想到了要使用 rem。但具体如何使用，他还是一头雾水。因此跑来咨询我。于是问题来了，rem 到底是什么？rem 是为了解决什么问题而存在的？rem 能够给我们带来什么样的便利？带着这样的问题，我们一起来总结一下 rem 的实践。rem ...
2024-08-19 10:33:23
189
转载 【Vue 2 / Vue 3】一个简单易用、功能强大的图片裁剪插件，开源且免费！
大家好，我是CodeQi！一位热衷于技术分享的码仔。图片裁剪是许多现代网页应用不可或缺的功能，无论是社交媒体平台、电子商务网站，还是后台管理系统，都需要高效的图片处理工具。vue-img-cutter是一款基于 Vue3 的图片裁剪插件，拥有旋转、缩放、平移、固定比例裁剪、远程图片裁剪等强大功能，且使用简单、兼容性好，特别适合那些需要快速集成图片裁剪功能的项目。今天，我将介绍如何在 Vue3 ...
2024-08-17 08:35:46
452
转载 通读 Taiwind CSS
来自团队同学「黄健」的技术分享。我是范文杰，一个专注于工程化领域的前端工程师，近期有不少 HC，感兴趣的同学可联系我内推！欢迎关注：Tailwind CSS 简介Tailwind CSS 是一个强大且灵活的框架，其核心设计是提供了一种全新的方式来构建用户界面，核心思想是通过使用预设类和定制功能，能够让开发者更专注在实现设计效果上，不再处理重复冗长的CSS文件，用最少CSS快速地创建出美观且响应迅速...
2024-08-06 08:15:27
220
转载 前端构建系统浅析
开发者编写JavaScript代码，而浏览器运行JavaScript代码。从根本上说，前端开发不需要构建步骤。那么，为什么现代前端需要构建步骤呢？随着前端代码库越来越庞大，以及开发者体验越来越重要，直接将JavaScript源码传输给客户端会带来两个主要问题：不支持的语言特性：由于JavaScript在浏览器中运行，而浏览器种类繁多、版本各异，每增加一种语言特性，能运行你JavaScript的客户...
2024-08-05 08:32:42
65
转载 [科普] Service Worker 入门指南
来自 「何天翔」 同学的内部分享。Service Worker 简介Service Workers 本质上是一种能在浏览器后台运行的独立线程，它能够在网页关闭后持续运行，能够拦截网络请求并根据网络是否可用来采取适当的动作、更新来自服务器的的资源，从而实现拦截和加工网络请求、消息推送、静默更新、事件同步等一系列功能，是 PWA 应用的核心技术之一。与普通 JS 运行环境相比，Service Work...
2024-08-01 09:55:53
343
转载 从零开始实现一个简单的低代码编辑器
来自 「赵越」 同学的内部分享，文章示例代码：「https://github.com/shadowings-zy/mini-editor」，欢迎 Star。目录：编辑器功能拆分编辑器数据格式的定义项目代码结构重点逻辑的实现（画布渲染、属性联动、拖拽组件）与后台交互还可以优化的点「Oh, 对了，文末有福利！！！」一、写在前面低代码编辑器作为一种能够极大地提升开发效率的PaaS软件，近些年来一直收到各...
2024-07-30 08:31:57
538
转载 用 vue3 + phaser 实现经典小游戏：飞机大战，附带演示和源码
本文字数：7539字预计阅读时间：30分钟01前言说起小游戏，最经典的莫过于飞机大战了，相信很多同学都玩过。今天我们也来试试开发个有趣的小游戏吧！我们将从零开始，看看怎样一步步实现一个H5版的飞机大战！首先我们定好目标，要做一个怎样的飞机大战，以及去哪整游戏素材？刚好微信小程序官方提供了一个飞机大战小游戏的模板，打开【微信开发者工具】，选择【新建项目】-【小游戏】，选择飞机大战的模板，创建后就是一...
2024-07-29 08:40:28
371
转载 V8引擎的运行原理
一. 认识JavaScript引擎 1.1. 什么是JavaScript引擎当我们编写JavaScript代码时，它实际上是一种高级语言，这种语言并不是机器语言。高级语言是设计给开发人员使用的，它包括了更多的抽象和可读性。但是，计算机的CPU只能理解特定的机器语言，它不理解JavaScript语言。这意味着，在计算机上执行JavaScript代码之前，必须将其转换为机器语言。这就是JavaScri...
2024-07-26 08:26:29
75
转载 基于大模型 + 知识库的 Code Review 实践
背景???? 想法源于在一次 Code Review 时，向 Claude 询问哪种写法代码更优雅得来。当时就想能不能让 AI 帮我们辅助做 Code Review？痛点信息安全合规问题：公司内代码直接调 ChatGPT / Claude 会有安全/合规问题，为了使用 ChatGPT / Claude 需要对代码脱敏，只提供抽象逻辑，这往往更花时间。三星引入 ChatGPT 不到 20 天，被曝发生 3...
2024-07-25 08:35:20
517
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人