- 博客(217)
- 收藏
- 关注
RSS订阅
原创 【前端】手写代码汇总
React.js 是一个帮助你构建页面 UI 的库。React.js 将帮助我们将界面分成了各个独立的小块，每一个块就是组件，这些组件之间可以组合、嵌套，就成了我们的页面。React.js 也提供了一种非常高效的方式帮助我们做到了数据和组件显示形态之间的同步。React.js 不是一个框架，它只是一个库。它只提供 UI （view）层面的解决方案。在实际的项目当中，它并不能解决我们所有的问题，需要结合其它的库，例如 Redux、React-router 等来协助提供完整的解决方法。
2025-07-06 16:59:03
1139
原创 【前端】工具链一本通
定义：工具链 是指在前端项目开发过程中，用于辅助开发、优化构建、提高代码质量和开发效率的一系列工具的组合。分类工具类别代表工具作用打包工具构建产物，模块打包代码转译工具将代码转为浏览器支持的语法代码质量工具检查代码规范、格式统一版本控制辅助工具控制提交前检查、规范提交信息测试工具单元测试、集成测试构建优化工具更快的构建/压缩替代方案开发辅助工具提升开发体验链接typescriptwebpack。
2025-06-02 00:38:25
938
原创 【算法题】算法一本通
因此最后题目就是转化为求一个数K的所有约数（质因子），题目K最大才30，之后求出所有约数中,n个数的和等于K的组合。题目没规定K值，因此，需要K从1到30循环，对每一次循环的K，找出所有所有约数，并对所有约数个数不小于n的情况，循环找出所有n个约数等于K的组合。如果你输入n=4，那么就是求这6个约数中，哪4个相加正好等于30的所有组合，根据组合原理，C(7,4)才210中组合，因此循环不会很久。5，根据“约数个数定理”，约数有8个，除去自己本身和1就剩6个，为2,3,5,6,10,15,
2025-06-01 13:29:12
759
原创 【前端】性能优化篇
本文仅是列出常见的前端性能指标和优秀数值范围，具体的指标和数值应根据项目需求、用户体验要求、业务规模等因素来确定。分页加载（Lazy loading），后端配合，（升级版游标分页）虚拟滚动（Virtual Scroll / Windowing）前端性能优化也不是一次性的任务，需要持续关注和优化。
2025-06-01 00:27:56
1032
原创 【前端】2025前端面试高频重点
Webpack / Vite 基本原理，常用配置，优化（比如打包、Tree Shaking、Code Splitting），对比。ESLint / Prettier 工具链概念（代码质量与格式化）Next.js（React）与 Nuxt.js（Vue）Service Worker（PWA技术、离线缓存）单页应用（SPA） vs 多页应用（MPA）服务端渲染（SSR）与静态站点生成（SSG）CI/CD流程（自动化构建与发布流程）缓存策略（强缓存 vs 协商缓存）Cypress（端到端测试）
2025-04-29 12:44:32
974
原创 【前端】1h 搞定 TypeScript 教程_只说重点
TypeScript（简称 TS）是一种由微软开发的开源编程语言，是 JavaScript 的超集。在 JavaScript 的基础上增加了静态类型检查等其他功能，使得开发者可以在编写代码时更早地发现潜在的错误，从而提高代码的质量和可维护性。“超集”是指一种包含原始语言或集合的语言或集合。比如：如果 A 是 B 的超集，那意味着 A 包含了 B 的所有元素或特性，同时可能还额外包含一些元素或特性。
2025-04-28 20:16:09
1458
原创 【前端】手把手解读Vue3文档_理论+实战+补充
在本地搭建 Vue 单页应用。创建的项目将使用基于 Vite 的构建设置，并允许我们使用 Vue 的单文件组件 (SFC)。生成的项目中的示例组件使用的是组合式 API 和 < script setup>，而非选项式 API。IDE配置： Visual Studio Code + Vue - Official 扩展。
2025-04-17 22:13:33
897
原创 【前端】webpack一本通
官网webpack作用（自动整合压缩并剔除无用代码）减少文件数量、缩小代码体积、提高浏览器打开速度webpack定义一个第三方模块包, 用于分析, 并打包代码支持所有类型文件的打包支持less/sass => css支持ES6/7/8 => ES5压缩代码, 提高加载速度webpack基于node, 所以导出遵守CommonJS规范安装初始化文件夹包环境, 得到package.json文件下载webpack等模块包。
2025-04-12 23:53:50
1392
原创 【前后端】Node.js一本通
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。nodejs官网运行环境浏览器是 JavaScript 的前端运行环境。Node.js 是 JavaScript 的后端运行环境。Node.js 中无法调用 DOM 和 BOM 等浏览器内置 API。功能Node.js 作为一个 JavaScript 的运行环境，仅仅提供了基础的功能和 API。在此基础上，运用很多强大的工具和框架。
2025-04-06 19:32:31
1309
原创 【前端】JS一本通
转自https://www.liaoxuefeng.com/wiki/仅供个人学习引入1、放入&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;head&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;2、从js文件引入 (更方便维护）
2019-01-18 23:25:11
1197
4
原创 数据结构实验习题
1#include &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;stdio.h&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;#include &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;stdlib.h&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;#define TR
2025-07-06 10:32:54
1476
原创 【项目】SaaS
SaaS（Software as a Service）软件即服务，用户通过网络使用软件，而不需要自己安装和维护软件。在浏览器上直接登录账户、使用功能、保存数据，不需要装软件，也不用自己维护服务器和数据库，这就是 SaaS。
2025-06-24 11:04:33
770
原创 【前端】柯里化 Currying
在这个例子中，curry 函数接收一个函数 fn，然后返回一个新的柯里化函数。这个柯里化函数会不断检查收集到的参数数量，直到足够调用原始函数 fn。“柯里化”这名字由来：是以逻辑学家哈斯凯尔·柯里（Haskell Curry）命名的，curry是咖喱的意思。高阶函数：接受一个或多个函数作为参数 or 返回一个函数作为结果。
2025-06-03 01:04:32
685
原创 【前端】实现扫码登录功能
在这个例子中，curry 函数接收一个函数 fn，然后返回一个新的柯里化函数。这个柯里化函数会不断检查收集到的参数数量，直到足够调用原始函数 fn。“柯里化”这名字由来：是以逻辑学家哈斯凯尔·柯里（Haskell Curry）命名的，curry是咖喱的意思。高阶函数：接受一个或多个函数作为参数 or 返回一个函数作为结果。
2025-06-03 01:00:09
955
1
原创 【后端】后端必会技能_只会CRUD不能称为后端
常见后端八股文：线程池、数据库优化、缓存策略、设计模式系统设计题：秒杀系统、高并发、高可用项目文档：接口文档（Swagger）、系统架构图。
2025-06-02 00:05:06
485
原创 【前端】SPA v.s. MPA
单页应用 Single Page Application。多页应用 Multi-Page Application。
2025-05-31 23:10:45
1220
原创 浮点数舍入规则_编程语言对比
为什么会有“四舍六入五成双”？“四舍六入五成双”主要应用于金融和科学计算领域，它的主要优点是在大量数据进行舍入时，可以减少累计误差。传统的“四舍五入”会有一个向上的偏向（因为“五”总是进位），而“四舍六入五成双”则能更好地平衡这种偏向，因为它一半的“五”会向上舍入，一半会向下舍入，使得总体误差更接近零。
2025-05-31 19:32:34
1049
原创 【前端】Twemoji（Twitter Emoji）
标签的 src 属性指向 Twemoji 的 SVG 图片。ref.current 这个变量本身（它存储的内存地址）没有改变，它依然指向同一个 div 元素。但这个 div 元素内部的子节点和内容被 twemoji.parse 方法修改了。twemoji.parse() 的作用是：它会扫描传入的 DOM 元素（在这里是 ref.current 所引用的元素）内部的文本内容，找到其中的 Unicode Emoji 字符，然后将这些字符替换成。// svg 或 72x72（PNG 图片）// 或 '.png'
2025-05-29 20:17:39
674
原创 【前端】PWA
PWA 是一种提升 Web 应用体验的技术，使其具备与原生应用相似的功能和性能。PWA不仅能够在网页上运行，还能在手机或桌面上像传统的移动应用一样进行交互，同时保留了Web应用的灵活性。它通过借助一些先进的功能，如Service Workers、Web App Manifest 和 Push Notifications 等，来提升用户体验、优化性能，并能在离线或低网速环境下依然保持可用性。PWA 强调的是“渐进式”，即可以根据设备的能力逐步增强其功能。
2025-05-28 23:27:10
1110
原创 【前端】使用HTTPS
在前端本地开发环境中使用 HTTPS 主要取决于你用的是哪个构建工具（如 Vite、Webpack、Vue CLI 等）。
2025-05-26 18:18:31
1016
原创 【基本理论】4字节int和4字节float表示的数据个数哪个多
结论：4 字节的 int 表示的数据个数比 float 多。范围怎么计算的？8 位指数可表示 0 到 255，其中：0 和 255 是保留值：e = 0：表示次正规数（denormalized number）e = 255：fraction = 0 → ±∞（正负无穷大）fraction ≠ 0 → NaN（非数值）所以：有效的指数范围是 1 ~ 254。
2025-05-26 01:06:36
612
原创 【前端】骨架屏
骨架屏（Skeleton Screen）是一种在页面加载过程中用于改善用户体验的设计模式。它通过在页面内容完全加载前，显示一个占位的界面来让用户感知页面正在加载，从而减少等待的焦虑感。
2025-05-12 21:45:49
427
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人