- 博客(219)
- 收藏
- 关注
RSS订阅
原创 【前端】工具链一本通
定义：工具链 是指在前端项目开发过程中，用于辅助开发、优化构建、提高代码质量和开发效率的一系列工具的组合。分类工具类别代表工具作用打包工具构建产物，模块打包代码转译工具将代码转为浏览器支持的语法代码质量工具检查代码规范、格式统一版本控制辅助工具控制提交前检查、规范提交信息测试工具单元测试、集成测试构建优化工具更快的构建/压缩替代方案开发辅助工具提升开发体验链接typescriptwebpack。
2025-06-02 00:38:25
862
原创 【算法题】算法一本通
因此最后题目就是转化为求一个数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
710
原创 【前端】性能优化篇
本文仅是列出常见的前端性能指标和优秀数值范围，具体的指标和数值应根据项目需求、用户体验要求、业务规模等因素来确定。分页加载（Lazy loading），后端配合，（升级版游标分页）虚拟滚动（Virtual Scroll / Windowing）前端性能优化也不是一次性的任务，需要持续关注和优化。
2025-06-01 00:27:56
992
原创 【前端】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
911
原创 【前端】1h 搞定 TypeScript 教程_只说重点
TypeScript（简称 TS）是一种由微软开发的开源编程语言，是 JavaScript 的超集。在 JavaScript 的基础上增加了静态类型检查等其他功能，使得开发者可以在编写代码时更早地发现潜在的错误，从而提高代码的质量和可维护性。“超集”是指一种包含原始语言或集合的语言或集合。比如：如果 A 是 B 的超集，那意味着 A 包含了 B 的所有元素或特性，同时可能还额外包含一些元素或特性。
2025-04-28 20:16:09
1416
原创 【前端】手把手解读Vue3文档_理论+实战+补充
在本地搭建 Vue 单页应用。创建的项目将使用基于 Vite 的构建设置，并允许我们使用 Vue 的单文件组件 (SFC)。生成的项目中的示例组件使用的是组合式 API 和 < script setup>，而非选项式 API。IDE配置： Visual Studio Code + Vue - Official 扩展。
2025-04-17 22:13:33
833
原创 【前端】webpack一本通
官网webpack作用（自动整合压缩并剔除无用代码）减少文件数量、缩小代码体积、提高浏览器打开速度webpack定义一个第三方模块包, 用于分析, 并打包代码支持所有类型文件的打包支持less/sass => css支持ES6/7/8 => ES5压缩代码, 提高加载速度webpack基于node, 所以导出遵守CommonJS规范安装初始化文件夹包环境, 得到package.json文件下载webpack等模块包。
2025-04-12 23:53:50
1359
原创 【前后端】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
1295
原创 【前端】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
1147
4
原创 【前端】柯里化 Currying
在这个例子中，curry 函数接收一个函数 fn，然后返回一个新的柯里化函数。这个柯里化函数会不断检查收集到的参数数量，直到足够调用原始函数 fn。“柯里化”这名字由来：是以逻辑学家哈斯凯尔·柯里（Haskell Curry）命名的，curry是咖喱的意思。高阶函数：接受一个或多个函数作为参数 or 返回一个函数作为结果。
2025-06-03 01:04:32
676
原创 【前端】实现扫码登录功能
在这个例子中，curry 函数接收一个函数 fn，然后返回一个新的柯里化函数。这个柯里化函数会不断检查收集到的参数数量，直到足够调用原始函数 fn。“柯里化”这名字由来：是以逻辑学家哈斯凯尔·柯里（Haskell Curry）命名的，curry是咖喱的意思。高阶函数：接受一个或多个函数作为参数 or 返回一个函数作为结果。
2025-06-03 01:00:09
824
1
原创 【后端】后端必会技能_只会CRUD不能称为后端
常见后端八股文：线程池、数据库优化、缓存策略、设计模式系统设计题：秒杀系统、高并发、高可用项目文档：接口文档（Swagger）、系统架构图。
2025-06-02 00:05:06
475
原创 【前端】SPA v.s. MPA
单页应用 Single Page Application。多页应用 Multi-Page Application。
2025-05-31 23:10:45
1193
原创 浮点数舍入规则_编程语言对比
为什么会有“四舍六入五成双”？“四舍六入五成双”主要应用于金融和科学计算领域，它的主要优点是在大量数据进行舍入时，可以减少累计误差。传统的“四舍五入”会有一个向上的偏向（因为“五”总是进位），而“四舍六入五成双”则能更好地平衡这种偏向，因为它一半的“五”会向上舍入，一半会向下舍入，使得总体误差更接近零。
2025-05-31 19:32:34
1033
原创 【前端】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
628
原创 【前端】PWA
PWA 是一种提升 Web 应用体验的技术，使其具备与原生应用相似的功能和性能。PWA不仅能够在网页上运行，还能在手机或桌面上像传统的移动应用一样进行交互，同时保留了Web应用的灵活性。它通过借助一些先进的功能，如Service Workers、Web App Manifest 和 Push Notifications 等，来提升用户体验、优化性能，并能在离线或低网速环境下依然保持可用性。PWA 强调的是“渐进式”，即可以根据设备的能力逐步增强其功能。
2025-05-28 23:27:10
944
原创 【前端】使用HTTPS
在前端本地开发环境中使用 HTTPS 主要取决于你用的是哪个构建工具（如 Vite、Webpack、Vue CLI 等）。
2025-05-26 18:18:31
952
原创 【基本理论】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
586
原创 【前端】骨架屏
骨架屏（Skeleton Screen）是一种在页面加载过程中用于改善用户体验的设计模式。它通过在页面内容完全加载前，显示一个占位的界面来让用户感知页面正在加载，从而减少等待的焦虑感。
2025-05-12 21:45:49
375
原创 【许可证】Open Source Licenses
长期更新开源许可证（Open Source Licenses）有很多种，每种都有不同的授权和限制，适用于不同目的。
2025-05-10 12:37:14
561
原创 【前端】手把手解读React官方文档_理论+实战+补充
React.js 不是一个框架，它只是一个库。它只提供 UI （view）层面的解决方案。在实际的项目当中，它并不能解决我们所有的问题，需要结合其它的库，例如 Redux、React-router 等来协助提供完整的解决方法。用户断网后网页不会消失。项目目录文件├── src/│ ├── api/│ └── ...└── ...关于项目的基本信息,还有相关指令 npm，如npm run start….gitignore不想传到git的文件可以定义在里面#注释要忽略的用相对路径。
2025-05-07 18:51:08
988
原创 ES6入门---第三单元 模块七： Proxy的使用+Reflect的使用
proxy: 代理 扩展(增强)对象、方法(函数)一些功能 比如: Vue Vue.config.keyCodes.enter=65 Proxy作用: 比如vue中拦截 预警、上报、扩展功能、统计、增强对象等等 proxy是设计模式一种， 代理模式 语法: new Proxy(target...
2025-05-07 13:06:34
715
1
原创 ES6入门---第三单元 模块五：Map和WeakMap
map:users.map((user) 遍历类似 json, 但是json的键(key)只能是字符串 map的key可以是任意类型使用: let map = new Map(); map.set(key,value); 设置一个值 map.get(key) 获取一个值 map.delete(key) 删除一项 ...
2025-05-07 13:05:10
646
1
原创 【前端】快速过一遍React全家桶2025
提炼逻辑，提高复用性hooks定义及作用在 Hooks 出现之前，你想在组件中使用“状态”或“生命周期方法”（如 componentDidMount）只能用 class 组件 写法。class 太重、不易复用、逻辑混乱，所以 React 团队就发明了 Hooks。函数组件 + Hooks 的写法，简单清爽。React Hooks 让你能在不写 class 的情况下使用状态、生命周期、DOM 引用、性能优化等功能。//无hooksconsole.log('组件挂载了');render() {
2025-05-06 20:26:37
881
原创 ES6入门---第三单元 模块四：Set和WeakSet
set数据结构: 类似数组，但是里面不能有重复值，如果有，只显示一个set用法: let setArr = new Set(['a','b']); setArr.add('a'); 往setArr里面添加一项let setArr = new Set().add('a').add('b').add('c'); setArr.delete('b')...
2025-05-04 20:06:14
771
1
原创 ES6入门---第三单元 模块三：async、await
async function fn(){ //表示异步：这个函数里面有异步任务 let result = await xxx //表示后面结果需要等待 }读取文件里数据实例：const fs = require('fs');//简单封装 fs封装成一个promiseconst readFile = function (fileName){ re...
2025-05-04 20:05:37
749
1
原创 ES6入门---第三单元 模块一：类、继承
补充：prototype 属性使您有能力向对象添加属性和方法。object.prototype.name=value <script> function Person(name, age){ this.name = name; this.age = age; } /...
2025-05-04 20:04:31
593
1
原创 ES6入门---第二单元 模块五：模块化
js不支持模块化注意： 需要放到服务器环境1、如何定义模块？export 东西例：1.js文件中console.log('1模块加载了');//显示是否加载了export const a =12;export const b = 5;export let c = 101;const a=12;const b=5;const c=101;export {/...
2025-05-04 20:03:31
648
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人