- 博客(16)
- 收藏
- 关注
原创 15个值得收藏的开源项目推荐
新的一年,前端领域再次掀起波澜壮阔的变革。开源世界日新月异,每天都有新奇的惊喜涌现。今天,我们精心整理了15个令人眼前一亮的开源项目,涵盖了前端技术的各个层面。无论您是资深开发者还是初学者,相信这些项目中总有一个会触动您的心弦。
2024-02-19 14:26:57
3366
1
原创 一个轻巧又灵活的React状态管理器
React从设计之初到最新的v17版本,已经经历了近百次迭代。围绕着单向数据流的设计哲学出现了以Flux思想为主的Redux状态管理和以响应式监听为主的Mobx,一个强调理念上的统一而另一个强调性能体验上的极致。但是通过唯物辩证法我们知道,对立和统一才是所有事物发展的最终形态。于是自React@v16.8.0后推出了Hooks函数,在不改变其心智模型的基础上补齐了对逻辑抽象的短板,借助这一能力我们就可以打开全新的状态管理视野。在定义上,我们没有做更多的概念,沿袭了日常开发中最合理的方式。
2024-02-20 14:04:21
1037
原创 一起来使用node.js制作一个小视频吧
当前太平盛世,可是互联网领域可算是一直乱世。今天我们所说的是短视频领域。短视频已成为一种越来越流行的媒体传播形式。像微视和抖音这种 app,每天都会生产成千上万个精彩短视频。而这些视频也为产品带来了巨大的流量。随之而来,如何让用户可以快速生产一个短视频;或者产品平台如何利用已有的图片、视频、音乐素材批量合成大量视频就成为一个技术难点。今天为大家带来的是一个基于node.js的轻量、灵活的短视频制作库。您只需要添加几张图片或视频片段再加一段背景音乐,就可以快速生成一个很酷的的视频短片。
2024-02-20 14:03:41
1308
原创 图片编辑器开发实践
在实际业务开发中遇到图片编辑模块, 实际上图片编辑本身是相对于业务比较解藕的模块。对于使用方需要提供原图加载接口和编辑后导出文件接口即可!因此想到可以做提取一个功能完备,减少使用者配置的图片编辑器组件,方便后续各业务使用。虽然市面上其实已经有一些使用起来还不错的的组件。图片编辑组件的开发主要是基于一下两个方面来考虑:1,需要能够满足常见的图片编辑需求,扩展更多的功能等2,需要做到良好的交互和任何其他组件或者模块开发一样,首先是先调研目前市面上已有的图片编辑器;经过比较最终选择了。
2024-02-20 14:03:02
1044
原创 一起来使用node.js制作一个小视频吧
id=%e5%a4%9a%e5%9b%be%e7%9b%b8%e5%86%8c), [demo源码地址]( https://github.com/tnfe/FFCreator/blob/master/examples/album.js)id=%e5%9b%be%e7%89%87%e5%8a%a8%e7%94%bb), [demo源码地址](https://github.com/tnfe/FFCreator/blob/master/examples/image.js)而这些视频也为产品带来了巨大的流量。
2024-02-20 13:57:30
1093
原创 图片编辑器开发实践
经过比较最终选择了[https://github.com/nhn/tui.image-editor](https://github.com/nhn/tui.image-editor), 它的优点很明显就是api较多 支持的功能较多,但是缺点也很明显,就是很古老,react的支持在2021年的2月份才支持,并且不支持hooks. 于是我们就在此基础上采用ts+react hooks 来编写我们的自己的编辑器。在实际业务开发中遇到图片编辑模块, 实际上图片编辑本身是相对于业务比较解藕的模块。
2024-02-20 13:55:32
390
原创 一个轻巧又灵活的React状态管理器
通过CS我们没有了更多的学习负担,也不需要人为的的组织架构,它提供了统一的解决方案,在性能上我们不再去做变量提升,也抛弃了Provider注入的方式因此可以做到模块级别的精确更新,下图罗列出来了他的一些特点。在目前以MVVM为核心的软件开发模式下,我们知道视图的本质就是对数据的表达,任何数据的突变都会带来视图上的反馈。那么,在Clean-State里我们就会将注册的插件加入到plugins数组里,当对应模块的effect或者reducer被触发时,我们会将处理后的结果发射到公共的发布器里面来实现监听同步。
2024-02-20 13:54:33
933
原创 推荐25个值得收藏的前端开源Awesome项目
开源项目就像是圣诞礼物一样,打开后经常会带来惊喜。下面是我们整理的10个打包好的"礼物",希望可以对你有所帮助。
2022-05-31 08:31:03
1632
原创 推荐20个值得收藏的前端开源项目
开源的世界每天都丰富多彩,2022年前端领域会有什么新的挑战?下面是我们整理的20个有趣的开源项目,希望当中有您想要收藏的那一个。
2022-03-25 15:13:12
12807
1
原创 《视搭》一个完整的视频可视化搭建项目
介绍《视搭》是一个视频可视化搭建项目。您可以通过简单的拖拽方式快速生产一个短视频,使用方式就像易企秀或百度 H5 等 h5 搭建工具一样的简单。目前行业内罕有关于视频可视化搭建的开源项目,《视搭》是一个相对比较完整的开源项目,仅抛砖引玉希望您喜欢。《视搭》的后端视频合成部分是基于FFCreatorhttps://github.com/tnfe/FFCreator这个库开发的,FFCreator 是一个基于 node.js 的轻量、灵活的短视频加工库。您只需要添加几张图片或视频片段再加一段背景音乐..
2022-01-17 13:18:04
3488
原创 用 node.js 来制作数据可视化视频吧
TNTWeb - 全称腾讯新闻前端团队,组内小伙伴在 Web 前端、NodeJS 开发、UI 设计、移动 APP 等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发,业务开发之余也积累沉淀了一些前端基础设施,赋能业务提效和产品创新。团队倡导开源共建,拥有各种技术大牛,团队 Github 地址:github.com/tnfe今天为大家介绍 FFCreator, 项目地址:FFCreator引言数据可视化,一图胜千言无论我们是内容的生产者或者消费者,身处数据...
2021-12-29 14:34:49
3024
原创 前端工具让你复现犯罪现场CSI
CSI.JS 重建犯罪现场CSI.JS是一个前端日志系统,它将错误信息记录于本地localStorage中。无任何依赖、无入侵性。使用非常简单,很容易引入你的系统中,而且不会造成任何影响。 它可以帮你快速重建犯罪现场。 无入侵 轻量易用 功能强大 高性能 丢上去不管,我们承诺永不入侵你的业务! 兼容各种系统,不管你使用的是jQuery、angular1/2、React、Vue,都可以使用...
2021-12-27 14:30:00
347
原创 15个值得收藏的JavaScript函数
在开发一个JavaScript项目时,经常会用到以前开发过的一些工具函数,收集这些函数,当你需要它们的时候,将节省你大量的开发时间,本文将给大家带来15个常用的工具函数,你可以使用它们以优雅的方式解决问题。逆转数字const reverseNumber = n => parseFloat(`${n}`.split('').reverse().join('')) * Math.sign(n);reverseNumber(123); // 321reverseNumber(-200);
2021-12-26 13:04:47
481
原创 TransX 一个小巧玲珑的 vue 组件切换动画库
转载一个换不错的vue库先奉上组件库的名称:transx github地址:github.com/tnfe/transx npm参考: www.npmjs.com/package/tra… 示例地址:codesanbox二、安装npm install transxoryarn add transx复制代码复制代码三、使用<!-- 包裹动画元素 --><trans-x :time="time" :delay="delay" :auto.
2021-12-25 11:18:50
639
原创 Good++ 推荐一些Github上很赞的开源项目,帮你寻找有趣的灵魂
Good++项目是由几个程序员利用业余时间发起的,收集那些github上有趣、好玩的开源项目。 项目涉猎前端、后台、app开发、数据库等方面,并且我们更倾向于推荐国内开源项目,每一期介绍2-5个项目配有图片和文字说明。 我们也非常欢迎您提交自己的项目,您可以通过issue或者pr的方式来提交自己的项目,万分欢迎!
2021-12-25 11:12:52
939
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅