人人都是码农_社区达人页

2025年10月

• 10.19 13:04:23
  发表了文章 2025-10-19 13:04:23

  每日一个计算机小知识：IP和域名

  每日一知：IP是网络设备的“门牌号”，分IPv4（32位，已耗尽）和IPv6（128位，海量地址）；域名则是便于记忆的“别名”。通过DNS系统，域名与IP关联，让我们轻松访问网站。
• 10.19 12:55:30
  发表了文章 2025-10-19 12:55:30

  每日一个计算机小知识：Host

  每日分享一个计算机小知识：Host（主机）指网络中拥有独立IP、可参与通信的设备，如电脑、手机、服务器等。IP如同设备的“门牌号”，是定位Host的关键。开发中常说的Host多指部署服务的服务器，具备高配置与固定公网IP，便于他人访问接口或网站。
• 10.19 12:40:31
  发表了文章 2025-10-19 12:40:31

  每日一个计算机小知识：Linux

  每日一个计算机小知识：Linux。名字源自创始人Linus Torvalds的名字与Unix的结合，1991年由21岁芬兰大学生首创，开源、稳定、低耗，广泛用于服务器、Android系统等。常说的Linux系统实为发行版（如Ubuntu），内核仅是底层核心。Linus还创造了Git！你常用哪些Linux命令？

2025年05月

• 05.10 14:28:57
  发表了文章 2025-05-10 14:28:57

  webpack-dev-server代理后端一直报CORS跨域或500错误

  在Vue项目中使用Webpack的devServer代理后端接口时，遇到500错误。问题根源在于浏览器请求中携带的Origin头导致服务器报错，而Postman测试正常。通过分析发现，调整或移除Origin头可解决问题。解决办法包括：1) 在代理配置中添加正确的Origin头；2) 删除请求中的Origin头。文章还深入解析了Origin头的作用及changeOrigin配置的实际意义，并附带相关文档链接，帮助开发者更好地理解与解决类似跨域问题。

2025年04月

• 04.18 01:07:15
  发表了文章 2025-04-18 01:07:15

  用markdown语法制作一个好看的网址导航页面（markdown-web-nav）

  这是一篇关于创建网址导航页面的工具分享文章。作者介绍了从手动编写HTML代码到开发可视化工具 *markdown-web-nav* 的历程，旨在简化网址管理与导航页面生成的过程。该工具支持新增、编辑和删除网址数据，通过导入/导出JSON文件、实时预览Markdown效果以及一键复制等功能，让用户轻松制作美观的网站导航页面。文章还提供了详细的操作步骤及常见问题解答，如还原数据、获取网站图标链接等，适合不同技术水平的用户使用。

2025年03月

• 03.25 21:57:18
  发表了文章 2025-03-25 21:57:18

  github和npm开启2FA双重身份验证无法登陆

  随着安全需求提升，许多应用如GitHub和npm已强制启用2FA（双重身份验证）。2FA通过用户名、密码及动态验证码增强账号安全性。若手机丢失或TOTP应用失效，可使用开启2FA时生成的recovery code登录并重新绑定。推荐使用大厂的TOTP工具，如Microsoft Authenticator、Google Authenticator等，避免小应用停服风险。若无备份码，只能通过人工申诉找回账号。

  
• 03.23 23:10:07
  发表了文章 2025-03-23 23:10:07

  用git rebase命令合并开发阶段中多条commit提交记录

  通过 `git rebase`，可以合并多个提交记录，使开发历史更简洁清晰。操作分为 6 步：查看提交历史 (`git log --oneline`)、设置需合并的提交数 (`git rebase -i HEAD~N`)、修改动作标识为 `s`（squash）、保存退出编辑、调整提交信息、强制推送至远程仓库 (`git push -f`)。此方法适合清理本地无关提交，但若有团队协作或冲突风险，需谨慎使用以避免问题。
• 03.23 22:07:25
  发表了文章 2025-03-23 22:07:25

  DDD四层架构和MVC三层架构的个人理解和学习笔记

  领域驱动设计（DDD）是一种以业务为核心的设计方法，与传统MVC架构不同，DDD将业务逻辑拆分为应用层和领域层，更关注业务领域而非数据库设计。其四层架构包括：Interface（接口层）、Application（应用层）、Domain（领域层）和Infrastructure（基础层）。各层职责分明，避免跨层调用，确保业务逻辑清晰。代码实现中，通过DTO、Entity、DO等对象的转换，结合ProtoBuf协议，完成请求与响应的处理流程。为提高复用性，实际项目中可增加Common层存放公共依赖。DDD强调从业务出发设计软件，适应复杂业务场景，是微服务架构的重要设计思想。
• 03.23 21:50:48
  发表了文章 2025-03-23 21:50:48

  前端开发中使用whistle代理工具

  Whistle是一款强大的代理工具，相比Charles、Fiddler更轻量且功能丰富。它适用于前端开发中的多种场景，如接口数据Mock、接口代理、静态资源代理等。通过简单的规则配置，可将接口指向本地JSON文件，解决跨域问题，或代理静态资源以满足特定域名访问需求。此外，Whistle还支持本地端口间转发与移动端请求抓包，搭配SwitchyOmega插件使用效果更佳。需注意，使用前请确保已安装Node环境并参考官方文档完成基础配置。
• 03.02 18:15:35
  发表了文章 2025-03-02 18:15:35

  关于JavaScript性能问题的误解

  JavaScript 是单线程语言，代码逐行执行，遇到大数据量计算可能影响性能。前端同事担心遍历大量数据会导致性能问题，但实际上，即使遍历1000、10000条数据，耗时也较少。测试代码执行时间有三种方法：Date.now、console.time 和 performance.now，其中 performance.now 精度最高。开发中不必过度担忧遍历带来的性能损耗，保持代码清晰更重要。

2025年01月

• 01.20 00:22:03
  发表了文章 2025-01-20 00:22:03

  抛弃node和vscode，如何用记事本开发出一个完整的vue前端项目

  本文探讨了在不依赖Node和VSCode的情况下，仅使用记事本和浏览器开发一个完整的Vue3前端项目的方法。通过CDN引入Vue、Vue Router、Element-UI等库，直接编写HTML文件实现页面功能，展示了前端开发的本质是生成HTML。虽然日常开发离不开现代工具，但掌握这种基础方法有助于快速实现想法或应对特殊环境限制。文章还介绍了如何用Node简单部署HTML文件到服务器，提供了一种高效、轻量的开发思路。
• 01.07 21:39:03
  发表了文章 2025-01-07 21:39:03

  java代码优化：判断内聚到实体对象中和构造上下文对象传递参数

  通过两个常见的java后端实例场景探讨代码优化，代码不是优化出来的，而是设计出来的，我们永远不可能有专门的时间去做代码优化，优化和设计在平时

2024年12月

• 12.15 23:45:20
  发表了文章 2024-12-15 23:45:20

  java日常开发中如何写出优雅的好维护的代码

  代码可读性太差，实际是给团队后续开发中埋坑，优化在平时，没有那个团队会说我专门给你一个月来优化之前的代码，所以在日常开发中就要多注意可读性问题，不要写出几天之后自己都看不懂的代码。

2024年11月

• 11.09 19:07:30
  发表了文章 2024-11-09 19:07:30

  DDD架构中assembler和converter的区别

  在 DDD 四层架构模式中，assembler 和 converter 常用于对象转换，但两者在实际项目中的使用较为随意。本文从英文释义、语义区分和模型层区分三个方面探讨了两者的区别，建议按模型层区分，即 Interface 和 Application 层使用 assembler，Infrastructure 层使用 converter，以避免混淆和随意使用。此外，将转换代码抽离为独立方法有助于保持代码整洁和可测试性。

2024年08月

• 08.22 07:55:52
  发表了文章 2024-08-22 07:55:52

  mac和windows上安装nvm管理node版本

  NVM（Node Version Manager）是前端开发者常用的命令行工具，用于管理计算机上的不同Node.js版本。通过NVM，开发者可以轻松地在多个项目间切换所需的Node.js版本。在Mac上，可以通过cURL或Wget下载安装脚本，或使用包管理工具brew安装。安装后需配置环境变量以识别NVM命令。Windows用户则可通过专用的nvm-windows安装程序完成安装。常用命令包括安装、卸载特定版本、列出已安装版本等。

2024年07月

• 07.10 23:15:50
  发表了文章 2024-07-10 23:15:50

  mybatis动态SQL常用语法总结

  MyBatis 使用 OGNL 表达式语言处理动态SQL，如 `if` 标签进行条件判断，`choose`、`when`、`otherwise` 实现多条件选择，`where`、`set` 管理SQL关键字，`trim` 提供通用修剪功能，`foreach` 遍历集合数据。`sql` 和 `include` 用于代码重用，`selectKey` 处理插入后的返回值。参数传递支持匿名、具名、列表、Map、Java Bean和JSON方式。注意SQL转义及使用合适的jdbcType映射Java类型。
• 07.10 21:38:54
  发表了文章 2024-07-10 21:38:54

  谁说forEach不支持异步代码，只是你拿不到异步结果而已

  JavaScript 的 `forEach` 不直接支持异步操作，但可以在回调中使用 `async/await`。虽然 `forEach` 不会等待 `await`，异步代码仍会执行。MDN 文档指出 `forEach` 预期同步回调。ECMAScript 规范和 V8 源码显示 `forEach` 基于 for 循环实现，不返回 Promise。通过 `setTimeout` 可观察到异步操作完成。与 `map` 不同，`forEach` 不适合处理异步序列，常需转换为 `Promise.all` 结合 `map` 的方式。
• 07.09 23:07:53
  发表了文章 2024-07-09 23:07:53

  遍历请求后端数据引出的数组forEach异步操作的坑

  开发中如果不是纯遍历处理数据时 forEach、map 这些要少用，每次遍历时还有其他异步操作或副作用时，直接 for 循环一把梭最稳妥，代码逻辑也最好理解

2024年06月

• 06.30 20:57:26
  发表了文章 2024-06-30 20:57:26

  java常用数据判空、比较和类型转换

  java 开发中我们经常会用到的数据判空、数据比较和不同数据之间的类型转换，尤其数据判空可以让我们避免经常会出现 NullPointerException 空指针异常报错。

2024年05月

• 05.27 22:48:35
  发表了文章 2024-05-27 22:48:35

  从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` 发布项目。注意版本号递增，无意义的包不建议发布。

  
• 05.25 11:54:31
  发表了文章 2024-05-25 11:54:31

  小程序中使用npm安装vant组件实现按需引入减少代码包大小，避免触发用户隐私协议

  微信小程序按需引入 vant 组件，自动清除项目中未使用的 vant 组件，减少代码包大小，避免因未使用到的 vant 组件触发隐私协议提交审核时被拒

  
• 05.19 23:19:36
  发表了文章 2024-05-19 23:19:36

  苹果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小时延迟。
• 01.28 23:52:03
  发表了文章 2024-01-28 23:52:03

  java项目中使用protobuf扫盲笔记

  最近公司 Java 项目中有用到 protobuf，查了些资料还是一脸迷茫。
• 01.28 23:24:09
  发表了文章 2024-01-28 23:24:09

  从前端开发的视角来搭建本地java开发环境

  从前端开发的视角来搭建本地 java 开发环境，其实主要也就 java 环境、maven 包管理工具、IntelliJ IDEA 开发工具这3个方面，对应前端中的 nodejs 环境、npm 包管理工具、vscode 开发工具。
• 01.21 23:49:23
  发表了文章 2024-01-21 23:49:23

  vue插槽slot、slot-scope、v-slot的区别以及嵌套插槽的使用

  可以将 slot 理解成一个占位的东西，我们提前在模板中放置一个占位的标记，当其他地方要使用模板时就可以通过标记再传进来具体的内容，这样就可以实现更强的复用能力。
• 01.09 22:55:51
  发表了文章 2024-01-09 22:55:51

  一篇文章搞懂TypeScript

  TypeScript 是 JavaScript 的超集，一方面给动态类型的 js 增加了类型校验，另一方面扩展了 js 的各种功能。
• 12.16 10:11:48
  发表了文章 2023-12-16 10:11:48

  JavaScript难点：原型、原型链、继承、new、prototype和constructor

  JavaScript 不像 Java、C++ 这种纯面向对象的语言，可以通过类实现继承，JavaScript中的继承是通过原型实现的，即使 ES6 中新增的 class 类也只是原型的语法糖而已

2023年12月

• 11.29 21:30:51
  发表了文章 2023-11-29 21:30:51

  手写JSON.parse和JSON.stringify

  搞懂了有限状态机，手写各种解析器都不在话下，主要区别也就是考虑怎么去设计各种状态流转。如果不理解有限状态机建议先去阅读前面一遍：用有限状态机实现一个简版html解析器，然后再来阅读本文就很容易理解了。
• 11.28 23:29:41
  发表了文章 2023-11-28 23:29:41

  用有限状态机实现一个简版的html解析器

  理解了状态机就如给你按上了一双翅膀，不管给你任何一段字符任容，都可以通过状态机来拆分成我们想要的结构，理解了上面这些再去看 vue 里的模板编译，你就能知道它到底是怎么加进去那些语法糖的了

2023年11月

• 11.20 11:31:58
  回答了问题 2023-11-20 11:31:58

  乘风问答官10月排位赛开启！活动规则全面升级，AirPods 、空气炸锅等你赢！

  赞0 踩0 评论0
• 11.16 19:55:30
  发表了文章 2023-11-16 19:55:30

  探寻webpack打包vue前端项目的过程和出现的问题

  前端 vue2 项目中，多人开发，从一段时间开始发现打包变得特别慢，每次线上更新也至少要10几20分钟，正常项目线上更新一般也就1、2分钟，新需求开发拉新分支本地运行也要至少5、6分钟才能运行的起来
• 11.16 19:48:44
  发表了文章 2023-11-16 19:48:44

  前端开发小程序时使用自定义字体

  不管在pc端还是移动端，开发一些图表统计或者数字显示的时候，往往UI效果里需要一些自定义字体来增加显示效果和美观度，各个系统提供的系统字体很难满足需求
• 11.16 19:28:28
  发表了文章 2023-11-16 19:28:28

  前端项目根据环境设置请求地址和接口代理，以及解决多个localhost服务token被覆盖

  一般开发项目除了正式的生产环境，还会有对应的开发环境、测试环境和预发布环境，每个环境所访问的接口地址肯定不一样，如果自己一个个手动修改那就太不程序猿了
• 11.16 19:22:38
  发表了文章 2023-11-16 19:22:38

  用Docker搭建运行本地WordPress

  WordPress需要部署在服务端，如果我们只是为了看下效果或者测试开发使用，那就需要直接部署在本地。而我之所以想要在本地部署也是因为打算开发一个WordPress 的插件，在服务器上搭建和测试插件太不方便了。按照以前的思路是需要在本地安装 phpStudy、XAMMP 这类服务器软件，现在有了Docker 可就方便多了，只用安装相应镜像跑起来就可以了
• 11.16 19:18:17
  发表了文章 2023-11-16 19:18:17

  用nodejs脚本实现网站自动签到功能

  有一个网站每天签到可以获取流量，之前每天都是自己打开网页登录然后手动点签到，但是如果连续7天没签到之前获取的所有流量都会清空。类似的需求会有很多，很多网站、应用也都会提供签到获取积分、金币、能量、饲料...其实用node脚本来实现每天自动签到很简单的
• 11.16 19:17:14
  发表了文章 2023-11-16 19:17:14

  浏览器书签bookmark转json格式

  一直使用谷歌浏览器，因为某些原因登录谷歌账号不方便，所以公司和家里的浏览器上收藏的好多书签也不能同步，以前都是直接导出来，然后自己手动导入同步
• 11.16 19:15:08
  发表了文章 2023-11-16 19:15:08

  根据markdown文件反向转换成chrome浏览器书签html

  前几天手贱直接把 bookmark 的源文件给删了，这下这么多年收藏整理的书签只有自己博客里的一个 markdown 文件了，毕竟还是直接用浏览器自带的 bookmark 查看会方便好多，只能想办法怎么根据现在的 markdowm 文件转换回 bookmark.html 文件了
• 11.16 19:11:03
  发表了文章 2023-11-16 19:11:03

  适配最新微信小程序隐私协议开发指南，兼容uniapp版本

  前一阵微信小程序官方发布了一个用户隐私保护指引填写说明，说是为了规范开发者的用户个人信息处理行为，保障用户合法权益，小程序、插件中涉及处理用户个人信息的开发者，均需补充相应用户隐私保护指引
• 11.16 19:09:45
  发表了文章 2023-11-16 19:09:45

  手写JavaScript防抖节流和休眠函数

  防抖原理是在一定时间内，只有最后一次操作，再过延迟的时间后执行，一般用于防止用户多次重复点击按钮，只会触发最后一次
• 11.16 19:08:39
  发表了文章 2023-11-16 19:08:39

  用ES6中的reduce高阶函数组装查询表单分隔字符数据

  上古时代，我们为了遍历都是用for循环，直到es6的出现，给我们带来了一系列好用的新特性，map、filter、find、findIndex、some、every...各个都是好手，使用这些高阶函数能极大的方便我们快速处理数据
• 11.16 19:07:39
  发表了文章 2023-11-16 19:07:39

  前端开发JavaScript中日期字符串直接比较的坑

  前后端传参或者接受日期时间一般都会格式化成固定格式的字符串，如果格式是规范的 YYYY-MM-DD HH:mm:ss，其实是可以直接比较的，但是如果不规范直接字符串相比较就很容易出问题
• 11.16 19:06:35
  发表了文章 2023-11-16 19:06:35

  在javascript中如何将字符串转成变量或可执行的代码？

  有这样一个需求：当前作用域内有未知的一些变量，其中一个函数中可以拿到某个变量名字符串，怎么能在函数内通过传进来的字符串取到作用域链中的变量值
• 11.16 19:05:47
  发表了文章 2023-11-16 19:05:47

  前端跨浏览器标签页数据共享解决方案

  vue 项目中有一个工单消息通知列表页，每条消息有已读和未读状态，点击消息会用 window.open 打开一个新的浏览器标签页跳转到工单列表页，工单列表页里有项操作是查看消息，会弹窗显示出具体的详细内容，进入这个弹窗就代表用户已经看到消息了，此时会去调后端接口修改消息状态为已读
• 11.16 19:04:17
  发表了文章 2023-11-16 19:04:17

  JavaScript中toFixed、Math.round和四舍五入、银行家舍入法之间的关系

  JavaScript 的 toFixed 方法使用定点表示法来格式化一个数值，数字.toFixed(要保留几位小数)，参数为小数点后数字的个数，介于 0 到 20（包括）之间，默认 0，返回值为使用定点表示法表示给定数字的字符串，该数值在必要时进行四舍五入，不足位数时会直接用 0 来填充小数部分
• 11.16 19:01:48
  发表了文章 2023-11-16 19:01:48

  ES6中新增的rest剩余参数在函数内部的使用问题

  ES6 中引入了 rest 参数（...变量名），用于获取函数内不确定的多余参数，注意只能放在所有参数的最后一个
• 11.16 19:00:50
  发表了文章 2023-11-16 19:00:50

  javascript函数的call、apply和bind的原理及作用详解

  javascript函数的 call、apply和bind 本质是用来实现继承的，专业点说法就是改变函数体内部 this 的指向，当一个对象没有某个功能时，就可以用这3个来从有相关功能的对象里借用过来
• 11.16 18:59:52
  发表了文章 2023-11-16 18:59:52

  input输入unicode零宽字符前端踩坑

  Unicode字符中有一类特殊的字符叫做零宽字符 ZWJ（zero width joiner），也叫非打印字符、不可见字符。正则的断言即叫零宽断言，意思即本身并不占用宽度，如比较出名的零宽空格
• 11.16 18:56:14
  发表了文章 2023-11-16 18:56:14

  axios拦截器封装：await遇上reject时catch的优雅处理方式

  前端项目中使用 axios 请求接口，基于 axios 二次封装了一些业务逻辑，一般我们会在请求和响应拦截器里添加自己项目相关的业务逻辑