勋章
我关注的人
粉丝
技术能力
- Java
- JavaScript
- 前端开发
- 移动开发
- UED
- Web App开发
- iOS开发
- Android开发
- 测试技术
-
Java
初级
能力说明：
了解变量作用域、Java类的结构，能够创建带main方法可执行的java应用，从命令行运行java程序；能够使用Java基本数据类型、运算符和控制结构、数组、循环结构书写和运行简单的Java程序。
暂时未有相关云产品技术能力~
人人都是码农：AI时代，零基础也能学会编程！从美工、前端开发一路成功转型Java后端的野生码农，分享UI转前端、前端转Java、全栈开发、独立开发和程序员搞钱副业...
-
发表了文章 2025-05-10
webpack-dev-server代理后端一直报CORS跨域或500错误
在Vue项目中使用Webpack的devServer代理后端接口时，遇到500错误。问题根源在于浏览器请求中携带的Origin头导致服务器报错，而Postman测试正常。通过分析发现，调整或移除Origin头可解决问题。解决办法包括：1) 在代理配置中添加正确的Origin头；2) 删除请求中的Origin头。文章还深入解析了Origin头的作用及changeOrigin配置的实际意义，并附带相关文档链接，帮助开发者更好地理解与解决类似跨域问题。
-
发表了文章 2025-04-18
用markdown语法制作一个好看的网址导航页面（markdown-web-nav）
这是一篇关于创建网址导航页面的工具分享文章。作者介绍了从手动编写HTML代码到开发可视化工具 *markdown-web-nav* 的历程，旨在简化网址管理与导航页面生成的过程。该工具支持新增、编辑和删除网址数据，通过导入/导出JSON文件、实时预览Markdown效果以及一键复制等功能，让用户轻松制作美观的网站导航页面。文章还提供了详细的操作步骤及常见问题解答，如还原数据、获取网站图标链接等，适合不同技术水平的用户使用。
-
发表了文章 2025-03-25
github和npm开启2FA双重身份验证无法登陆
随着安全需求提升，许多应用如GitHub和npm已强制启用2FA（双重身份验证）。2FA通过用户名、密码及动态验证码增强账号安全性。若手机丢失或TOTP应用失效，可使用开启2FA时生成的recovery code登录并重新绑定。推荐使用大厂的TOTP工具，如Microsoft Authenticator、Google Authenticator等，避免小应用停服风险。若无备份码，只能通过人工申诉找回账号。
-
发表了文章 2025-03-23
用git rebase命令合并开发阶段中多条commit提交记录
通过 `git rebase`，可以合并多个提交记录，使开发历史更简洁清晰。操作分为 6 步：查看提交历史 (`git log --oneline`)、设置需合并的提交数 (`git rebase -i HEAD~N`)、修改动作标识为 `s`（squash）、保存退出编辑、调整提交信息、强制推送至远程仓库 (`git push -f`)。此方法适合清理本地无关提交，但若有团队协作或冲突风险，需谨慎使用以避免问题。
-
发表了文章 2025-03-23
DDD四层架构和MVC三层架构的个人理解和学习笔记
领域驱动设计（DDD）是一种以业务为核心的设计方法，与传统MVC架构不同，DDD将业务逻辑拆分为应用层和领域层，更关注业务领域而非数据库设计。其四层架构包括：Interface（接口层）、Application（应用层）、Domain（领域层）和Infrastructure（基础层）。各层职责分明，避免跨层调用，确保业务逻辑清晰。代码实现中，通过DTO、Entity、DO等对象的转换，结合ProtoBuf协议，完成请求与响应的处理流程。为提高复用性，实际项目中可增加Common层存放公共依赖。DDD强调从业务出发设计软件，适应复杂业务场景，是微服务架构的重要设计思想。
-
发表了文章 2025-03-23
前端开发中使用whistle代理工具
Whistle是一款强大的代理工具，相比Charles、Fiddler更轻量且功能丰富。它适用于前端开发中的多种场景，如接口数据Mock、接口代理、静态资源代理等。通过简单的规则配置，可将接口指向本地JSON文件，解决跨域问题，或代理静态资源以满足特定域名访问需求。此外，Whistle还支持本地端口间转发与移动端请求抓包，搭配SwitchyOmega插件使用效果更佳。需注意，使用前请确保已安装Node环境并参考官方文档完成基础配置。
-
发表了文章 2025-01-20
抛弃node和vscode，如何用记事本开发出一个完整的vue前端项目
本文探讨了在不依赖Node和VSCode的情况下，仅使用记事本和浏览器开发一个完整的Vue3前端项目的方法。通过CDN引入Vue、Vue Router、Element-UI等库，直接编写HTML文件实现页面功能，展示了前端开发的本质是生成HTML。虽然日常开发离不开现代工具，但掌握这种基础方法有助于快速实现想法或应对特殊环境限制。文章还介绍了如何用Node简单部署HTML文件到服务器，提供了一种高效、轻量的开发思路。
-
发表了文章 2024-12-15
java日常开发中如何写出优雅的好维护的代码
代码可读性太差，实际是给团队后续开发中埋坑，优化在平时，没有那个团队会说我专门给你一个月来优化之前的代码，所以在日常开发中就要多注意可读性问题，不要写出几天之后自己都看不懂的代码。
-
发表了文章 2024-11-09
DDD架构中assembler和converter的区别
在 DDD 四层架构模式中，assembler 和 converter 常用于对象转换，但两者在实际项目中的使用较为随意。本文从英文释义、语义区分和模型层区分三个方面探讨了两者的区别，建议按模型层区分，即 Interface 和 Application 层使用 assembler，Infrastructure 层使用 converter，以避免混淆和随意使用。此外，将转换代码抽离为独立方法有助于保持代码整洁和可测试性。
-
发表了文章 2024-08-22
mac和windows上安装nvm管理node版本
NVM（Node Version Manager）是前端开发者常用的命令行工具，用于管理计算机上的不同Node.js版本。通过NVM，开发者可以轻松地在多个项目间切换所需的Node.js版本。在Mac上，可以通过cURL或Wget下载安装脚本，或使用包管理工具brew安装。安装后需配置环境变量以识别NVM命令。Windows用户则可通过专用的nvm-windows安装程序完成安装。常用命令包括安装、卸载特定版本、列出已安装版本等。
-
发表了文章 2024-07-10
mybatis动态SQL常用语法总结
MyBatis 使用 OGNL 表达式语言处理动态SQL，如 `if` 标签进行条件判断，`choose`、`when`、`otherwise` 实现多条件选择，`where`、`set` 管理SQL关键字，`trim` 提供通用修剪功能，`foreach` 遍历集合数据。`sql` 和 `include` 用于代码重用，`selectKey` 处理插入后的返回值。参数传递支持匿名、具名、列表、Map、Java Bean和JSON方式。注意SQL转义及使用合适的jdbcType映射Java类型。
-
发表了文章 2024-07-10
谁说forEach不支持异步代码，只是你拿不到异步结果而已
JavaScript 的 `forEach` 不直接支持异步操作，但可以在回调中使用 `async/await`。虽然 `forEach` 不会等待 `await`，异步代码仍会执行。MDN 文档指出 `forEach` 预期同步回调。ECMAScript 规范和 V8 源码显示 `forEach` 基于 for 循环实现，不返回 Promise。通过 `setTimeout` 可观察到异步操作完成。与 `map` 不同，`forEach` 不适合处理异步序列，常需转换为 `Promise.all` 结合 `map` 的方式。
-
发表了文章 2024-07-09
遍历请求后端数据引出的数组forEach异步操作的坑
开发中如果不是纯遍历处理数据时 forEach、map 这些要少用，每次遍历时还有其他异步操作或副作用时，直接 for 循环一把梭最稳妥，代码逻辑也最好理解
-
发表了文章 2024-06-30
java常用数据判空、比较和类型转换
java 开发中我们经常会用到的数据判空、数据比较和不同数据之间的类型转换，尤其数据判空可以让我们避免经常会出现 NullPointerException 空指针异常报错。
-
发表了文章 2024-05-27
从0到1开发一个自己的npm包完整过程
创建自己的 npm 包涉及六个步骤：1) 注册 npm 账号；2) 使用 `npm init` 初始化项目，确保 package.json 的 name 唯一且 private 为 false；3) 开发项目，可封装 UI 组件、函数库或命令行工具；4) 本地调试，通过 `npm link` 在项目中测试；5) `npm login` 登录账号，可能需切换至官方仓库；6) 使用 `npm publish` 发布项目。注意版本号递增，无意义的包不建议发布。
-
发表了文章 2024-05-25
小程序中使用npm安装vant组件实现按需引入减少代码包大小，避免触发用户隐私协议
微信小程序按需引入 vant 组件，自动清除项目中未使用的 vant 组件，减少代码包大小，避免因未使用到的 vant 组件触发隐私协议提交审核时被拒
-
发表了文章 2024-05-19
苹果app开发apple-app-site-association文件配置
apple-app-site-association 是苹果的配置文件，用于建立app和网站关联，支持Universal Links，使点击网站链接能直接打开相应app内部页面。配置文件为JSON格式，需上传至服务器`.well-known`目录或根目录。通过检查三个链接来测试配置，确保Content-Type为`application/json`。成功配置后，点击链接能在iPhone备忘录或Safari中直接唤起app，但可能有24-48小时延迟。
-
发表了文章 2024-01-28
java项目中使用protobuf扫盲笔记
最近公司 Java 项目中有用到 protobuf，查了些资料还是一脸迷茫。
-
发表了文章 2024-01-21
vue插槽slot、slot-scope、v-slot的区别以及嵌套插槽的使用
可以将 slot 理解成一个占位的东西，我们提前在模板中放置一个占位的标记，当其他地方要使用模板时就可以通过标记再传进来具体的内容，这样就可以实现更强的复用能力。
-
发表了文章 2024-01-09
一篇文章搞懂TypeScript
TypeScript 是 JavaScript 的超集，一方面给动态类型的 js 增加了类型校验，另一方面扩展了 js 的各种功能。
-
发表了文章 2024-01-28
从前端开发的视角来搭建本地java开发环境
从前端开发的视角来搭建本地 java 开发环境，其实主要也就 java 环境、maven 包管理工具、IntelliJ IDEA 开发工具这3个方面，对应前端中的 nodejs 环境、npm 包管理工具、vscode 开发工具。
-
发表了文章 2023-12-16
JavaScript难点：原型、原型链、继承、new、prototype和constructor
JavaScript 不像 Java、C++ 这种纯面向对象的语言，可以通过类实现继承，JavaScript中的继承是通过原型实现的，即使 ES6 中新增的 class 类也只是原型的语法糖而已
-
发表了文章 2023-11-29
手写JSON.parse和JSON.stringify
搞懂了有限状态机，手写各种解析器都不在话下，主要区别也就是考虑怎么去设计各种状态流转。如果不理解有限状态机建议先去阅读前面一遍：用有限状态机实现一个简版html解析器，然后再来阅读本文就很容易理解了。
-
发表了文章 2023-11-28
用有限状态机实现一个简版的html解析器
理解了状态机就如给你按上了一双翅膀，不管给你任何一段字符任容，都可以通过状态机来拆分成我们想要的结构，理解了上面这些再去看 vue 里的模板编译，你就能知道它到底是怎么加进去那些语法糖的了
-
发表了文章 2023-11-16
探寻webpack打包vue前端项目的过程和出现的问题
前端 vue2 项目中，多人开发，从一段时间开始发现打包变得特别慢，每次线上更新也至少要10几20分钟，正常项目线上更新一般也就1、2分钟，新需求开发拉新分支本地运行也要至少5、6分钟才能运行的起来
-
发表了文章 2023-11-16
前端开发小程序时使用自定义字体
不管在pc端还是移动端，开发一些图表统计或者数字显示的时候，往往UI效果里需要一些自定义字体来增加显示效果和美观度，各个系统提供的系统字体很难满足需求
-
发表了文章 2023-11-16
前端项目根据环境设置请求地址和接口代理，以及解决多个localhost服务token被覆盖
一般开发项目除了正式的生产环境，还会有对应的开发环境、测试环境和预发布环境，每个环境所访问的接口地址肯定不一样，如果自己一个个手动修改那就太不程序猿了
-
发表了文章 2023-11-16
用Docker搭建运行本地WordPress
WordPress需要部署在服务端，如果我们只是为了看下效果或者测试开发使用，那就需要直接部署在本地。而我之所以想要在本地部署也是因为打算开发一个WordPress 的插件，在服务器上搭建和测试插件太不方便了。按照以前的思路是需要在本地安装 phpStudy、XAMMP 这类服务器软件，现在有了Docker 可就方便多了，只用安装相应镜像跑起来就可以了
-
发表了文章 2023-11-16
用nodejs脚本实现网站自动签到功能
有一个网站每天签到可以获取流量，之前每天都是自己打开网页登录然后手动点签到，但是如果连续7天没签到之前获取的所有流量都会清空。类似的需求会有很多，很多网站、应用也都会提供签到获取积分、金币、能量、饲料...其实用node脚本来实现每天自动签到很简单的
-
发表了文章 2023-11-16
浏览器书签bookmark转json格式
一直使用谷歌浏览器，因为某些原因登录谷歌账号不方便，所以公司和家里的浏览器上收藏的好多书签也不能同步，以前都是直接导出来，然后自己手动导入同步
-
发表了文章 2023-11-16
根据markdown文件反向转换成chrome浏览器书签html
前几天手贱直接把 bookmark 的源文件给删了，这下这么多年收藏整理的书签只有自己博客里的一个 markdown 文件了，毕竟还是直接用浏览器自带的 bookmark 查看会方便好多，只能想办法怎么根据现在的 markdowm 文件转换回 bookmark.html 文件了
-
发表了文章 2023-11-16
适配最新微信小程序隐私协议开发指南，兼容uniapp版本
前一阵微信小程序官方发布了一个用户隐私保护指引填写说明，说是为了规范开发者的用户个人信息处理行为，保障用户合法权益，小程序、插件中涉及处理用户个人信息的开发者，均需补充相应用户隐私保护指引
-
发表了文章 2023-11-16
手写JavaScript防抖节流和休眠函数
防抖原理是在一定时间内，只有最后一次操作，再过延迟的时间后执行，一般用于防止用户多次重复点击按钮，只会触发最后一次
-
发表了文章 2023-11-16
前端开发JavaScript中日期字符串直接比较的坑
前后端传参或者接受日期时间一般都会格式化成固定格式的字符串，如果格式是规范的 YYYY-MM-DD HH:mm:ss，其实是可以直接比较的，但是如果不规范直接字符串相比较就很容易出问题
-
发表了文章 2023-11-16
在javascript中如何将字符串转成变量或可执行的代码？
有这样一个需求：当前作用域内有未知的一些变量，其中一个函数中可以拿到某个变量名字符串，怎么能在函数内通过传进来的字符串取到作用域链中的变量值
-
发表了文章 2023-11-16
前端跨浏览器标签页数据共享解决方案
vue 项目中有一个工单消息通知列表页，每条消息有已读和未读状态，点击消息会用 window.open 打开一个新的浏览器标签页跳转到工单列表页，工单列表页里有项操作是查看消息，会弹窗显示出具体的详细内容，进入这个弹窗就代表用户已经看到消息了，此时会去调后端接口修改消息状态为已读
-
发表了文章 2023-11-16
JavaScript中toFixed、Math.round和四舍五入、银行家舍入法之间的关系
JavaScript 的 toFixed 方法使用定点表示法来格式化一个数值，数字.toFixed(要保留几位小数)，参数为小数点后数字的个数，介于 0 到 20（包括）之间，默认 0，返回值为使用定点表示法表示给定数字的字符串，该数值在必要时进行四舍五入，不足位数时会直接用 0 来填充小数部分
-
发表了文章 2023-11-16
ES6中新增的rest剩余参数在函数内部的使用问题
ES6 中引入了 rest 参数（...变量名），用于获取函数内不确定的多余参数，注意只能放在所有参数的最后一个
-
发表了文章 2023-11-16
javascript函数的call、apply和bind的原理及作用详解
javascript函数的 call、apply和bind 本质是用来实现继承的，专业点说法就是改变函数体内部 this 的指向，当一个对象没有某个功能时，就可以用这3个来从有相关功能的对象里借用过来
-
发表了文章 2023-11-16
input输入unicode零宽字符前端踩坑
Unicode字符中有一类特殊的字符叫做零宽字符 ZWJ（zero width joiner），也叫非打印字符、不可见字符。正则的断言即叫零宽断言，意思即本身并不占用宽度，如比较出名的零宽空格
-
发表了文章 2023-11-16
axios拦截器封装：await遇上reject时catch的优雅处理方式
前端项目中使用 axios 请求接口，基于 axios 二次封装了一些业务逻辑，一般我们会在请求和响应拦截器里添加自己项目相关的业务逻辑
-
发表了文章 2023-11-16
用docker和nginx部署前端项目访问本地java网关gateway服务
本地开发 java 微服务项目，但是拿到的对应的web前端项目只有打包编译过后的 dist 目录里的静态资源（里面只有一个index.html和一些编译过后的 js、css文件），前端接口需要先访问到 java 的网关服务，然后网关里再做转发
-
发表了文章 2023-11-16
用SpringBoot开发java程序笔记
用SpringBoot开发一个简单的java程序，让你轻松体验Java应用开发完整过程
-
发表了文章 2023-11-16
SpringBoot本地上传文件到resources目录永久保存下载的最佳实践
Java后端项目上传文件是一个很常见的需求，一般正式项目中我们上传文件都是利用第三方阿里云OSS这类的，但是如果只是为了学习之用，那我们可能就会直接上传到电脑上某个本地文件夹
-
发表了文章 2023-11-16
用swift开发ios移动端app应用初体验
直接跟着 apple 官方的 SwiftUI 教程跑的，写惯了 javascript 奔放的代码，很多语法理解起来还是有点费劲
-
发表了文章 2023-11-16
前端框架中index.html中的变量语法
在 vue 或者 react 前端项目中，我们经常会在入口模板文件 index.html 中看到用 %PUBLIC_URL%、<%= BASE_URL %>、<%= title %> 之类的变量插入
-
发表了文章 2023-11-16
flutter初体验demo踩坑指南
用flutter开发app客户端遇到的各种问题和解决办法
-
发表了文章 2023-11-16
用electron打包前端应用初体验
用electron打包开发桌面应用遇到的各种问题和解决办法
-
发表了文章 2023-11-16
mysql中执行 sql 语句报语法错误引出的代码空格问题
根据报错提示 sql 语法错误，错误状态码 1064，网上很多人说是使用了 mysql 保留关键字，没用反单引号``包起来，或者普通字符串使用了反单引号这些...反正大部分都是说引号这块出了问题，但一遍遍地检查确实又都没发现问题
-
发表了文章 2023-11-16
利用径向渐变radial-gradient封装stylus、sass函数制作半圆透明切角效果
前端项目中为了制作半圆切角效果，一般多用于优惠券类似效果，最开始的版本，只通过一个 bottom 或 top 的参数来封装调用，只能满足上下四个角半圆切角的效果，满足的场景有限
-
发表了文章
2025-05-10
webpack-dev-server代理后端一直报CORS跨域或500错误
-
发表了文章
2025-04-18
用markdown语法制作一个好看的网址导航页面（markdown-web-nav）
-
发表了文章
2025-03-25
github和npm开启2FA双重身份验证无法登陆
-
发表了文章
2025-03-23
用git rebase命令合并开发阶段中多条commit提交记录
-
发表了文章
2025-03-23
DDD四层架构和MVC三层架构的个人理解和学习笔记
-
发表了文章
2025-03-23
前端开发中使用whistle代理工具
-
发表了文章
2025-03-02
关于JavaScript性能问题的误解
-
发表了文章
2025-01-20
抛弃node和vscode，如何用记事本开发出一个完整的vue前端项目
-
发表了文章
2025-01-07
java代码优化：判断内聚到实体对象中和构造上下文对象传递参数
-
发表了文章
2024-12-15
java日常开发中如何写出优雅的好维护的代码
-
发表了文章
2024-11-09
DDD架构中assembler和converter的区别
-
发表了文章
2024-08-22
mac和windows上安装nvm管理node版本
-
发表了文章
2024-07-10
mybatis动态SQL常用语法总结
-
发表了文章
2024-07-10
谁说forEach不支持异步代码，只是你拿不到异步结果而已
-
发表了文章
2024-07-10
遍历请求后端数据引出的数组forEach异步操作的坑
-
发表了文章
2024-06-30
java常用数据判空、比较和类型转换
-
发表了文章
2024-05-27
从0到1开发一个自己的npm包完整过程
-
发表了文章
2024-05-25
小程序中使用npm安装vant组件实现按需引入减少代码包大小，避免触发用户隐私协议
-
发表了文章
2024-05-19
苹果app开发apple-app-site-association文件配置
-
发表了文章
2024-05-15
java项目中使用protobuf扫盲笔记
