- 博客(194)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 git安装教程
Git看了黑马教程然后总结内容一、Git基础1、Git介绍Git是目前世界上最先进的分布式版本控制系统。2、Git与Github2.1、两者区别Git是一个分布式版本控制系统，简单的说其就是一个软件，用于记录一个或若干文件内容变化，以便将来查阅特定版本修订情况的软件。Github（https://www.github.com）是一个为用户提供Git服务的网站，简单说就是一个可以放代......
2020-01-11 12:49:52
11172
12
原创 react项目规范新手教程
React是一种流行的JavaScript库，用于构建用户界面。搭建一个React项目并不难，但确保项目的结构和配置正确可以帮助你更有效地开发和维护应用程序。以下是搭建React项目的一些步骤：
2024-04-12 14:35:04
624
原创 前端重新部署如何使用WebWorker优雅地通知用户刷新网页?
这让我想起了一个有趣的小故事：有一次，一个小村庄里的农夫决定要建造一个全新的小桥，以便于村民们更便利地过河。然而，当桥梁完工后，他发现村民们仍然习惯于原来的狭窄破旧的木桥，而不愿意使用新桥。使用Worker轮询检查更新：这种方法也可以，但需要注意轮询的频率，过于频繁的轮询可能会给服务器带来不必要的负担。路由守卫检查更新：使用路由守卫进行检查更新是一个不错的选择，因为它可以确保在用户每次导航到页面时都会进行检查。：在入口JS中引入检查更新的逻辑是非常好的，这样可以确保应用启动时就会进行版本检查。
2024-03-11 17:20:14
496
原创 GIthub 2FA验证
看了下github的验证流程，先下载一个time-based one-time password (TOTP) 的应用，这个应用会间隔一段时间生成一段验证码。打开手机，在手机的应用商城搜索TOTP，在弹出的选项中选择microsoft authenticator。主要是为了账户安全，一旦被盗号那自己的代码仓库就面临巨大的风险，那就感觉验证吧。下载完成后，打开microsoft authenticator，点击扫一扫，然后把生成的验证码输入到github的验证框内即可。
2024-02-23 16:39:35
436
原创 如何优雅的实现前端国际化？
JavaScript 中每个常见问题都有许多成熟的解决方案。当然，国际化 (i18n) 也不例外，有很多成熟的 JavaScript i18n 库可供选择，下面就来分享一些热门的前端国际化库！
2024-01-22 11:00:32
1115
原创 把Vue3模板复用玩到了极致，少封装几十个组件！
但是我事后越想越难受，就一个这么丁点代码量的我都得抽取成组件，那我不敢想象以后我的项目组件数会多到什么地步，而且组件粒度太细，确实也增加了后面开发者的负担~很多人很快就能想出来了，那就是把循环的项抽取出来成一个组件，这样就能减少很多代码量了，比如我抽取成 Item.vue 这个组件。其实就是一个普通的不能再普通的循环遍历渲染的案例，咱们往下接着看，如果这样的遍历在同一个组件里出现了很多次，比如下方代码。最近在做 Vue3 项目的时候，在思考一个小问题，其实是每个人都做过的一个场景，很简单，看下方代码。
2024-01-17 18:10:55
510
原创 深度解析JavaScript面试热点：事件循环、上下文、箭头函数、变量作用域与ES6模块
JavaScript面试中经常涉及到事件循环、上下文、箭头函数、变量作用域以及ES6模块等核心概念。通过清晰的代码示例，我们深入讨论这些主题，揭示其中的关键细节。
2024-01-09 15:20:22
1020
原创 前端页面自动检测更新【version-polling】
是一个轻量级的 JavaScript 库，旨在解决 web 应用中版本更新提示和自动刷新页面的问题。通过实时检测 web 应用的index.html文件内容变化，当服务端发布新版本后，前端会自动弹出更新提示，让用户刷新页面以加载最新的资源和功能，从而提高用户体验和数据准确性。
2023-12-14 10:09:42
1200
转载 单点登录（SSO）
1、一个系统登录流程：用户进入系统——未登录——跳转登录界面——用户名和密码发送——服务器端验证后，设置一个cookie发送到浏览器，设置一个session存放在服务器——用户再次请求（带上cookie）——服务器验证cookie和session匹配后，就可以进行业务了。2、多个系统登录：如果一个大公司有很多系统，a.seafile.com, b.seafile.com,c.seafile.com。这些系统都需要登录，如果用户在不同系统间登录需要多次输入密码，用户体验很不好。
2023-12-12 15:04:06
100
原创 优秀前端（基本素质、代码规范和开发技巧）
我们从专业技能、思想素养、经验技巧三个方面思考了小白和大牛的差距在哪里，在阅读的过程中不知道大家有没有将自己对号入座，看看你自己没做到哪些，又做到了哪些，要知道，并不是全都做到了就很完美，因为我也只是给大家提供一个思路，只是我自己的工作经验和见解，我也在不断地学习中，「不一定完全契合所有人，所以大家自己甄别吸收，找到适合自己的路子」。
2023-10-27 22:15:34
326
转载 前端出现率高的设计模式总结
说到设计模式，大家想到的就是六大原则，23种模式。这么多模式，并非都要记住，但作为前端开发，对于前端出现率高的设计模式还是有必要了解并掌握的，浅浅掌握9种模式后，整理了这份文章。
2023-10-24 17:36:40
74
原创 如果后端返回了十万条数据要你插入到页面中，你会怎么处理？
当面临需要插入大量数据到页面的情况时，下面是一些建议的处理方法：分页加载：考虑将数据分成多个页面，每次只加载当前页面所需的数据。这样可以减少一次性加载大量数据对页面性能的影响，并提供更好的用户体验。虚拟滚动：使用虚拟滚动技术，只渲染当前可见区域的数据，而不是全部渲染。这可以显著减少渲染时的性能开销，并提高滚动时的响应速度。延迟加载：只在用户需要时加载数据。例如，当用户滚动到页面底部时，再加载下一页的数据。这样可以逐步加载数据，减轻页面的负担。
2023-10-17 11:31:41
247
转载 提高你的JS技巧，让你的代码更简洁优！
JavaScript 中有许多简写技巧可以缩减代码长度、减少冗余并提高代码的可读性和可维护性。以下是 20 个有效提升效率的 JavaScript 简写技巧，帮助你编写更优雅的代码！
2023-10-11 23:24:17
45
原创 Chrome 117 Beta又上新功能（css、api等)
Chrome 117 Beta 版本新增了 CSS 网格子网格（subgrid）、入场和出场动画支持，以及 CSS、数组分组、迭代器辅助功能等功能。
2023-09-11 09:00:00
263
原创 Chrome 117 发布：新 Web 开发调试技巧都在这了！
简介：Chrome 更新了最新版本 Chrome 117，更新了很多实用的DevTools 新特性。首先介绍大家最熟悉的Network面板，看看给我们带来了什么好玩的~
2023-09-10 14:32:32
829
原创 Vue3【Provide/Inject】
自从使用了Provide/Inject代码的组织方式更加灵活了，但是这个灵活性的增加伴随着代码容错性的降低。注入名（Injection key）经常拼错，又或者注入名太多导致注入名取名困难(程序员通病)为了弄清楚inject()注入的是啥，不得不找到对应provide()另一种情况是重复provide()同一值，导致Injection覆盖使用inject()时祖先链上未必存在对应的provide()，不得不做空值处理或默认值处理。
2023-09-06 16:02:56
331
原创 Promise 解决 Vue 中父子组件的加载问题！
关于Promie我这里就不多解释了，不懂得可以看看官方文档。下面文章重点介绍项目中遇到的问题解决方法。
2023-09-04 18:47:32
569
转载 深度解读项目质量及性能常用手法
这是一个 vue3 + vite 搭建的PC端web应用，基本上使用的是vite的默认配置，没有专门做过性能优化。随着业务的迭代，存在一定的性能问题，而且维护成本也越来越高。为了解决这两个问题，我们展开了专题治理。目前来看效果还是很理想的：页面加载性能提升了52%，包体积降低了3.43M。接下来就和大家一起探讨，如何对存量大工程进行治理以实现提升页面性能以及降低代码维护成本。
2023-08-31 16:05:14
93
原创 【前端自动化部署】，Devops，CI/CD
通过插件生成的代码，稍作组合就成为了完整的配置。但整体难度还是要略高于 Freestyle 任务。毕竟生成的代码有部分也不是拿来即用的，并且 Pipline 基本语法一定要有所掌握。不然生成的代码都不晓得放到哪里合适。
2023-08-28 15:06:04
730
1
原创 Vue3+Pinia+Koa+Three.js 全栈电商项目总结复盘
前几天一个朋友去义乌旅游，带回来很多小商品，就是一整个物美价廉，但是为什么线下购物和网购有的时候差别这么大（网购经常要退换货啊😭😭😭），为此我萌生了一个想法，3D是不是就可以实现在线看商品的细节了，退换货这么麻烦是不是可以省省了😏这个项目是对义务购app的一个模仿，相对于其官方app，我新增的亮点如下：商品排列布局使用瀑布流布局实现3D看商品功能实现3D看义乌商贸城同时，基础功能如下：使用 MySQL 实现登录注册的功能使用 MySQL 实现商品搜索功能。
2023-08-24 12:04:35
639
原创 重学 call/apply/bind ，真有点东西！
最近在复习 JavaScript 手写代码。想搜一下 call/apply/bind实现，发现搜的结果参差不齐，有的是不对的，有的长篇大论不够精简缺应用场景，于是自己手写总结分享下，希望对看到的同学有帮助，同时也是为了方便以后自己复习吧！
2023-08-23 15:43:50
64
原创 前端轻松实现文件预览（pdf、excel、word、图片）
需求：实现一个在线预览pdf、excel、word、图片等文件的功能。介绍：支持pdf、xlsx、docx、jpg、png、jpeg。以下使用Vue3代码实现所有功能，建议以下的预览文件标签可以在外层包裹一层弹窗。
2023-08-22 09:51:31
320
原创 个性化定制界面 vs 极简版原装界面：我的选择与理由
这种个性化的界面设计也可以激发我的创造力，并帮助我进一步个性化定制其他方面的工作环境，让工作变得更加有趣和富有个性。综上所述，虽然极简版原装界面简洁易用，但对于我来说，个性化定制界面更适合我个人的需求。通过个性化定制界面，我可以自由调整界面布局、添加必要的功能和扩展选项，并展现自己的个性和创意。每个人都有自己特定的偏好和需求，无论是颜色、排版还是功能布局，个性化定制界面可以满足用户的个性化需求。通过自由调整界面元素的位置、变换配色方案，我可以使界面更符合我的审美观和工作习惯，从而提高我的使用效率和满意度。
2023-08-22 09:32:33
101
原创 前端工程化到底是啥？可不止Webpack哦~
什么是前端工程化，是我去年困扰我很久的一个问题，打开搜索引擎一搜，能找到四个关键字，模块化、组件化、规范化、自动化，但一看这几个字，更加迷茫了，没说解决了什么问题。大部分搜出来的都是 webpack、babel、eslint、gulp 等编译相关的配置，对于 2023年 来说上面的回答着实有点管中窥豹了大家也可以想想和评论区交流下，你觉得什么是前端工程化，最好有具体的实践。
2023-08-21 11:24:45
92
原创 看完尤雨溪知乎343条回答，我学到了这些！
最近看完了尤雨溪的知乎 343 条回答和 25 篇文章，记录下一些内容（每条仅摘录部分内容），分享给大家！
2023-08-17 21:40:52
129
原创 非常炸裂！一个只有135行源码的插件！
今天，我们接着讨论图片图片懒加载。这是前端性能优化中老生常谈的话题了。旨在提升页面初始化渲染性能和用户体验。
2023-08-16 09:45:23
91
原创 20个常考的前端算法题，你全都会吗？
现在面试中，算法出现的频率越来越高了，大厂基本必考今天给大家带来20个常见的前端算法题，重要的地方已添加注释，如有不正确的地方，欢迎多多指正💕。
2023-08-14 19:32:48
544
原创 2023年即将推出的CSS特性对你影响大不大？
Google开发者大会每年都会提出有关于 Web UI 和 CSS 方面的新特性，今年又上新了许多新功能，今天就从中找出了影响最大的几个功能给大家介绍一下。
2023-08-12 15:55:38
859
原创 建议收藏！总结了 42 种前端常用布局方案
对 CSS 布局掌握程度决定你在Web开发中的开发页面速度。随着Web技术的不断革新，实现各种布局的方式已经多得数不胜数了。
2023-08-09 10:39:48
129
原创 JavaScript 中常用简写技巧总结
分享一些自己常用的js简写技巧，长期更新，会着重挑选一些实用的简写技巧，使自己的代码更简洁优雅~这里只会收集一些大多数人不知道的用法，但是确实能提高自己的编码技巧，像ES6那些基础的简写语法或者是三目运算符代替if else那些我觉得是基础，没必要写在这里浪费精力。
2023-08-07 15:41:11
174
原创 10个超炫酷的前端3D开源项目
本文将分享 10 个超炫酷的前端 3D 开源项目。从令人惊叹的视觉效果到富有创新概念的交互体验，这些项目展示了前端技术的无限可能。无论你是新手还是经验丰富的开发者，都值得一探究竟！
2023-08-06 14:36:26
3296
2
原创 推荐50个超实用的 Chrome 扩展，建议收藏！
Dimensions是一款能帮助使用者对网页上各种元素属性之间的距离进行测量的Chrome页面元素测量插件，该插件在点击启动插件图标后，可以对页面中图像、输入字段、按钮以及视频等页面元素之间上下左右的方位尺寸进行测量，同时还可以通过使用快捷键来快速启用或关闭该插件的功能，简单实用。可以在选项页面上自定义要清除的数据和数量，包括：应用程序缓存、缓存、Cookie、下载、文件系统、表单数据、历史记录、索引数据库、本地存储、插件数据、密码和 WebSQL。可以添加，删除，编辑，搜索，锁定和屏蔽cookies。
2023-08-01 10:21:50
7093
原创 JavaScript总结大厂高频面试题（含答案）
当面试前端职位时，面试官通常会根据一些基础理论知识和编程题来评估应聘者的技能水平。因此，在熟练掌握前端技能的同时，对基础理论知识也需有所了解，这将帮助你在面试中脱颖而出，赢得心仪的offer。
2023-07-27 14:36:35
152
原创 14个让你惊艳的JavaScript Web API
文章首先介绍了JavaScript Web API的概念，解释了它们是如何扩展网站功能并提供丰富用户体验的。接着，文章列举了14个令人兴奋的API，并详细描述了它们的特点和用法。这些API包括：Web Speech API：允许网站实现语音识别和语音合成功能。Web Bluetooth API：通过蓝牙技术连接和控制外部设备。WebVR API：为虚拟现实（VR）提供支持，使网站能够与VR设备进行交互。WebUSB API：允许网站与USB设备进行通信和交互。
2023-07-20 10:01:34
195
原创 JavaScript 深度剖析-函数式编程（一）
为什么要学习函数编程以及什么是函数式编程函数式编程的特性(纯函数、柯里化、函数组合等)函数式编程的应用场景函数式编程库 Lodash函数式编程(Functional Programming, FP)，FP 是编程范式之一，我们常听说的编程范式还有面向过程编程、面向对象编程。面向对象编程的思维方式：把现实世界中的事物抽象成程序世界中的类和对象，通过封装、继承和多态来演示事物事件的联系函数式编程的思维方式：把现实世界的事物和事物之间的联系抽象到程序世界（对运算过程进行抽象）
2023-07-13 22:09:06
162
后台管理系统 vue3+ts 企业级项目
2023-03-14
JDK 1.8 API.rar
2021-03-06
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人