ARslince 最近的时间轴更新
ARslince

ARslince

V2EX 第 483272 号会员,加入于 2020-04-13 09:15:30 +08:00
今日活跃度排名 13484
根据 ARslince 的设置,主题列表被隐藏
二手交易 相关的信息,包括已关闭的交易,不会被隐藏
ARslince 最近回复了
@ShrinkLynn 老哥,贵司有前端的位置吗,求捞
在招聘页里面没有看到北京的栏位
@jellywong 好,哥,那我就在您邮箱了给你发一份简历了,标题是‘前端简历投递( V2EX by ARslince )’
17 天前
回复了 demonkhh 创建的主题 创业组队 前端一枚,寻找有意思的项目
可以看看我的项目: https://github.com/slince-zero/IMaker
哥有前端的位置吗
19 天前
回复了 b1t 创建的主题 CSS css 好难,你们怎么熟练把 css 用起来的?
https://github.com/slince-zero/IMaker

可以看一下我这个项目,也是用的 tailwindcss
@sibusana
谢谢前辈的建议,先回答一下前辈的两个问题,
1. 这里设计的就是不可输入的,后续我打算实现用户可自定义输入
2. 这个问题就是一个很好的建议,后面会考虑让遮罩边框颜色改变

关于前辈的两个建议,这两点我也都想到了,写字板的业务场景确实很少,所以会考虑增加一些其他的功能,最后就是关于文本放大缩小,调整位置也在设计开发当中了
我认为有三个难点:

第一:由于我使用了 NEXTUI 这个组件库,在实现用户上传图片这个功能的时候,用到了 Button 组件,它存在一些默认行为,所以有两个方式可以修复,一方面去找到对应的默认监听行为,删除它;另一种方式通过用 JS 单独写一个逻辑去手动调用点击事件的执行。

第二:关于下载图片功能,这里有两个小点,第一小点是关于状态管理,由于我整个项目分成了三个大组件,我选择了 Context 来进行状态管理,这里我用 Context 传递了了一个 ref 值和一个 download 方法,其中这个 download 接用了 dom-to-image 这个库,但是关键在于创建一个 a 标签,进而获取到它的 url ,从而实现这个 download 方法;第二小点就是组件见传递数据的时候,数据类型会丢失,这是一个细节,所以这里要定义一个类型,不然会有问题。

第三:关于撤销动作,这里我采用的是维护一个操作历史的状态来实现,基本逻辑就是监听键盘事件,从历史记录中移除最后一次的绘图,然后重新渲染剩余的组件。

最后,整个项目的难点,在于组件之间数据的传递,项目中使用了 useContext 来作为状态管理,从来实现,组件层级之间数据的传递
46 天前
回复了 yoa1q7y 创建的主题 iPhone 感觉 iPhone X 才是苹果的巅峰之作呢
没人说 5.8 寸的 11pro 吗,手感真的很舒服,但是重量就算了
50 天前
回复了 handsometong 创建的主题 程序员 终于收到期盼已久的 Google Adsense PIN 码
@handsometong #2 感谢大哥的回复! ✨
关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3249 人在线   最高记录 6679   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 11ms · UTC 05:02 · PVG 13:02 · LAX 22:02 · JFK 01:02
Developed with CodeLauncher
♥ Do have faith in what you're doing.