- 博客(71)
- 问答 (4)
- 收藏
- 关注
RSS订阅原创 30 个 CSS 技巧助你提升网页设计水平
网页设计领域快速发展。为了保持领先地位，掌握最新的 CSS 技术至关重要，这些技术可以将您的网站从普通变得与众不同。在本文中，我们将探索 100 个强大的 CSS 技巧，这些技巧将使您的网页设计技能更上一层楼。a {
2025-04-07 11:17:34
549
原创 Vue和React区别
Vue和React的区别和从编译原理的角度来聊聊Vue的template和React的jsx。面试官问这些问题一般是想了解你对这两个框架的理解，所以这是一个开放性的问题，不同的同学对框架的理解程度不同、侧重点不同，回答出来的答案也不同。这篇文章将从Vue出发来聊聊Vue和React的区别，大家有补充的欢迎在评论区提出。先来说说相同点，这个简单，组件化、采用虚拟DOM、以及都在向函数式编程靠拢，具体的表现就是Vue推出了Composition（组合式） API，React推出了hooks。
2025-04-07 11:17:00
508
原创 JavaScript 数组7个不常用的方法
JavaScript 数组除了 map()、filter()、find() 和 push() 之外还有更多功能。现在给大家分享一些鲜有人知道的数组方法，我们现在开始吧。
2025-04-03 08:50:18
413
原创 前端项目优化
在如今这个信息爆炸的时代，前端性能优化已经成为提升用户体验和网站竞争力的关键因素。一个加载迅速、响应灵敏的网站，不仅能吸引更多的用户，还能提高用户留存率和转化率。今天，就让我们一起深入探讨前端项目优化的方方面面，掌握那些能让网站“飞起来”的秘籍。提示：以下是本篇文章正文内容，下面案例可供参考前端项目优化是一个系统性工程，涉及加载优化、资源优化、代码优化、构建优化以及性能监控等多个方面。
2025-04-03 08:49:17
1043
原创 深度解析Vue响应式机制
最后总结一下reactive函数的执行流程：首先，当我们调用reactive函数并传入一个target对象时，reactive内部会调用createReactiveObject函数生成并返回一个proxy代理对象。这个proxy代理对象中get方法会收集并以键值对的方式存储依赖，当改变对象的某个属性时，触发proxy的set函数，set函数中的trigger函数会从之前存储的对象中循环调用所有依赖。
2025-03-24 09:13:32
717
原创 实用的 JavaScript 自动化脚本
以前，我总在浏览器上花大量时间处理重复性任务——填写表单、管理标签页、浏览无尽的页面。我感觉一定有更聪明的方法来处理这一切。所以，我转向JavaScript来自动化这些任务。效果立竿见影。以前需要数小时的工作，现在只需要几分钟就能完成。
2025-03-24 09:13:01
928
原创 8个关于Promise高级用途的技巧
我发现很多人只知道如何常规地使用promise。在js项目中，promise的使用应该是必不可少的，但我发现在同事和面试官中，很多中级以上的前端仍然坚持promiseInst.then()、promiseInst.catch()、Promise等常规用法等等。即使是 async/await 他们也只知道它但不知道为什么要使用它。但实际上，Promise 有很多巧妙的高级用法，并且一些高级用法在 alova 请求策略库内部也被广泛使用。现在，我将与大家分享8个高级使用技巧。
2025-03-17 09:07:08
962
原创 响应式设计：打造适配所有屏幕的H5页面大小
萝卜青菜，各有所爱；正如我们对于手机的选择一样，每个人都有自己偏好的品牌和型号，而这些设备的屏幕大小也千差万别。面对如此多样化的终端环境，如果一个H5页面仅仅针对某一特定尺寸的手机进行设计，那么当其他用户尝试访问时，可能会遇到布局错乱、元素显示不全等问题，极大地影响了用户体验。在这样的背景下，如何设计出能够完美适配所有屏幕的H5页面，成为了开发者们亟需解决的重要课题。
2025-03-17 09:06:46
843
原创 Vue3的响应式原理？
其实Vue3已经出来很久了，可能大部分公司都用上了，但是，Vue3究竟比Vue2好在哪里？其实很多人都不知道。今天我就先给大家讲一讲Vue3的响应式原理吧，顺便说一说Vue3的响应式到底比Vue2的响应式好在哪。先看看下面这段代码let name = '林三心', age = 22, money = 20${
2025-03-13 10:59:43
660
原创 「Vue2+Vue3」 的 62 个知识点
Vue2+Vue3」 的 62 个知识点，让我们更了解vue提示：以下是本篇文章正文内容，下面案例可供参考这里只说Vue2的bind：指令绑定到指定元素时调用，只调用一次inserted：指定元素插入父节点时调用update：所在组件的 VNode 更新时调用componnetUpdated：所在组件以及其子组件 VNode 全部更新后调用unbind：只调用一次，指令与元素解绑时调用props: {num: {// 返回值为false则验证不通过，报错return [
2025-03-13 10:58:36
843
原创 做一个考试网站，怎么防止考生作弊呢？
最近公司在做一个内部的考试平台，说到考试网站，我们第一时间想到的就是防作弊，所以在做这个考试平台的时候，就在想应该怎么去做防作弊。
2025-02-13 16:18:03
318
原创 10 个非常有用的 CSS 单行代码，你可能没有使用过它们
CSS 是设计网站的工具之一。许多开发人员只了解 CSS 的基础知识，他们花了数小时才弄好布局，或者设计出总觉得缺少点什么的设计。但有一些特殊功能和隐藏的精华可以为您节省数小时的工作时间，并显著改善您的代码，使其更加完美。以下可能是你没有使用过，但绝对有用的 10 个 CSS 功能！
2025-02-13 16:04:30
766
原创 聊聊JavaScript如何判断对象自身为空？
如何判断一个对象为空是我们在开发中经常会遇到的问题，今天我们来聊聊几种经常使用的方法，以及在不同的场景下我们如何去使用。提示：以下是本篇文章正文内容，下面案例可供参考判断一个对象是否为空时，使用 Reflect.ownKeys 方法最为完美。
2025-01-06 14:47:14
953
原创 v-for和v-if为啥不共存？
当我们提到 Vue 的面试题时，不免总会提到一个问题：v-for 和 v-if 可以共存吗？Vue2 中 不可以Vue3 中 可以Vue2 中 v-for 优先级比 v-if 高Vue3 中 v-if 优先级比 v-for 高但是其实很多人都是背的，具体为啥会这样，很多人都没搞清楚，稍微再往深一问，95%的人就回答不出来了~提示：以下是本篇文章正文内容，下面案例可供参考总结就是不要让 v-if 和 v-for 共存在同一个标签中，遇到这种情况需要使用 computed 去计算，然后再去渲染。
2025-01-06 14:46:58
563
原创 WebSocket笔记
本文将介绍 WebSocket 的封装，比如：心跳机制，重连和一些问题如何去处理以下是百度百科中对WebSocket是一种在单个 TCP 连接上进行 全双工 通信的协议。WebSocket通信协议于2011年被 IETF 定为标准 RFC 6455，并由 RFC7936 补充规范。也被 W3C 定为标准。WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。
2024-12-31 14:54:12
1389
原创 10个你可能错过的JavaScript怪异现象
如果编程语言是一个大家庭，那么JavaScript无疑是那个有点怪异，但又让所有人喜爱的“怪叔叔”——虽然大家都喜欢他，但似乎没人能完全理解他。你肯定听过那些让人啼笑皆非的故事，比如NaN竟然是个数字，或者JavaScript居然只用了10天就被开发出来（是真的！但是，今天我们要深入挖掘一些更为深奥的JavaScript冷知识——这些内容即使是资深开发者也未必知道。系好安全带，让我们一起探索这个充满混乱与魅力的JavaScript世界吧！提示：以下是本篇文章正文内容，下面案例可供参考。
2024-12-31 14:53:58
681
原创 7 种常见的前端攻击
大家都知道，保证网站的安全是十分重要的，一旦网站被攻陷，就有可能造成用户的经济损失，隐私泄露，网站功能被破坏，或者是传播恶意病毒等重大危害。所以下面我们就来讲讲7 种常见的前端攻击。
2024-12-31 14:53:47
831
原创 8 个 CSS 技巧，让你的代码更简洁优雅
写出简洁优雅的 CSS 代码不仅能提高代码的可维护性，还能减少样式冲突。本文将介绍 8 个实用技巧，帮你提升 CSS 代码质量。提示：以下是本篇文章正文内容，下面案例可供参考。
2024-12-25 14:29:07
1054
原创 如何使用流式渲染技术提升用户体验
流式渲染主要思想是将HTML文档分块（chunk）并逐块发送到客户端，而不是等待整个页面完全生成后再发送。流式渲染不是什么新鲜的技术。早在90年代，网页浏览器就已经开始使用这种方式来处理HTML文档。在 SPA （单页应用）流行的时代，由于 SPA 的核心是客户端动态地渲染内容，流式渲染没有得到太多关注。如今，随着服务端渲染相关技术的成熟，流式渲染成为可以显著提升首屏加载性能的利器。素材来源于文章本文从理论上探讨了流式渲染相关实现方案，理论上，流式渲染很简单。
2024-12-25 14:28:59
840
原创 一文搞懂JS原型与原型链！
作为一个初入前端的小白，原型链的概念太多，一直觉得难以理解，对整个原型链的了解非常模糊。提示：以下是本篇文章正文内容，下面案例可供参考每个 JavaScript 对象都有一个原型对象，通过 prototype 属性实现继承机制。每个对象均存在隐式原型(__proto__)，函数对象才有prototype属性「__proto__存在的意义在于为原型链查找提供方向，原型链查找靠的是__proto__」，而不是prototype 函数对象的__proto__都指向Function.prototype。
2024-12-25 14:28:49
690
原创 前端常见的数据加密
你是否有过这样的经历？在注册一个新网站时，需要填写个人信息，例如姓名、邮箱、手机号码，甚至身份证号码。你可能会担心，这些信息会被泄露，被不法分子利用。前端数据加密，就是解决这个问题的关键技术之一。它可以在数据传输到服务器之前，对其进行加密处理，即使数据被窃取，也无法被轻易破解。提示：以下是本篇文章正文内容，下面案例可供参考前端数据加密是指在数据从用户浏览器传输到服务器之前，对其进行加密处理的技术。它将明文数据转换为密文，即使数据在传输过程中被截获，也无法被轻易读取或篡改。前端数据加密 vs 后端数据加密。
2024-12-17 09:51:58
1065
原创 要用Vue3，你该做出改变喽
Vue3 已经发布很长一段时间了，虽然早就用上了框架，但是很多人依旧保持着Vue2的思维习惯，导致大家在实际开发中并没有感觉到提升，属实是新瓶装旧酒。我们应该意识到这并不仅仅是一个数字大版本的迭代，而是一次全新的开发体验。让我们一起看看在使用Vue3开发时，应该在哪些地方做出改变？提示：以下是本篇文章正文内容，下面案例可供参考。
2024-12-16 17:20:50
692
原创 Vue 的 setup 语法糖为什么不能 export？
如果体验过 Vue 3 的语法糖，那你可能踩过这个雷：“不支持 ESM 模块的export”，因为其幕后机制不支持 ESM 的export语法。👇 这篇 Vue 学院1导出报错的原因的运行机制编译宏的妙用提示：以下是本篇文章正文内容，下面案例可供参考Vue 3 的封装是关键：Vue 3 的组件被设计为独立组件。：当你需要与外界共享内部状态时，defineExpose 提供了一种精准控制的方案。保持模块化：遵循“最小权限原则”，只暴露必要的内容，并保持组件的逻辑清晰且易于管理。
2024-12-16 16:26:00
1005
原创 React 19 除了 RSC 等新功能，还优化了什么？
React 19 正式发布，新功能看下面这张图就欧了：👇除了 RSC 等新功能，React 官方博客1还分享了基于旧版的 DX（开发体验）优化和其他改进。提示：以下是本篇文章正文内容，下面案例可供参考React 19 增加了对自定义元素2的全面支持，因为旧版 React 将无法识别的 props 视为特性（attributes）而不是属性（properties）。服务器端渲染：如果传递给自定义元素的 props 类型是stringnumber等原始值或者值为true，那么它们会渲染为属性。诸如。
2024-12-13 15:19:06
1205
1
原创 JavaScript逆向时，常用的11个hook
在逆向分析JavaScript代码时，开发者经常使用一些用于hook（钩子）的技术来监视或修改程序的行为。以下是一些常用的hook技术及其示例代码。提示：以下是本篇文章正文内容，下面案例可供参考。
2024-12-13 11:59:06
1389
原创 前端速通Blob、File、FileReader、ArrayBuffer、Base64...
在前端开发的旅途中，我们总会与 Blob、File、FileReader、ArrayBuffer、Base64、URL.createObjectURL() 这些“老朋友”不期而遇。通常，我们会祭出“万能”搜索引擎，复制粘贴一段代码，完成任务后便拍拍手走人，从未深究这些概念背后的奥秘。是时候痛下决心，抽出十分钟，一起搞懂这些“神秘代码”的真相！让我们在开发的江湖中，不再只是“复制侠”，而是“代码大师”！Base64 是一种将二进制数据编码为文本格式的方法，广泛用于需要通过文本传输二进制数据的场合。
2024-12-05 15:39:48
977
原创 NodeJs的性能监控指标
最近一直在用 NestJs 开发一个企业级的商业化项目，对于要上线的项目，那必然就少不了性能监控了。了解这些指标对我们开发调优的时候至关重要。CPU 使用率CPU 负载(load)内存磁盘I/O吞吐量 （Throughput）每秒查询率 QPS（Query Per Second）日志监控/真实 QPS响应时间进程监控提示：以下是本篇文章正文内容，下面案例可供参考Node.js 的性能监控对构建高效、稳定的企业级应用至关重要。
2024-12-05 15:39:20
1113
原创 我的创作纪念日
在谈及成为创作者的初心时，我的思绪回到了那些充满激情与探索的日子。最初，我踏入这一领域，是源于实战项目中的经验分享。在项目的摸爬滚打中，我深刻体会到技术交流的必要性，于是决定将所学所得记录下来，与更多同行共享。此外，日常学习过程中的点滴积累，也让我萌生了通过文章进行技术传播的想法，希望能为行业贡献一份力量。
2024-11-27 16:33:22
167
原创 聊聊前端这些请求头和响应头的含义
如果你是一名开发，肯定对请求头和响应头这两个词听上去特别有亲切感，请求头和响应头顾名思义就是请求和响应相关的一些信息，但具体到请求头和响应头里面的某个参数是啥意思可能很多人就不知道了。就像最近问到一些面试者响应头里面最常见的Cache-Control和Content-Type所代表的是什么意思，很多都回答的支支吾吾的。真要说在项目中这种面试者也肯定能正常搬砖干活，但一看就是基本功非常差，如果有对比选择的情况下非常容易被"pass"掉。
2024-11-27 14:45:15
1039
原创 10种javascript设计模式
通过最近的面试我发现，很多同行小伙伴做了几年的开发竟然连基本的设计模式都不知道，甚至可能连什么是设计模式都说的有点模棱两可。如果作为几年经验的中高级前端这其实是不应该的，因此才想写一篇文章说明什么是设计模式？？设计模式有哪些分类？？然后举例？？好了废话不多说，下面让我们直入主题。提示：以下是本篇文章正文内容，下面案例可供参考用大白话说前端的设计模式，其实就是一种可以在多处地方重复使用的代码设计方案，只是不同的设计模式所能应用的场景有所不同。
2024-11-26 09:33:44
765
原创 20 个 Git 命令行技巧
大多数开发人员每天都会使用 Git，但许多人只是对其功能略知一二。学习一些 git 命令行技巧可以改变游戏规则，让你更高效、更有成效，对版本控制更有信心。那么，让我们深入了解每个开发人员工具包中都应该有的 20 个 Git 命令行技巧。在最后一次提交中犯了错误？没问题。此命令撤消您的最后一次提交，但将更改保留在您的工作目录中，因此您可以轻松解决问题。提示：如果您想保留更改，请使用 --soft；如果您想撤消所有内容（包括本地更改），请使用 --hard。
2024-11-04 16:07:02
744
原创 JS高级-Promise系列详解
Promise是ES6之后新增的一个重要知识点（也可以说是最重要的知识点之一），是每个前端开发都必须要掌握的知识点，因为这与我们正式编写项目时，需要与后端交互的网络请求息息相关但是对于Promise的学习来说，很多同学会觉得有点迷茫，刚开始不知所云、困难重重在本章节中，我们会认识Promise究竟是一个怎么样的API，在Promise出现之前，我们都是怎么进行书写的，以及当Promise出现后，都有哪些方法以及如何使用Promise的类方法与对象方法有什么区别，为什么要区分开为两种方法？
2024-10-29 15:35:11
2258
js中的this.callback()，this.async()如何理解
2022-12-07
修改eclipse背景图片透明度
2021-09-28
hibernate测试出现错误，请问大佬怎么解决？
2020-03-03
TA创建的收藏夹 TA关注的收藏夹
TA关注的人