cafehaus_社区达人页

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 二次封装了一些业务逻辑，一般我们会在请求和响应拦截器里添加自己项目相关的业务逻辑
• 11.16 18:55:17
  发表了文章 2023-11-16 18:55:17

  用docker和nginx部署前端项目访问本地java网关gateway服务

  本地开发 java 微服务项目，但是拿到的对应的web前端项目只有打包编译过后的 dist 目录里的静态资源（里面只有一个index.html和一些编译过后的 js、css文件），前端接口需要先访问到 java 的网关服务，然后网关里再做转发
• 11.16 18:53:52
  发表了文章 2023-11-16 18:53:52

  用SpringBoot开发java程序笔记

  用SpringBoot开发一个简单的java程序，让你轻松体验Java应用开发完整过程
• 11.16 18:50:56
  发表了文章 2023-11-16 18:50:56

  SpringBoot本地上传文件到resources目录永久保存下载的最佳实践

  Java后端项目上传文件是一个很常见的需求，一般正式项目中我们上传文件都是利用第三方阿里云OSS这类的，但是如果只是为了学习之用，那我们可能就会直接上传到电脑上某个本地文件夹
• 11.16 18:49:48
  发表了文章 2023-11-16 18:49:48

  用swift开发ios移动端app应用初体验

  直接跟着 apple 官方的 SwiftUI 教程跑的，写惯了 javascript 奔放的代码，很多语法理解起来还是有点费劲
• 11.16 18:48:37
  发表了文章 2023-11-16 18:48:37

  前端框架中index.html中的变量语法

  在 vue 或者 react 前端项目中，我们经常会在入口模板文件 index.html 中看到用 %PUBLIC_URL%、<%= BASE_URL %>、<%= title %> 之类的变量插入
• 11.16 18:47:36
  发表了文章 2023-11-16 18:47:36

  flutter初体验demo踩坑指南

  用flutter开发app客户端遇到的各种问题和解决办法
• 11.16 18:45:48
  发表了文章 2023-11-16 18:45:48

  用electron打包前端应用初体验

  用electron打包开发桌面应用遇到的各种问题和解决办法
• 11.16 18:44:06
  发表了文章 2023-11-16 18:44:06

  mysql中执行 sql 语句报语法错误引出的代码空格问题

  根据报错提示 sql 语法错误，错误状态码 1064，网上很多人说是使用了 mysql 保留关键字，没用反单引号``包起来，或者普通字符串使用了反单引号这些...反正大部分都是说引号这块出了问题，但一遍遍地检查确实又都没发现问题
• 11.16 17:40:09
  发表了文章 2023-11-16 17:40:09

  利用径向渐变radial-gradient封装stylus、sass函数制作半圆透明切角效果

  前端项目中为了制作半圆切角效果，一般多用于优惠券类似效果，最开始的版本，只通过一个 bottom 或 top 的参数来封装调用，只能满足上下四个角半圆切角的效果，满足的场景有限
• 11.16 17:35:08
  发表了文章 2023-11-16 17:35:08

  webpack代理proxy配置

  前端项目开发中我们经常会用到 proxy 代理来解决接口跨域问题，通常是在 webpack.config.js 或 vue.config.js 或 vite.config.js 中配置
• 11.16 17:24:02
  发表了文章 2023-11-16 17:24:02

  vue项目中webpack-dev-server的open和host0.0.0.0配置冲突

  一个比较老的公司项目，webpack 用的 v3 版本，为了实现localhost、127.0.0.1和本机ip可以同时访问，webpack的devServer里的 host 我们一般会设置成 0.0.0.0，这样本机所有 ipv4 地址都可以实现访问
• 11.16 17:20:18
  发表了文章 2023-11-16 17:20:18

  前端开发中web和移动端动画的常见实现方式

  前端动画一般在展示性网站、交互操作或者移动端活动页面使用比较多，可能对于大部分前端平时只会用 css 里的 transition 动画，其实前端动画还有很多实现方式
• 11.16 17:12:49
  发表了文章 2023-11-16 17:12:49

  element-ui图标偶现乱码问题的原因和修复方法

  之前很老的一个 webpack3 前端项目，用 vue-cli5 重构了一下，根据 vue-cli 文档安装的 sass 版本 ^1.32.7，sass-loader 版本 ^12.0.0，各种自测感觉没问题了就部署到线上了
• 11.16 17:07:45
  发表了文章 2023-11-16 17:07:45

  element-ui下拉框el-select多选出现滚动条闪现

  弹窗组件中放置了el-select下拉框组件，多选项较多时，聚焦弹出下拉选择框时，下方会出现一个横向滚动条闪现一下，虽然不影响使用，但是作为一个追求完美的码农肯定是受不了
• 11.16 16:51:58
  发表了文章 2023-11-16 16:51:58

  wordpress插件开发踩坑记

  想要使用 REST API 需要自己额外安装插件：WordPress REST API，现在 WordPress 5.0以上的版本已经默认支持 REST API了，不需要额外去安装插件