本帖最后由 Salt_lovely 于 2020-12-6 15:16 编辑
关于为什么发布在茶馆：还没完工，所以在茶馆放出试用版，同时收听意见建议，再水一贴。
回帖提出可行意见指出问题可以获得回帖奖励。（嘛，我觉得多数人不能很快看得见这一句）
· 自学TypeScript中...
最开始我只是为了找从这工啊这，，我也没办法作去学前端的，面试官和我聊天的时候说，现在前端开始用TypeScript了；回来后我把空闲时间放在了学TS上，同时做了一些奇怪的东西练手。
代码不知不觉已经变成了这个形状：
至于这些奇形怪状的代码是什么，请看下一节↓
· 整出来的东西...
这个小东西叫saltMCBBS，编译后是一个油猴脚本
代码里（除了添加自定义举报理由）没有使用jQuery，所以可以在jQuery下载之前启用
目前的主要功能如下：
把信息栏放在页面左边+一键切换夜间模式
动图演示↓
动图加载不出来的话看下面↓
这是茶馆的版面（顶部红色栏已经不见了，左边有一条半透明的白条）
鼠标移动到最左边，弹出这个信息栏
双击信息栏的空白区域（比如左右白边），切换成夜间模式
脚本会记忆用户是否处于夜间模式，点开新页面的时候会保持正常/夜间模式
不过这个夜间模式的样式还没写完，个人空间和帖子编辑器页面还很难看。
自定义的评分/举报理由+自定义勋章显示行数
点击左侧栏的用户头像，弹出设置框（为什么点击头像弹出设置框呢，我也不知道，但那天我就是这么设计的）
自定义的评分/举报理由一行代表一个（觉得输入框太扁的话，可以拖动右下角拉长）
自定义勋章显示行数只接受整数（我在想要不要写成允许小数，比如3.5行之类的）
显示警告记录+被警告楼层半透明
被警告楼层半透明，让你不再浪费时间在浏览“66666”上（被警告楼层压扁功能正在开发中，敬请咕咕咕）
· 发布在茶馆？
因为还没写完好（鸽子叫），目前还在起步阶段。。。
目前已知存在的问题
如果我还没找到将多个.ts文件编译成一个.js文件的方法，我最终可能会写出一个几千行的.ts文件，然后每次更新都是地狱（）
设计上，我提供了很多奇怪的东西供后续开发，比如在window对象上创建两个实例（一个用于管理CSS，一个是主要代码）
与MCBBS Extender冲突，见此楼最后一章。
下载试用
saltMCBBS已经在GitHub上开源。
https://github.com/Salt-lovely/saltMCBBS/releases <- 请手动选择最新版的saltMCBBS.js
https://github.com/Salt-lovely/saltMCBBS <- 觉得手动更新版本麻烦的话，可以下载这里面的loader.js
https://github.com/Salt-lovely/saltMCBBS/blob/main/doc.md <- 一个还没写好的文档，里面有一个开发示例
借物表
显示警告记录按钮的实现方法参考自Zapic大佬的MCBBS extender，不过Zapic大佬使用了jQuery的方法快速完成，我用了香草原版JS的方法实现（下面是我构建警告按钮的方法，因为在类中所以没有function关键字，TS代码，编译前没法用于油猴脚本）。
复制代码
· 好友召唤阵
雷公助我！ <- 不行实在太中二了
情侣席： @樱千落妖精 @猫凉、
情侣席： @MashKJo @柠檬不卖萌w
在案板： @凛夜丶雨月
在锅里： @九条都
在饭桌： @White_i
在碗里： @小丛雨
冒出来： @No848757
在咕咕： @潮风
不知道： @小兜兜.
来局友谊赛： @阴阳师元素祭祀 <- 我在群里问谁想要进at名单的时候，yys冒了出来
· 已知与MCBBS Extender的冲突
比较严重的冲突将会加粗表示。
编辑记录：召唤阵原地爆炸，尝试修复ing
关于为什么发布在茶馆：还没完工，所以在茶馆放出试用版，同时收听意见建议，
回帖提出可行意见指出问题可以获得回帖奖励。（嘛，我觉得多数人不能很快看得见这一句）
· 自学TypeScript中...
最开始我只是为了找从这工啊这，，我也没办法作去学前端的，面试官和我聊天的时候说，现在前端开始用TypeScript了；回来后我把空闲时间放在了学TS上，同时做了一些奇怪的东西练手。
代码不知不觉已经变成了这个形状：
如果这不是我亲手写出来的代码，我肯定看不懂的好吗！
至于这些奇形怪状的代码是什么，请看下一节↓
· 整出来的东西...
这个小东西叫saltMCBBS，编译后是一个油猴脚本
代码里（除了添加自定义举报理由）没有使用jQuery，所以可以在jQuery下载之前启用
目前的主要功能如下：
把信息栏放在页面左边+一键切换夜间模式
动图演示↓
动图加载不出来的话看下面↓
这是茶馆的版面（顶部红色栏已经不见了，左边有一条半透明的白条）
鼠标移动到最左边，弹出这个信息栏
双击信息栏的空白区域（比如左右白边），切换成夜间模式
脚本会记忆用户是否处于夜间模式，点开新页面的时候会保持正常/夜间模式
不过这个夜间模式的样式还没写完，个人空间和帖子编辑器页面还很难看。
自定义的评分/举报理由+自定义勋章显示行数
点击左侧栏的用户头像，弹出设置框（为什么点击头像弹出设置框呢，我也不知道，但那天我就是这么设计的）
自定义的评分/举报理由一行代表一个（觉得输入框太扁的话，可以拖动右下角拉长）
自定义勋章显示行数只接受整数（我在想要不要写成允许小数，比如3.5行之类的）
显示警告记录+被警告楼层半透明
被警告楼层半透明，让你不再浪费时间在浏览“66666”上（被警告楼层压扁功能正在开发中，敬请咕咕咕）
· 发布在茶馆？
因为还没写完好（鸽子叫），目前还在起步阶段。。。
目前已知存在的问题
如果我还没找到将多个.ts文件编译成一个.js文件的方法，我最终可能会写出一个几千行的.ts文件，然后每次更新都是地狱（）
设计上，我提供了很多奇怪的东西供后续开发，比如在window对象上创建两个实例（一个用于管理CSS，一个是主要代码）
与MCBBS Extender冲突，见此楼最后一章。
下载试用
saltMCBBS已经在GitHub上开源。
https://github.com/Salt-lovely/saltMCBBS/releases <- 请手动选择最新版的saltMCBBS.js
https://github.com/Salt-lovely/saltMCBBS <- 觉得手动更新版本麻烦的话，可以下载这里面的loader.js
https://github.com/Salt-lovely/saltMCBBS/blob/main/doc.md <- 一个还没写好的文档，里面有一个开发示例
借物表
显示警告记录按钮的实现方法参考自Zapic大佬的MCBBS extender，不过Zapic大佬使用了jQuery的方法快速完成，我用了
- addWarnBtn(uid: number | string, text: string = '查看警告记录') {
- let a = document.createElement('a')
- a.href = 'forum.php?mod=misc&action=viewwarning&tid=19&uid=' + uid
- a.title = text; a.textContent = text
- a.className = 'xi2'
- a.setAttribute('onclick', 'showWindow(\'viewwarning\', this.href)')
- return a
- }
· 好友召唤阵
情侣席： @樱千落妖精 @猫凉、
情侣席： @MashKJo @柠檬不卖萌w
在案板： @凛夜丶雨月
在锅里： @九条都
在饭桌： @White_i
在碗里： @小丛雨
冒出来： @No848757
在咕咕： @潮风
不知道： @小兜兜.
来局友谊赛： @阴阳师元素祭祀 <- 我在群里问谁想要进at名单的时候，yys冒了出来
· 已知与MCBBS Extender的冲突
比较严重的冲突将会加粗表示。
- 因为去掉了顶部栏，所以MCBBS Extender的设置按钮消失了
- 因为去掉了顶部栏，所以MCBBS Extender对顶栏的美化消失了
- 因为去掉了顶部栏，所以MCBBS Extender的预览页面皮肤功能消失了
- MCBBS Extender的勋章功能会覆盖saltMCBBS的勋章功能
- 但是鼠标移动到勋章上时，显示的说明气泡是saltMCBBS的样式
- 你可以看到两个在一起的“查看警告记录”按钮
编辑记录：召唤阵原地爆炸，尝试修复ing
厉害厉害！有社交软件内味了！