- 博客(38)
- 收藏
- 关注
RSS订阅原创 纷享销客前端实习一面
本文介绍了前端学习路径、技术兴趣点和个人优势，包含自学HTML/CSS/JavaScript、Vue/React框架学习及项目实践经历。对前端感兴趣源于其可视化效果和技术迭代快的特点。个人优势包括学习能力强、注重细节和团队协作。技术问题涵盖地铁规划算法（Dijkstra、DFS/BFS）、时间复杂度分析（O(n²)例子）、Promise用法（all/race等）、数组reduce/flatten方法、Vue nextTick及与React的对比（模板vs函数式）。体现了扎实的前端基础和算法理解。
2025-08-07 15:32:56
753
原创 字节前端面试知识点总结
本文摘要： 文章涵盖前端开发多个核心知识点，主要包括：1）闭包的定义、原理与应用，如数据隐藏和函数柯里化；2）防抖节流函数的实现与优化；3）Flex布局的常用属性和应用场景；4）跨域问题的定义与解决方案（CORS、JSONP等）；5）JSONP与postMessage的跨域通信方式；6）WebSocket的断线重连与消息重发机制；7）npm/yarn/pnpm工具对比；8）Monorepo的优势与实现工具；9）VueRouter的基本实现原理；10）Tree Shaking优化与按需加载；11）Webpac
2025-07-27 17:29:59
644
原创 用HTML5实现实时ASCII艺术摄像头
HTML5实时ASCII艺术摄像头摘要 这个项目利用HTML5和原生JavaScript实现了一个将摄像头画面实时转换为ASCII字符艺术的Web应用。核心功能包括多模式字符渲染(8种字符集)、动态调色板(6种预设+彩虹效果)、专业图像处理(亮度/对比度/模糊/噪点)和分辨率控制(20-120级)。技术实现上采用双缓冲Canvas进行视频流处理，通过感知亮度算法将像素转换为ASCII字符，并设计了特效处理管道系统。项目亮点在于实时性能优化(Web Worker、节流渲染)和丰富的交互控制(镜像、色彩、特效等
2025-05-25 22:27:38
1632
原创 实现手势操控3D粒子动画？太好玩了！
小编刷着公众号，发现我喜欢的博主发表了一篇手势操控3d粒子动画的文章，立马去试了一下，发现确实挺不错的，也是开始研究其源码来了。
2025-05-02 11:08:28
961
原创 前端性能优化面试回答技巧
基于用户行为/视口位置动态加载资源Suspense“我们在项目的首页用路由懒加载将首屏无关模块拆分为独立chunk，结合Webpack的预加载策略，首屏加载时间降低40%。同时用Intersection Observer实现了商品图片滚动到可视区域再加载，节省了30%的带宽消耗”
2025-04-27 11:42:07
959
原创 react和vue的区别之一
设计哲学差异• Vue 的响应式系统需要明确知道哪些属性需要跟踪• React 的状态更新是显式的（通过setStateAnt Design Form 的工作原理fill:#333;color:#333;color:#333;fill:none;Form.Item的name属性内部维护storeonFinish时提取对应数据性能考量• Vue 的响应式系统需要初始化所有属性• React 的虚拟 DOM 差异更新更灵活。
2025-04-25 21:57:48
1603
1
原创 融山科技前端面经
面试官您好，我是来自XX学校XX专业本科的XX名字，然后介绍在学校情况，我就介绍了大一自学前端，然后做了什么项目，拿了什么奖，对前端有浓厚的兴趣…
2025-04-23 20:41:12
1253
原创 前端Three.js入门（五）
/ 创建法向量数组0, 1, 0, // 顶点0法线向上-1, 0, 0, // 顶点1法线向左// ...其他顶点]);
2025-03-30 16:55:58
926
原创 Vue 监听器 watch`深度解析
一、核心概念拆解1. 三大核心要素要素说明类比生活场景监听源被监视的数据源（用户信息对象）监控摄像头对准的保险柜回调函数数据变化时触发的操作函数保险柜被打开时触发的警报配置选项控制监听行为的参数设置监控摄像头的灵敏度设置2. 参数详解二、逐层深入解析1. 监听源（Source）常见类型：响应式对象（ 创建）ref 对象（含对象类型的 ref）getter 函数（）可能这里有人对getter函数不太理解，下面是我找的资料：（获取器）这个名字来源
2025-03-27 23:33:13
1505
原创 Vue 3 响应式原理：computed的模板解包机制
二话不说先上代码，大家觉得会输出什么呢?结果如下所示，大家可能有点疑惑？接下来就看下面知识点：控制台首次输出模板渲染机制模板编译结果对比模板写法实际渲染值原理说明“ac”自动解包 ref，等价于 “acbc”自动解包 computed，等价于 空/undefined错误用法，因为 解包后得到字符串，字符串没有 属性为什么表现不同？Ref 对象结构：Computed 对象结构：模板自动解包规则：控制台输出详解1.
2025-03-27 23:32:23
989
原创 Axios 深入解析
通过学习 Axios 的 API、实例、请求配置、默认配置和拦截器，你可以更高效地处理 HTTP 请求，提升前端开发效率。希望这份文档能帮助你深入理解 Axios 的核心概念和实际应用。那我就要问你了，请求头是什么？有什么作用？为什么要他？回答我！
2025-03-27 18:04:06
982
原创 Three学习入门（四）
通过以上内容，您可以了解 Three.js 的基础概念、纹理颜色空间的处理以及雾效的添加方法。希望这些知识点对您有所帮助！### 图片示例#### 纹理颜色空间对比!#### 雾效效果!---### 代码示例#### 创建场景并添加物体animate();通过以上内容，您可以了解 Three.js 的基础概念、纹理颜色空间的处理以及雾效的添加方法。希望这些知识点对您有所帮助！
2025-03-25 23:20:27
743
原创 你懂keep-alive吗？
首次讲入组件: beforeRouteEnter ->beforeCreated ->created ->mounted -> activated ->beforeRouteLeave ->deactivated。：多步骤表单、填写后需要返回修改的表单、填了一半需要切换其他页面再回来的情况。：后台管理系统中的多标签页、内容型网站的频道切换、数据分析平台的多视图切换。：移动端应用的页面导航、需要保持状态的详情页、需要记住筛选条件的列表页。：数据可视化大屏、复杂图表组件、3D模型渲染、富文本编辑器。
2025-03-25 20:58:43
977
原创 Vue的小区保安大哥
业主拎着菜走到小区门口保安A：（突然闪现）“站住！出示健康码！业主：“我就住3栋啊…”保安A：“我不管！每个进小区的都得查！（掏出清单）3栋业主…嗯，你上月物业费没交！业主：“？？？我回自己家还要被拦？保安A："这是规矩！要么现在缴费，要么去物业办公室（next(‘/property-office’)）
2025-03-25 20:20:00
621
原创 Web前端考核 JavaScript知识点详解
特性varletconst作用域函数作用域块级作用域块级作用域变量提升✅ 声明提升，值为undefined❌ 存在暂时性死区❌ 存在暂时性死区重复声明✅ 允许重复声明❌ 不允许重复声明❌ 不允许重复声明修改值✅ 可以重新赋值✅ 可以重新赋值❌ 不能重新赋值（常量）Symbol由于Symbol属性不会被常规方法遍历到，可以用来模拟私有属性。[age]: 30// 30BigInt是 JavaScript 中的一种新的基本数据类型（ES2020 引入），专门用来表示超大整数。
2025-03-24 21:43:29
1262
原创 CSS 学习笔记 - 蓝桥杯重点整理
隐藏所有带有 .no-print 类的元素。适用场景：在打印页面时，隐藏不需要打印的内容（如导航栏、按钮等）。@media print：表示当页面被打印时，应用以下样式。/* 标签选择器 *//* ID选择器 *//* 类选择器 */
2025-03-22 16:31:23
493
原创 前端Three.js入门（二）
父子关系通过add()方法建立，形成层级变换链局部坐标通过矩阵乘法转换为世界坐标使用获取准确世界空间位置// 父物体X轴+2child.position.set(0, 1, 0) // 子物体在父坐标系中Y+1// 将父物体加入场景// 验证世界坐标console.log(‘World Position:’, worldPos) // 输出 (2,1,0)// 相机位置。
2025-03-19 23:24:15
736
原创 前端Three.js入门（一）-Three的第一个简单的页面
小编想学点3d酷炫效果，迫不及died的点开了b站，立马点击第一个《老陈打码》的视频，开始了我的Three.js美妙（痛苦）之旅…先附上官网链接：https://threejs.org/
2025-03-19 21:47:38
1202
原创 Git的简单使用
远程仓库（Remote Repository）：远程仓库是托管在网络上的 Git 仓库，用于团队协作和备份代码。分支（Branch）：分支是基于主分支（通常为 master）的不同工作流。提交（Commit）：提交是 Git 中的基本操作，用于保存文件的更改。每次提交都包含一个提交消息，用于描述更改的内容。合并（Merge）：合并是将一个分支的更改整合到另一个分支的操作。通过合并可以将不同的分支中的更改合并到主分支中。通过学习和掌握 Git 的基本概念和使用方式，可以更高效地管理项目的开发过程和团队协作。
2025-03-16 16:04:03
236
原创 Vue样式の“防弹衣“——Scoped属性奇幻漂流记
某日，组件A写着，组件B也写着。最终所有按钮都变成了杀马特彩虹色…这就是没有scoped的江湖！给你的组件穿上定制防弹衣，既保护自己的样式领地，也不去侵犯他人疆土，这才是优雅的Vue巫师之道！记住：能力越大，责任越大~✨。
2025-03-15 14:36:46
228
原创 如何将网站加载速度提升50%？前端性能优化全攻略
在当今互联网时代，网站加载速度直接影响用户体验和SEO排名。根据Google的研究，页面加载时间每增加1秒，转化率就会下降7%。因此，优化网站性能是每个前端开发者的必修课。本文将为你提供一套完整的前端性能优化方案，帮助你将网站加载速度提升50%甚至更多。通过以上优化策略，你可以显著提升网站的加载速度，改善用户体验和SEO排名。记住，性能优化是一个持续的过程，需要不断测试和调整。开始优化你的网站吧，让你的用户享受更快的加载体验！参考资料。
2025-03-07 22:59:22
797
原创 前端の骚操作代码合集 | 让你的网页充满恶趣味
这些代码就像前端的"复活节彩蛋"，适度使用能让网站充满趣味性，但千万别用在生产环境哦！https://codepen.io/ 链接 CodePen）：此功能可能导致用户怀疑人生 (￣▽￣)"：按钮会跟随鼠标指针，但始终保持微妙距离。希望这篇博客能成为程序员的快乐源泉！：按下 F11 进入全屏模式效果更佳。：仅用 20 行代码实现经典效果。：点击元素后触发扭曲消失动画。：在开发者工具中埋入神秘信息。：将摄像头画面转为字符艺术。：让页面滚动方向完全颠倒。
2025-03-04 12:44:04
910
原创 HTML5！进击2025web蓝桥杯复习之路
语义化标签提升SEO和可访问性原生多媒体支持减少插件依赖强大的本地存储能力复杂图形处理能力多线程支持提升性能建议结合 CSS3 和 JavaScript API 使用，可构建现代化 Web 应用。
2025-03-01 00:02:12
866
原创 uniapp
uni-app 是一个使用 Vue.js 开发所有前端应用的框架，可以编译到 iOS、Android、H5、以及各种小程序等多个平台。
2024-10-25 21:44:15
2004
原创 HTML+CSS复习
HTML（HyperText Markup Language，超文本标记语言）是构建网页和其他信息可以在网页浏览器中查看的内容的标准标记语言。
2024-10-23 21:40:44
748
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人