官方说：只有当所需功能只能通过直接的 DOM 操作来实现时，才应该使用自定义指令。
上一个项目中使用了自定义指令控制按钮权限，这里写一下自定义指令的用法。

之前抄过一个像素风的红包网站，不过那次重点是像素风，也比较简陋。这次的目标是生产级的，能够真正使用的网站。
主要的技术是 Next.js + TailwindCss + Sui。
页面设计大部分是抄的，现在还没全抄完，先把做完的写写笔记吧。
红包网站页面不过，主要还是记录一下开发过程中遇到的问题。

使用Next的时候建议配合tailwindcss使用，看文档发现一些比较有意思的用法，记录一下。

为什么使用tailwindcss

1. 不用取类名，这个真的很友好，我每天写类名都头疼。
2. CSS文件比较小。因为都是预设好的类，所以生成的CSS文件比较小。
3. 方便维护。css是全局的，容易造成污染。

那么为什么不直接使用内敛样式呢？官方文档是这么说的：
使用约束进行设计：这样UI风格一致更容易实现
响应式设计： 您无法在内联样式中使用媒体查询，但可以使用 Tailwind 的响应式实用程序轻松构建完全响应的界面。
悬停、聚焦和其他状态： 内联样式无法针对悬停或聚焦等状态，但 Tailwind 的状态变体可以轻松地使用实用程序类来设置这些状态的样式。

总之目前tailwindcss是前端开发的大势所趋了，尤其是海外项目。所以学习一下还是很有必要的，而且也不算难
当然这篇博文并不打算写h-2这样的基础应用，而是写写我之前不了解的一些知识点

主页太丑了想装修一下主页遇到的各种问题。有的解决了有的只是勉强能用

起因​

密线项目做消息通知的时候有一个需求，消息列表展开后，点击红色框之外的区域关闭列表，红框之内的区域不关闭列表。明显这是一个排除法，需要判断点击的元素是否在某几个确定的元素内。element-plus有一个指令clickOutside，但是只能判断一个元素，项目中需要判断多个元素，所以自己写了一个指令。

起因​

平台管理功能需要用到富文本。项目中用的quill，但是视频上传功能只能上传网络视频，如果想上传本地，修改起来比较麻烦，所以转用了wangEditor。 因为是vue2项目，比较老旧，网上资料好多过时了，不太好用，所以记录一下。 官网：https://www.wangeditor.com/

起因​

群里的一个伙伴问到，如何在对话框中实现拖动功能。实际上el-dialog本身能支持拖动，但是不太自由，严格限制在了可见区域内，所以自己手写一个拖动功能，练练手吧

吐槽在先​

以前用Vue2+js比较多，最近开发的项目用的Vue3+ts，写的多了之后慢慢熟悉了，读源码和写代码效率都高不少。最近是封装 ECharts 组件和使用 ProTable 组件的时候遇到一些问题。写文总结一下

吐槽在先​

正开发 saas 教学管理系统呢，活都分配好了，框架写好了，产品经理没了，笑死。

产品线的头头早晚把整个公司搞黄喽。

saas 暂停，先去干教学管理系统的活，主要是几个图标，正好熟悉一下 ECharts

需求​

智己项目的原型图中，有个弹框是选择感兴趣的标签：

标签需要散落不重复，且不能超出弹框范围。 好在弹框大小是固定的。

起因​

朋友在参加一个SUIMove活动，制作一个随机红包网站作为作品。前端页面需要帮助。于是帮忙写前端 风格使用了像素风（主要是因为有个别人的成品页面作为UI参考）

1.起因​

起因是前两个项目，用了不少格式化时间的函数，都是在项目中的 utils 文件夹中写着。npm 上肯定有现成的依赖包，但是我想发布一个自己的。 一是能自定义功能，方便自己的项目使用，二是学习一下怎么发布

1.正常卸载node

项目简单情况​

Vue2+js的老项目，五六年了。还在用node14版本。 项目要求是写新页面，租户管理和用户管理，数据比较复杂，每个请求数据都很多。目前先写静态页面

关于预言机​

区块链预言机（BlockChain Oracle）看名字比较容易让人误解。首先预言机不预言任何东西，而关于 Oracle，也和甲骨文公司（Oracle）或 Oracle 数据库没有任何关系。 预言机是一种将区块链外信息写入区块链内的机制，完成区块链与现实世界的数据互通。是智能合约与外部进行数据交互的唯一途径，也是区块链与现实世界进行数据交互的接口。

项目的建立​

因为要使用 Sui TypeScript SDK，所以直接使用了模板

npm create @mysten/dapp

创建出的项目本身有 SDK 的引入，不用自己配置了 参考地址：https://sdk.mystenlabs.com/dapp-kit/create-dapp 项目参考地址：https://github.com/ppnnssy/cardbattle-solidity