ARslince 最近的时间轴更新 ARslince 最近的时间轴更新 |
ARslinceV2EX 第 483272 号会员，加入于 2020-04-13 09:15:30 +08:00今日活跃度排名 1799 |
ARslince 最近回复了
5 天前 回复了 Olivia35 创建的主题 › 远程工作 › 诚招高级 Go 工程师！远程！ |
有前端的 JD 麻 
6 天前 回复了 289396212 创建的主题 › 程序员 › GitHub 上的 React Native 项目怎么一个都跑不起来，求推荐一个好的学习项目仓库 |
https://github.com/slince-zero/StickerSmash
可以试一下这个例子，就是 expo 官方文档的那个例子，用 expo 启动还是很容易的，不过启动之前，需要先按着 expo 官方文档安装一下环境。
可以试一下这个例子，就是 expo 官方文档的那个例子，用 expo 启动还是很容易的，不过启动之前，需要先按着 expo 官方文档安装一下环境。
35 天前 回复了 wxm 创建的主题 › 职场话题 › 最近有人收到 offer 吗？ 真的有公司在招人吗? |
@ShrinkLynn 老哥，贵司有前端的位置吗，求捞
35 天前 回复了 dndx 创建的主题 › 酷工作 › [外企][上海/北京][开源商业][独角兽] Kong 中国研发中心大量开放职位 (前端/微服务后端/网关底层) |
在招聘页里面没有看到北京的栏位
38 天前 回复了 jellywong 创建的主题 › 酷工作 › [北京][社招][贝壳找房] Java 后端研发工程师，简历直达老板 |
@jellywong 好，哥，那我就在您邮箱了给你发一份简历了，标题是‘前端简历投递（ V2EX by ARslince ）’
38 天前 回复了 demonkhh 创建的主题 › 创业组队 › 前端一枚，寻找有意思的项目 |
可以看看我的项目： https://github.com/slince-zero/IMaker
38 天前 回复了 jellywong 创建的主题 › 酷工作 › [北京][社招][贝壳找房] Java 后端研发工程师，简历直达老板 |
哥有前端的位置吗
39 天前 回复了 b1t 创建的主题 › CSS › css 好难，你们怎么熟练把 css 用起来的？ |
48 天前 回复了 ARslince 创建的主题 › 分享发现 › 跟着开源项目学习，一周时间用 React 写了一个用于制作封面的项目 |
@sibusana
谢谢前辈的建议，先回答一下前辈的两个问题，
1. 这里设计的就是不可输入的，后续我打算实现用户可自定义输入
2. 这个问题就是一个很好的建议，后面会考虑让遮罩边框颜色改变
关于前辈的两个建议，这两点我也都想到了，写字板的业务场景确实很少，所以会考虑增加一些其他的功能，最后就是关于文本放大缩小，调整位置也在设计开发当中了
谢谢前辈的建议，先回答一下前辈的两个问题，
1. 这里设计的就是不可输入的，后续我打算实现用户可自定义输入
2. 这个问题就是一个很好的建议，后面会考虑让遮罩边框颜色改变
关于前辈的两个建议，这两点我也都想到了，写字板的业务场景确实很少，所以会考虑增加一些其他的功能，最后就是关于文本放大缩小，调整位置也在设计开发当中了
48 天前 回复了 ARslince 创建的主题 › 分享发现 › 跟着开源项目学习，一周时间用 React 写了一个用于制作封面的项目 |
我认为有三个难点：
第一：由于我使用了 NEXTUI 这个组件库，在实现用户上传图片这个功能的时候，用到了 Button 组件，它存在一些默认行为，所以有两个方式可以修复，一方面去找到对应的默认监听行为，删除它；另一种方式通过用 JS 单独写一个逻辑去手动调用点击事件的执行。
第二：关于下载图片功能，这里有两个小点，第一小点是关于状态管理，由于我整个项目分成了三个大组件，我选择了 Context 来进行状态管理，这里我用 Context 传递了了一个 ref 值和一个 download 方法，其中这个 download 接用了 dom-to-image 这个库，但是关键在于创建一个 a 标签，进而获取到它的 url ，从而实现这个 download 方法；第二小点就是组件见传递数据的时候，数据类型会丢失，这是一个细节，所以这里要定义一个类型，不然会有问题。
第三：关于撤销动作，这里我采用的是维护一个操作历史的状态来实现，基本逻辑就是监听键盘事件，从历史记录中移除最后一次的绘图，然后重新渲染剩余的组件。
最后，整个项目的难点，在于组件之间数据的传递，项目中使用了 useContext 来作为状态管理，从来实现，组件层级之间数据的传递
第一：由于我使用了 NEXTUI 这个组件库，在实现用户上传图片这个功能的时候，用到了 Button 组件，它存在一些默认行为，所以有两个方式可以修复，一方面去找到对应的默认监听行为，删除它；另一种方式通过用 JS 单独写一个逻辑去手动调用点击事件的执行。
第二：关于下载图片功能，这里有两个小点，第一小点是关于状态管理，由于我整个项目分成了三个大组件，我选择了 Context 来进行状态管理，这里我用 Context 传递了了一个 ref 值和一个 download 方法，其中这个 download 接用了 dom-to-image 这个库，但是关键在于创建一个 a 标签，进而获取到它的 url ，从而实现这个 download 方法；第二小点就是组件见传递数据的时候，数据类型会丢失，这是一个细节，所以这里要定义一个类型，不然会有问题。
第三：关于撤销动作，这里我采用的是维护一个操作历史的状态来实现，基本逻辑就是监听键盘事件，从历史记录中移除最后一次的绘图，然后重新渲染剩余的组件。
最后，整个项目的难点，在于组件之间数据的传递，项目中使用了 useContext 来作为状态管理，从来实现，组件层级之间数据的传递
Select Language