- 博客(264)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 【前端学习指南】基础开发环境搭建
欢迎来到 前端学前班！🎉🎉🎉我是你未来前端之旅同行的伙伴，向导，旅“驴”友......这一篇文章将会详细讲述我目前所接触到的常用的前端开发风景（开发环境）和旅行工具（开发工具）。通过学习这些工具的学习能够了解编码流程。现在，我们将正式开启前端学习之旅！通过对第一篇文章的学习想必你已经对前端开发已经有了大体上的认识，了解到了本次旅途所要经历的大体路程和旅行线路（如果你还没有了解可以点进去看看哟！）
2023-01-18 08:42:43
2150
16
原创 2024年还在问前端怎么学？一份前端学习指南
🚩当然这里写的都是废话，不想看的小伙伴可以选择直接跳过去哟！首先我想问的是为什么要选择学习前端开发？开发有很多方向：前端开发，后端开发，安卓开发，大数据，人工智能等等，诸多开发方向可以选择，为何你在诸多道路上选择了前端开发？有尝试问过自己这个问题吗？如果你能列举出一二三来，那么恭喜你，你真的很适合在这条路上去发展，因为至少你已经开始在这条路上开始了自己的探索。
2023-01-12 00:00:15
2347
26
原创 【前端项目】＜开发实战＞一个小而精致的个人简历
????Hi????！这里是热爱编程的范同学????????今天给大家带来的是一个基于Bootstrap前端框架开发的个人简历模板????????使用的技术主要是：HTML + CSS + JavaScript + Bootstrap????????个人觉得是一个很好的练手小Demo????先来看看整体效果吧：个人觉得还是挺好看的，哈哈哈！????可以直接部署到线上服务器，由于Bootstrap的响应式布局系统，在手机等小屏幕设备访问也是没有任何显示问题的！！！不会出现样式异常
2022-01-08 22:35:17
1498
10
原创 【AI】OpenManus
MetaGPT 在3个小时内完成了对 Manus 核心功能的基本复刻，所以针对这种工程维度上的缝合真的算得上是AGI的创新吗？BTW 官方的申请授权码到现在为止还没有进行发放...... 不过官网更新了多国语言？
2025-03-08 03:36:54
371
原创 【程序人生】“阶段总结“-前路茫茫
唉，现在总是稀里糊涂的过着日子，重复着枯燥且乏味的生活，公司，出租屋，公司，出租屋......经历了酷暑，寒冬将至，短袖也换成了棉服，北方已经开始使用了暖气，真是很不幸运的是合租里唯一一间暖气坏掉的房间，好在并不是很冷。岁月如白驹过隙，如指尖流沙，不知不觉已经离开了陪伴我度过四年岁月的学校，离开了那间堆满各种书籍的宿舍，离开了通宵开发的实验室，离开了教室里的最后一排课桌椅......（虽然，我并不是很喜欢它，可当真正要离开的时候还是会有那么一点伤感）一个人坐上飞机，来到了一千多公里以外熟悉而又陌生的城市。
2024-11-30 23:23:19
364
原创 【前端学习指南】Chrome Dev Tools 浏览器调试技巧
浏览器调试模式下的各个调试工具是常用的工具集，能够帮助开发者理解、调试和优化网页。浏览器工具打开方式：打开命令菜单快捷键：相关命令：dark theme -->DevTool切换成黑色主题light theme -->切换成白色主题Capture area screenshot -->选择范围截图Capture full size screenshot -->选择整个页面截图Capture node screenshot -->捕捉一个node节点截图通过Dock命令可以改变窗口位置Undock命令可
2024-11-19 00:01:49
1112
原创 【前端学习指南】第四站 Vue Router 路由
单页应用程序 SPA（Single Page Application）。单页应用程序所有功能都在一个 HTML 页面上实现。所有的组件切换都是在这个唯一的页面内完成的，此时不同组件之间的切换需要通过前端路由来实现。单页面应用程序：系统类网站、内部网站、文档类网站、移动端站点多页面应用程序：公司官网、电商类网站单页面应用程序开发效率高、性能高、用户体验好，最大的原因就是页面是按需更新的。
2024-11-17 16:25:21
1031
原创 【前端学习指南】选项式 API & 组合式 API SFC setup 分析
刚开始学习 Vue 时我个人认为使用 选项式 API 在代码结构上会更加清晰明了，不太明白官方在 Vue3 时替换掉了这种方式，而是选用了组合式 API 的代码风格。随着后续的不断学习和开发，逐渐理解使用 组合式 API 的优势。基于此背景下，于是针对这两种不同风格的 Vue 组件开发代码风格进行了分析梳理和总结，当然，要说推荐使用那肯定是根据官方的迭代进行使用 组合式 API。
2024-11-15 00:02:15
698
原创 【前端学习指南】Vue computed 计算属性 & watch 监听器
message被监听，一旦它的值发生变化，watch会调用对应的回调函数，newValue是新值，oldValue是旧值。可以在这个回调中做其他逻辑操作，比如发起异步请求、验证数据、或者进行其他逻辑处理。这种方式适用于当你需要在数据变化时执行一些操作，且该操作不适合放在computed中的情况。data() {return {},},watch: {// 监听 message 的变化。
2024-11-14 09:00:00
1682
原创 【前端学习指南】第三站 Vue 组件之间通信
组件通信是指组件与组件之间的数据传递。组件之间的数据是独立的，无法直接访问其他组件的数据。如果想使用其他组件的数据，就需要使用组件之间的通信方式，来把当前组件的数据传递给其他组件。首先明确组件之间的关系大致分为两类：父子关系 和 没有关系（世界上只有两种人：一种是人是义父，一种人不是义父 😏😏😏）父子关系是指是组件之间是否存在包含关系，即一个组件中引入其他组件，当前组件是父组件，其他引入的组件是子组件。针对这两种不同类型的关系，Vue 提出了不同的通信解决方案。props父 ↔ 子。若父传子。
2024-11-13 00:16:21
651
原创 【前端学习指南】第二站 Vue 工程化开发
Vue CLI 是 Vue 官方提供的一个全局命令工具。可以帮助我们快速创建一个开发用的 Vue 项目的标准框架。其中内置集成了 Webpack。使用 Vue CLI 的好处就在于不用再对 Webpack 进行配置，拿来安装即可使用，快速创建一个可以使用的 Vue 工程，直接就能上手开发项目。组件化是指将一个页面拆分成一个个组件，每个组件有自己独立的结构、样式、行为。这样做的好处就在于更好的维护，利于代码复用，进而提升开发效率。
2024-11-11 23:50:26
1077
原创 【前端学习指南】第一站 Vue 生命周期初探
每个 Vue 实例在被创建时都要经过从 创建、挂载、更新、销毁 的全部过程。例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。在这些过程中会伴随运行一些叫做 生命周期钩子 的函数。（PS：生命周期钩子就是生命周期函数）
2023-12-29 09:32:47
1037
原创 【前端学习指南】开启 Vue 的学习之旅
Vue.js - 渐进式 JavaScript 框架 | Vue.js (vuejs.org)😑 官方文档就是喜欢用一些这样的专有名词，拉高学习曲线，看都看不明白（菜鸡太难了......呜呜呜😫😫😫）这里做一个简单的解释：Vue 是基于 JavaScript 编写的一套前端框架，主要用于帮助前端开发人员能够以更高效率进行页面功能的开发实现。
2023-12-29 08:00:00
1100
原创 【各种**问题系列】Java 数组集合之间的相互转换
在 Coding 过程中经常会遇到数组、List、Set、Map 之间的相互转换......这里记录一下转换的几种方式。😶😶😶。
2023-12-25 18:10:48
1367
原创 【各种**问题系列】FastJSON 泛型对象解析
解析 JSON，并将其转换为对应的数据结构。转换普通对象时，可以直接使用 Class 实例进行直接转换。 但是，如果是 类似 Map这里集合（带有泛型）对象，直接转换则格式可能并不正确。
2023-12-20 14:52:27
890
原创 【程序人生】还记得当初自己为什么选择计算机？
还记得人生中第一次接触计算机编程是在高中，第一门编程语言是Python（很可惜由于条件限制的原因，当时没能坚持学下去......现在想来有点后悔，没能坚持，唉......）。但是，错过的就错过了，把握当前才是正确的选择。努力最好的时机永远是在过去，其次就在当下。第一次在 CMD 窗口使用 Python 脚本输出 Hello World 时还什么都不懂，只记得当前充满了激动与好奇，还有对计算机领域的空白。一转眼从步入大学到毕业，即将步入社会从事计算机相关的工作，一切仿佛就发生在昨日。
2023-12-13 21:19:59
549
1
原创 【各种**问题系列】Caused by: java.lang.reflect.InaccessibleObjectException
导致异常的原因是因为JDK版本问题，需要在IDEA中的项目结构中修改项目的JDK版本。
2023-05-19 18:40:25
515
原创 【各种**问题系列】MyBatisPlus 出现时间等数据返回为Null的情况
如果数据库表中的字段采用了下划线方式分隔两个单词，那么在Class类中对应的数据名需要采用驼峰命名方式，否则就可能出现数据为Null的情况，或者为默认值的情况。关闭驼峰命名之后，就会通过数据库表字段名和Class属性名进行一一比对赋值。
2023-05-16 12:30:59
1522
原创 【各种**问题系列】什么是 LTS 长期支持
长期支持（LTS）版本通常与应用程序或操作系统有关，你会在较长的时间内获得安全、维护和（有时有）功能的更新。LTS 版本被认为是最稳定的版本，它经历了广泛的测试，并且大多包含了多年积累的改进。需要注意的是，LTS 版本的软件不一定涉及功能更新，除非有一个更新的 LTS 版本。但是，你会在 LTS 版本的更新中得到必要的错误修复和安全修复。LTS 版本被推荐给生产级的消费者、企业和商家，因为你可以获得多年的软件支持，而且软件更新不会破坏系统。
2023-01-26 11:07:49
2009
2
原创 【各种**问题系列】无法加载文件 C:\Users\*****\AppData\Roaming\npm\pnpm.ps1，因为在此系统上禁止运行脚本
在搭建前端开发环境时，通过 npm 安装了官方推荐的 pnpm 来作为包管理工具。
2023-01-09 17:33:07
1038
原创 【各种**问题系列】‘vite’ 不是内部或外部命令，也不是可运行的程序或批处理文件
所以说出现这个问题的原因是：缺少安装依赖这一步！vite不像 node 或 vue cli，会自动帮助我们执行 npm i (install) 命令去下载相关依赖，需要我们手动下载。使用vite创建vue3.0项目的时候，vite不会自动 install 相关的依赖，需要我们手动去安装。进入项目的node_modules目录里面查看，什么都没有！
2023-01-09 17:22:28
12215
1
原创 【各种**问题系列】Error: Failed to download metadata for repo ‘appstream‘
在学习使用 docker 技术过程中，使用 centos:latest 最新版镜像时，由于初始化镜像是不带有vim 编辑工具，需要手动安装 vim。上面的报错信息意思是：从仓库 ‘appstream’ 下载元数据失败：由于镜像列表中没有 URL，不能准备内部镜像列表。
2023-01-07 10:49:10
709
原创 【开发工具】Office Tool Plus 安装 Office
第一步：打开Office Tool Plus，没有的去官网下载：Office Tool Plus 官方网站 - 一键部署 OfficeOffice Tool Plus 是一个用于部署、激活 Office、Visio、Project 的小工具。借助本工具，你可以快速地完成各项 Office 部署工作！第二步：按下面的图片打开OTP的命令输入窗口。第三步：输入安装命令这条命令的意思是安装微软365企业应用版，语言为中文，而且只安装PPT、Word、Excel。
2022-12-12 22:40:39
11647
原创 【程序人生】“阶段总结“-雨过天晴
别人的大学生活是满世界的乱跑，而我的大学生活只有三点一线，不是在去工作室的路上就是在去食堂的路上，宿舍除了休息时似乎也不是很想继续呆下去。大学生活和我想象的不能说一样吧，只是毫无关连，我深刻体会到了什么叫理想很丰满，现实很骨感！暑假，经管楼，工作室，晚饭前，我们总要等到太阳快落山时去吃晚饭，傍晚的风还带着这个夏天的温度，天很蓝很深远，光线穿过云层散射出来，暑假两个月的时间转瞬即逝，恍惚之间已经记不清那段时间我都做了些啥......可能啥事也没做成吧。最后，我就是一个普通人，过着普通的生活......
2022-12-02 13:05:19
196
原创 【各种**问题系列】java.lang.ClassNotFoundException: ognl.PropertyAccessor
大概意思就是没有找到 ognl.PropertyAccessor 这个玩意！
2022-10-23 15:51:37
763
1
原创 【开发工具】IDEA Lua 开发环境配置（完整无错）
进入Releases 中下载 exe 执行文件（Lua 解释器安装包），双击下一步安装！配置Lua 解释器的地址（注意是 luaXXX.exe!Lua 解释器 下载地址。
2022-10-14 23:36:47
6738
1
原创 【Leetcode】（面试题 01.02）判定是否互为字符重排
判断减1之后的位置上，记录数（出现次数）是否为负数，如果为负数（-1），则说明这个自负出现在s1中而未出现在s2中，由于s1，s2此时长度应该是相等的，这里就可以判断这个两个字符串不能构成互为字符重排。根据题目分析，这道题需要使用Hash表，通过创建一个128长度的数组（table），来表示128个字符，每个字符对应数组中的一个索引。通过记录字符在table上出现的次数（频率），判断是否可以重排。s1出现一次就在table中对应位置上加1。s2出现一次就是table中对应位置上减1。
2022-09-27 23:28:26
200
原创 【Leetcode】（121）买卖股票的最佳时机
解题思路：首先初始化了两个参数，maxProfit 最大收益：根据题目要求，初始化值为0；minPrice 最小价格，记录当前遍历到的数组元素中的最小价格的值。单层for循环，遍历数组中的每一个元素，记录当前遍历的最小价格值。判断当前价格减去最小价格所得到的收益是否大于历史最大收益。遍历结束返回最大收益即可。这道题考察的是动态规划问题DP。
2022-09-26 23:25:59
605
原创 【Nginx】Nginx安装&配置解析
Nginx作为web服务器最常用的功能之一，尤其是反向代理。Nginx在做反向代理时，提供性能稳定，并且能够提供配置灵活的转发功能。Nginx可以根据不同的正则匹配，采取不同的转发策略，比如图片文件结尾的走文件服务器，动态页面走web服务器，只要你正则写的没问题，又有相对应的服务器解决方案，你就可以随心所欲的玩。并且Nginx对返回结果进行错误页跳转，异常判断等。如果被分发的服务器存在异常，他可以将请求重新转发给另外一台服务器，然后自动去除异常服务器。
2022-09-25 22:36:59
193
原创 【开发环境】（阿里云分布式文件系统）对象存储OSS 服务配置
Learning Path 指导您快速了解 OSS，学习相关的基础操作，并利用丰富的 API SDK 包和便捷工具进行二次开发。生成的记录中就包含了 ID 和 密钥，注意密钥只有在第一次创建时能在页面中查看，所以需要复制进行保存，刷新页面之后，密钥会自动消失。OSS阿里云_ OSS是什么意思_对象储存OSS_阿里云OSS学习路径图_OSS Learning Path - 阿里云。文件上传完毕，进入文件管理中查看文件的详细信息，可通过文件详情信息中的链接访问文件。进入到 OSS 对象存储的管理平台。
2022-09-16 17:07:32
3767
3
原创 【各种**问题系列】IDEA配置services窗口
在使用微服务中构建模块时，会有很多不同的模块需要被拆分，在启动，关闭和重启时如果使用IDEA顶部启动栏切换启动十分麻烦：IDEA为开发者提供的Service界面可以很方便的观察启动模块的端口并方便操作：在这个启动栏中可以对所有模块进行管理，并且可以批量启动，停止和重启。
2022-09-14 09:14:28
2889
原创 【各种**问题系列】Swagger2 报错：：Unable to infer base url. This is common when using dynamic servlet registrat
【代码】【各种**问题系列】Swagger2 报错：：Unable to infer base url. This is common when using dynamic servlet registrat。
2022-09-12 06:11:36
451
原创 【开发环境】Hexo个人博客部署
说明：必须安装，否则执行hexo d 的话会报错在博客根目录下, 将本地 blog 推送到 github仓库hexo d推送成功后, 在浏览器中输入对应域名, 即可访问。
2022-09-10 20:20:28
341
5
原创 【开发环境】（基于Hexo）个人博客主题（Hexo Fluid）更换
配置指南 | Hexo Fluid 用户手册 (fluid-dev.com)t=M85Bt=M85BHexo Fluid 用户手册 (fluid-dev.com)https://hexo.fluid-dev.com/docs/配置指南 | Hexo Fluid 用户手册 (fluid-dev.com)https://hexo.fluid-dev.com/docs/guide/#%E5%85%B3%E4%BA%8E%E6%8C%87%E5%8D%97。
2022-09-10 19:29:45
1893
原创 【开发环境】（基于Hexo）个人博客搭建教程（完整无错）
HexoHexo是一个基于 node.js的快速生成静态博客的开源框架,支持 Markdown和大多数 Octopress插件,一个命令即可部署到 Github页面、 Giteee、 Heroku等,强大的APl,可无限扩展,拥有数百个主题和插件。
2022-09-10 18:56:51
497
原创 【各种**问题系列】雪花（Snow Flake）算法（分布式ID生成器）
雪花算法是由Twitter公布的分布式主键生成算法，它能够保证不同表的主键不重复性，以及相同表的主键有序性。
2022-09-10 13:54:22
402
原创 【各种**问题系列】IDEA配置自定义文件创建模板
文件模板可以在创建文件时直接按照预先定义好的内容自动生成，提高开发效率，通过自定义文件模板可以减少复制粘贴相关的不必要的操作！ 进入IDEA的设置，找到Editor，进入File and Code Templates中的File： 点击加号创建文件模板，对文件模板信息进行编辑： 设置完成之后，点击Apply保存退出： 在新建文件时，就可以看到自定义的文件模板：
2022-09-09 10:33:52
362
原创 【Redis】＜键值型数据库＞Linux安装Redis（无错完整）
Redis是一个开源的key-value存储系统。和Memcached类似，它支持存储的value类型相对更多，包括string(字符串)、list(链表)、set(集合)、zset(sorted set --有序集合)和hash（哈希类型）。这些数据类型都支持push/pop、add/remove及取交集并集和差集及更丰富的操作，而且这些操作都是原子性的。在此基础上，Redis支持各种不同方式的排序。与memcached一样，为了保证效率，数据都是缓存在内存中。区别的是Redis会周期性的把更新
2022-09-08 19:41:15
301
阿里巴巴Java编码规范考题.doc
2023-07-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人