咖啡教室_社区达人页

2024年01月

• 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 的各种功能。

2023年12月

• 12.16 10:11:48
  发表了文章 2023-12-16 10:11:48

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

  JavaScript 不像 Java、C++ 这种纯面向对象的语言，可以通过类实现继承，JavaScript中的继承是通过原型实现的，即使 ES6 中新增的 class 类也只是原型的语法糖而已
• 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了，不需要额外去安装插件
• 11.16 16:42:30
  发表了文章 2023-11-16 16:42:30

  从零开发和发布自己的wordpress插件到官方插件库完全指南

  wordpress是一款很流行的开源博客程序，全世界有很多网站都在使用wordpress，程序员们也喜欢拿来做自己的技术博客，对于自己不满意的地方，那肯定也需要自己动手来修改了，下面就介绍从开发到发布一个wordpress插件的完整流程
• 11.16 16:36:06
  发表了文章 2023-11-16 16:36:06

  编写bat文件在windows上自动执行cmd命令

  windows 电脑上直接新建 txt 记事本文件，编写好要执行的命令后，将后缀修改成 .bat，然后直接点击文件就可以执行里面的命令了
• 11.16 16:24:16
  发表了文章 2023-11-16 16:24:16

  windows从右键菜单选择vscode打开当前目录项目

  vscode 每次打开新项目都要先打开vscode在从里面打开目录，每次这样感觉效率比较低，就想着能不能有一个我直接在当前目录下右键菜单，点一下就直接用vscode打开当前目录，总共找到3种方案
• 11.16 16:13:20
  发表了文章 2023-11-16 16:13:20

  windows系统开发常用cmd命令学习

  在 cmd 命令中，按键盘的向上箭头可以快速切换历史前后命令，敲 Tab 可自动补全路径
• 11.16 15:55:57
  发表了文章 2023-11-16 15:55:57

  windows中cmd和PowerShell批处理命令

  之前在 Git 批量删除本地分支，有用到 Linux 或 MacOS 下的批处理命令，这个命令中的 grep、xargs 本身是 Shell script，在 windows 中的 cmd 和 PowerShell 中是不能用的
• 11.16 15:46:09
  发表了文章 2023-11-16 15:46:09

  vue老项目sass和element-ui开发踩坑

  公司的一个各种依赖比较老的项目，习惯了之前的iview和stylus开发，刚接手还是有很多不习惯的地方
• 11.16 15:34:40
  发表了文章 2023-11-16 15:34:40

  用vitepress搭建文档网站踩坑记录

  之前用 vuepress2 + vite 成功搭建了一个博客网站，这不 vue3 的文档改用 vitepress 搭建的，看着挺好看的，就想着也来折腾折腾搭建一个工作的文档网站
• 11.16 15:19:54
  发表了文章 2023-11-16 15:19:54

  用vuepress2搭建自己的github网站

  最近打算自己做一个博客网站记笔记，然后部署到github上，最终选择了vuepress的最新版本v2（使用的是vue3和TypeScript开发，默认使用Vite作为打包工具）
• 11.16 15:04:47
  发表了文章 2023-11-16 15:04:47

  vue自定义指令监听元素是否进入父元素视窗内

  一般涉及 dom 的操作，我们都可以通过自定义指令来实现，比如点击文本直接复制到粘贴板、按钮权限的判断（无权限时隐藏或禁用）...这一点一般通过指令钩子函数的第一个参数 el 就能实现