- 博客(58)
- 收藏
- 关注
RSS订阅原创 ArkTS技术深度解析：跨平台开发与高性能优化的全栈实践指南
ArkTS通过架构解耦内存精细化管控和并发模型创新，为开发者提供了构建高性能跨平台应用的完整解决方案。随着HarmonyOS NEXT的普及，深入掌握ArkTS的底层机制与最佳实践，将成为移动开发者的核心竞争力。
2025-05-07 09:00:00
502
原创 前端面试之吊打面试官：这些高频硬核题让你反客为主
前端面试之吊打面试官》专治各种面试“虚胖症”！🔥 你是否还在死记硬背八股文？是否被手写代码、框架原理、性能优化问得哑口无言？本指南直击大厂高频考点，从 JS 闭包、EventLoop、Vue/React 核心原理，到 手撕 Promise、虚拟 DOM 优化、Webpack 高级配置，再到 LeetCode 高频算法、前端架构设计，全方位武装你的技术栈！💪 不仅告诉你标准答案，更教你 如何用面试官思维拆解问题，用 源码级理解 降维打击，用 实战案例 征服考官！
2025-05-06 10:06:04
557
原创 前端面试之吊打面试官 手写代码篇
这篇文章主要是收集面试中常见的手写题，包括我遇到的一些算法、功能函数、数据结构等问题。写法不一定是最优，可以用来参考，希望可以在面试中帮到你。
2025-05-06 09:37:08
498
原创 Canvas 从入门到上头：手把手带你玩转浏览器绘图
想用代码画出炫酷动画？Canvas 是你的最佳选择！本文从零开始，带你掌握 Canvas 核心技能：绘制基础图形、添加动态效果、实现用户交互。你将学会如何用几行代码创建流畅动画，优化渲染性能，甚至开发简单小游戏。无论你是前端新手还是想提升图形技能，这篇教程都能让你快速上手。跟着实战示例，一起解锁网页动态绘图的魔力，让你的作品从静态页面跃升为互动体验！
2025-05-05 10:12:53
762
原创 性能暴增300%的秘密：Vue3对比Vue2的架构革命
为了帮助平滑过渡，Vue 官方提供了Vue 兼容构建（Migration Build）。兼容构建基于 Vue3，但包含对 Vue2 部分已弃用 API 的兼容层，可以在项目中以类似 Vue2 的方式开发，同时在控制台打印出每个已弃用特性的警告。使用兼容构建后，开发者可以逐步按照提示修复不兼容问题dev.to。Vue3 生态中也提供了包以及相应的 Vue CLI 插件，可以很方便地将 Vue2 项目配置到兼容模式。除了官方迁移构建，社区还提供了codemod 脚本。
2025-05-05 10:06:34
589
原创 前端面试之吊打面试官 读代码篇
以下是我根据面试经历整理的 60 道 JavaScript 读代码类面试题，涵盖变量作用域、闭包、原型链、异步机制、类型转换等核心知识点。每道题附有解析，助你在面试中脱颖而出。
2025-05-03 09:30:54
890
原创 使用Rust + WebAssembly提升前端渲染性能：从原理到落地
最近在开发数据可视化大屏项目时，我们遇到了一个棘手的问题：前端需要实时渲染的动态散点图，使用纯JavaScript + Canvas方案在低端设备上帧率不足15FPS。经过性能分析，发现（坐标计算、过滤、聚类）消耗了70%的帧时间。此时，我们决定尝试，目标是将计算密集型任务迁移到Wasm模块，同时保持与前端生态的无缝集成。
2025-05-03 09:17:02
1200
原创 颠覆者DeepSeek：从技术解析到实战指南——开源大模型如何重塑AI生态
以DeepSeek-V3为例，其架构包含256个路由专家和1个共享专家，每个token仅激活8个路由专家，相比传统Transformer模型，显存占用降低40%，推理速度提升3倍。DeepSeek-R1作为首个完全基于强化学习（RL）的推理模型，跳过了传统的监督微调（SFT）阶段，直接通过多阶段优化（如双奖励强化学习、拒绝采样）提升模型推理质量。“加固厂房混凝土梁裂缝（目标），用于生产线设备承重（用途），需承受新增5吨荷载且10年不开裂（效果），预算20万（补充）。DeepSeek的核心技术突破在于其。
2025-05-02 10:28:22
1371
原创 AI代码革命：Cursor编辑器如何重塑开发者的未来？——深度解析与全场景实践指南
在人工智能技术迅猛发展的今天，Cursor AI编辑器以"VS Code的AI增强版"姿态横空出世，迅速成为全球开发者热议的焦点。这款由Anysphere公司打造的工具，不仅继承了VS Code的基因，更通过GPT-4、Claude等顶尖模型的深度集成，将代码生成、重构、调试等环节的智能化水平推向新高度。本文将深入解析其技术架构、核心功能与使用策略，并通过实际案例展示如何最大化释放其潜能。
2025-05-02 08:57:54
1035
原创 前端面试之吊打面试官 性能优化篇
图片懒加载（Lazy Loading）是一种优化网页性能的关键技术，它通过延迟加载非可视区域内的图片资源，显著提升页面加载速度。根据Google的研究，合理使用懒加载技术可以使页面加载性能提升30%以上。通过系统性地实施这些优化策略，可以使网页性能得到显著提升。建议定期进行性能审计（至少每季度一次），持续跟踪关键指标变化。
2025-05-01 10:08:07
964
原创 2025 年热门 AI 编程助手全面对比：Copilot、Tabnine 与 Claude 实测
GitHub 与 OpenAI 合作推出的 AI 助手，最近实现了多模型集成。用户可以在 VS Code 或 GitHub 网站上选择 Anthropic Claude 3.5、Google Gemini 1.5 Pro、OpenAI GPT-4o 等模型来驱动 Copilot，对不同任务选用最合适的大模型。Copilot 原生集成在多种 IDE 中（如 VS Code、Vim、JetBrains 系列），支持代码补全与 Copilot Chat 聊天模式，对中文提示也有一定支持能力。
2025-05-01 10:05:57
961
原创 前端面试之吊打面试官 工程化篇
Webpack的热更新（Hot Module Replacement，简称HMR），在不刷新页面的前提下，将新代码替换掉旧代码。HRM的原理实际上是 webpack-dev-server（WDS）和浏览器之间维护了一个websocket服务。当本地资源发生变化后，webpack会先将打包生成新的模块代码放入内存中，然后WDS向浏览器推送更新，并附带上构建时的hash，让客户端和上一次资源进行对比。
2025-04-30 11:29:35
734
原创 前端面试之吊打面试官 TypeScript 篇
这篇关于 TypeScript（TS）的面试问题合集旨在帮助求职者准备与 TypeScript 相关的面试。内容涵盖了从基础到高级的常见问题，包括 TS 的类型系统、接口（Interfaces）、泛型（Generics）、类型推断、模块化、装饰器（Decorators）等主题。通过这些问题，面试者可以考察候选人对 TypeScript 的理解及其在实际项目中的应用能力。此外，文章还将讨论 TS 与 JavaScript 的关系，以及如何使用 TypeScript 编写更加安全、可维护的代码。
2025-04-30 10:25:41
796
原创 【收藏级】史上最全 Git 指令大全 + 分支流程图 + 面试高频题（附答案）
本指南全面汇总了Git的基础操作、进阶技巧、实战案例、常见错误处理及分支管理流程。内容涵盖仓库初始化、分支切换与合并、版本回退、冲突解决、标签管理、stash应用等，并附带可视化分支流程图和常见面试题，帮助开发者快速掌握Git核心技能，提升项目协作与版本管理效率。
2025-04-29 11:20:49
912
原创 前端面试之吊打面试官 网络篇
整个过程大致可以分为DNS 解析→建立连接→发送请求→服务器响应→页面渲染。超文本传输安全协议（Hypertext Transfer Protocol Secure，简称：HTTPS） HTTPS在HTTP层和tcp层中间加了一个SSL/TLS安全层，进行加密，避免了HTTP协议存在的信息窃听，信息劫持等风险。由于HTTP协议采用明文传输信息，很容易被窃听、篡改、劫持。而HTTPS增加的TLS/SSL层可以对身份进行验证信息加密解密功能，避免这种问题发生。
2025-04-29 10:49:51
731
原创 AI时代下前端的未来发展与当下状况
在万物互联的智能化时代，前端开发已突破传统网页的边界，成为连接数字世界与物理世界的核心界面。从Web3D元宇宙到边缘计算驱动的IoT设备，从AI原生应用到跨端智能终端，前端开发者正站在技术革命的交汇点。本文将解析技术标准化、框架演进与全栈化浪潮下的前端生态现状，并展望AI重构开发范式、用户体验量化革命等未来趋势，为开发者提供可落地的成长路径。开发者需在技术深度、业务耦合度与生态影响力三个维度构建护城河，将技术敏感度、用户体验洞察与工程哲学相结合，成为下一代数字世界的构建者。
2025-04-28 10:52:25
941
原创 前端面试之吊打面试官 浏览器篇
XSS攻击的目标是用户，通过注入恶意脚本窃取数据或控制用户的浏览器。防御的重点是对用户输入进行严格的验证和编码，防止未处理的恶意代码被执行。CSRF攻击的目标是服务器，通过伪造用户的请求来执行敏感操作。防御的重点是确保请求来自合法的用户，通过 CSRF Token 和SameSiteCookie 属性来验证请求的来源。进程是计算机中正在运行的程序的实例，一个进程就是一个程序运行实例。它拥有独立的内存空间、代码和数据，并且由操作系统负责调度和管理。
2025-04-28 10:35:24
1048
原创 初中级前端面试全攻略：自我介绍模板、项目讲解套路与常见问答
为了给面试官留下专业而亲切的第一印象，自我介绍要突出与岗位相关的技能和项目经验，同时以自己擅长的领域开放式结尾。通常可以按照以下思路组织自我介绍内容：首先简单介绍个人信息和工作年限，然后列出精通的前端技术栈，接着突出主要项目经历和职责，最后强调团队协作能力或学习能力。：介绍时只说与前端岗位匹配的内容，如掌握的语言、框架、工具等，不要过多谈及与岗位无关的经历。：自我介绍最后可以提及自己擅长的技术或兴趣方向，引出后续问题。例如“我比较擅长性能优化和前端工程化”，让面试官顺着这个点提问。
2025-04-27 20:32:41
700
原创 Vue2 与 Vue3 深度对比与技术解析
为了帮助平滑过渡，Vue 官方提供了Vue 兼容构建（Migration Build）。兼容构建基于 Vue3，但包含对 Vue2 部分已弃用 API 的兼容层，可以在项目中以类似 Vue2 的方式开发，同时在控制台打印出每个已弃用特性的警告。使用兼容构建后，开发者可以逐步按照提示修复不兼容问题dev.to。Vue3 生态中也提供了包以及相应的 Vue CLI 插件，可以很方便地将 Vue2 项目配置到兼容模式。除了官方迁移构建，社区还提供了codemod 脚本。
2025-04-27 20:13:33
768
原创 前端面试 js
ps：虽然执行是独立的但已经显示绑定了this了。垃圾回收期会定期从根开始遍历，找到有引用的对象。独立调用的this都是window。问题：循环引用，会产生内存泄漏。默认栈里面会有一次引用。
2025-04-27 19:34:11
206
原创 前端面试之吊打面试官 JS篇
1. 数据类型体系，涵盖8种数据类型及其检测方法，重点分析typeof与instanceof原理、类型转换规则；2. ES6核心特性，包括let/const块级作用域、箭头函数、解构赋值、扩展运算符等；3. 原型机制与继承方式，详解原型链运作原理及6种继承实现；4. 闭包原理及其应用场景，执行上下文与作用域链工作机制；5. 异步编程演进，对比回调/Promise/async-await优劣，手写Promise核心方法；6. 内存管理机制，剖析垃圾回收算法与4类内存泄漏场景。
2025-04-27 11:14:19
719
原创 前端面试之吊打面试官 VUE篇
从MVVM/MVC架构差异切入，剖析数据双向绑定与单向数据流设计理念；对比Vue与React在模板语法、状态管理的异同，详解Vue3的Composition API、Proxy响应式等革新特性。针对SPA架构，分析其虚拟DOM优化原理及SEO局限，提供路由懒加载、服务端渲染等解决方案。深入Vue核心机制：生命周期管理、scoped样式隔离、组件通信方案（props/eventBus/Vuex），以及key值优化、keep-alive缓存等20+性能优化策略。最后解读虚拟DOM的diff算法双端对比原理。
2025-04-27 11:00:05
617
原创 前端面试之吊打面试官 CSS篇
两个块级元素分别设置上下margin时可能会导致边距合并为一个边距，合并到边距取最大的那个值。需要注意的是，浮动的元素和绝对定位这种脱离文档流的元素的外边距不会折叠。重叠只会出现在垂直方向。计算规则都是正数，取最大的。一正一负，用正数减去负数后。都是负数，用0减去两个中绝对值大的那个。解决方案兄弟之间重叠（margin合并）和父子之间重叠（margin塌陷）兄弟之间重叠底部元素变为行内盒子：display: inline-block底部元素设置浮动：float。
2025-04-26 15:10:29
1018
原创 前端面试之吊打面试官 HTML篇
DOCTYPE是HTML5中一种标准通用标记语言的文档类型声明，是用来告诉浏览器的解析器，该用什么样的方式去加载识别文档。iframe通常用来加载外部链接，不会影响网页内容的加载。src和href都是用来加载外部资源，区别如下。根据内容来选择合适的标签。
2025-04-26 14:40:00
350
原创 前端项目初始化
nrm（npm registry manager）是一个用于快速切换npm镜像源的工具。nvm（Node Version Manager）是一个用于管理多个 Node.js 版本的工具。这将列出所有nrm支持的镜像源，包括淘宝（taobao）、npm官方（npm）、cnpm等。切换成功后，nrm会将npm的当前镜像源设置为淘宝镜像源。如果切换成功，该命令将输出淘宝镜像源的URL，即。三、验证Git安装是否成功。四、Git的基本配置。二、查看可用的镜像源。三、切换到淘宝镜像源。四、验证切换是否成功。
2025-04-25 12:12:09
953
原创 UniApp 项目中通过 WebView 嵌入 Tiptap 富文本编辑器并实现通信
这种模式可以高效地将复杂编辑器功能嵌入 App 中，实现 Web 与 App 之间功能互通，复用已有项目成果。📌 注意：记得在 Web 页面中提供，并将 editor 实例暴露为全局变量。只需要简单几步，我们就能把复杂的 Web 编辑器嵌入到 UniApp 中，还能打通与原生功能之间的通信链路。Tiptap、CodeMirror、Monaco、任何 Web 技术栈的项目，都可以用这个方式无缝集成。📌 贴士：别忘了构建后的index.html中要引入，并定义方法！
2025-04-25 11:57:13
678
原创 基于 Vue 的Tiptap 富文本编辑器使用指南
本文详细介绍了如何在 Vue 3 项目中集成并使用 Tiptap 富文本编辑器，特别适合零基础或初学者快速上手。我们从依赖安装、组件结构、核心功能配置到每个扩展的引入、注册、快捷键、命令使用进行了全面梳理。涵盖了常用功能如链接、表格、占位提示、代码块、图片上传和字符统计等。通过本文，你可以轻松构建一个功能完善、可自定义的富文本编辑器组件，并掌握如何根据项目需求灵活拓展功能。
2025-04-22 23:11:33
1412
原创 git分支合并
通过以上步骤，你可以将所有冲突解决为远程分支的版本。如果你需要更多帮助，请告诉我！2. **查看冲突**：如果有冲突，Git 会提示你哪些文件存在冲突。git checkout --theirs 冲突文件。git merge 源分支。
2024-08-09 11:16:55
273
原创 生产运作管理--第六版陈荣秋
这里标准工作条件的含义是指，在合理安排的工作场所和工作环境下，由经过培训的操作人员，按照标准的工作方法，通过正常的努力去完成工作任务。面对复杂的管理对象，人们很难找到最优的方法处理，于是通过直觉和经验得出一种方法，将这种方法勇于实践，取得经验，发现问题，做出改进，再次实践。是将企业的制造流程看成一条联结供应商，制造商，分销商和顾客的供应链，强调对供应链的整体管理，使制造过程更有效，使企业流程更加紧密地集成到一起，从而缩短从顾客订货到交货的时间，快速地满足市场需求。顾名思义，它是维持库存所必需的费用。
2024-06-14 22:45:57
2777
2
原创 数据挖掘--分类
决策树:决策树是一种类似流程图的树结构，其中每个内部结点（非树叶节点）表示在一个属性上的测试，每一个分枝代表该测试的一个输出，而每个树叶节点存放一个类标号，树的最顶层及节点是根节点。
2024-06-08 12:41:58
736
原创 数据挖掘--挖掘频繁模式、关联和相关性：基本概念和方法
闭频繁项集：一个集合他的超集(包含这个集合的集合)在数据库里面的数量和这个集合在这个数据库里面的数量不一样,这个集合就是闭项集。，完成这一操作后，将它和题目中给出的最小支持度作比较，从而得到频繁1象集！拿到候选数据后，我们先筛选出候选频繁1象集，并算出它们的。候选3项集→频繁3象集的过程。后续同理，我们可以得到所有关系的置信度，最后我们再拿。如果这个集合还是频繁的,那么他就是极大频繁项集。频繁项集：出现的次数超过最小支持度计数阈值。1正相关，一个出现另一个就出现。
2024-06-07 09:54:16
1225
原创 数据挖掘--数据仓库与联机分析处理
（面集时非）面向主题的：围绕某一主题来构建集成的：图片文字杂糅在一起时变的：随时间变化的数据非易失的：硬盘存放，不易丢失。
2024-06-07 09:41:40
635
原创 数据挖掘--数据预处理
数据清理缺失值如果数据集含有分类属性，一种简单的填补缺失值的方法为，将属于同一类的对象的该属性值的均值赋此缺失值；对于离散属性或定性属性，用众数代替均值。 更复杂的方法，可以将其转换为分类问题或数值预测问题噪声数据识别出噪音将其去除 -- 比如孤立点的识别 利用其它非噪音数据降低噪音的影响，起到平滑（smoothing）的作用 -- 分箱（binning）方法可以用于平滑噪音。例如，将年收入的缺失值填补之后，将其取值利用分箱法平滑噪音。数据集成冗余和相关分析标称数据的x^2相关检
2024-06-06 18:03:32
993
原创 数据挖掘--认识数据
分位数是描述数据集中某个位置的值，而分位数图则是以图形方式展示了数据集的整体分布情况。混合类型相异度计算的思想：按不同类型的属性（如数值型，二元变量，名义变量等），根据各自类型的计算方法计算之后再加权求和。欧式距离、曼哈顿距离（差值相加）、上确界距离（max|xi1-xi2|)（差值最大）闵可夫斯基距离：是对欧几里得距离的推广，可以理解为不同维度考察下的距离。最大，最小（不超过1.5倍IQR）（没有的话以最大观察值为准）相异性矩阵：存放n个对象两两之间的邻近度（任意两个之间的距离）
2024-06-06 17:49:22
683
原创 Three.js入门指南：从基础到实践的三维渲染之旅
Three.js经常会和WebGL混淆， 但也并不总是，three.js其实是使用WebGL来绘制三维效果的。WebGL是一个只能画点、线和三角形的非常底层的系统. 想要用WebGL来做一些实用的东西通常需要大量的代码， 这就是Three.js的用武之地。还有其他的方法可以加载three.js，但是自r106开始，使用模块是最推荐的方式。会是一个更推荐的方案。画布的宽度是高度的两倍，所以水平视角会比我们设置的垂直视角75度要大。对于three.js这意味着它需要你把所有的实例的库放在正确的文件夹结构中。
2024-06-05 14:03:30
1767
原创 数据挖掘--引论
数据挖掘是从大量数据中挖掘有趣模式和知识的过程。数据源包括数据库、数据仓库、Web、其他信息存储库或动态地流入系统的数据。数据清理（消除噪声和删除不一致数据）数据集成（多种数据源可以组合在一起）数据选择（从数据库中提取与分析任务相关的数据）数据变化（通过汇总或聚焦操作，把数据变换和统一成适合挖掘的形式）数据挖掘（基本步骤，使用智能方法提取数据模式）模式评估（根据某种兴趣度量度，识别知识的真正有趣模式）知识表示（使用可视化和知识表示技术，向用户提供挖掘的知识）
2024-06-05 13:43:05
931
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人