- 博客(85)
- 收藏
- 关注
RSS订阅
原创 官宣！OpenTiny 前端 Web 应用开发挑战赛开赛啦~30万奖金等你拿！
30万奖金等你拿，OpenTiny 前端 Web 应用开发挑战赛开赛啦~只要你对前端感兴趣，想要参与实战，就可以报名参赛
2024-01-15 17:12:44
537
原创 TinyEngine 服务端正式开源啦！！！
本文介绍了 TinyEngine 低代码引擎服务端开源的核心特性、服务端架构、硬件配置、相关FAQ、未来规划等内容
2024-01-02 11:00:47
6970
2
原创 OpenTiny开源之夏编程达人集结令：4月30日正式上线，寻找最强代码战士！
本次 OpenTiny 一共有10个项目，包含4个基础类及6个进阶类赛题。大家可以根据自己感兴趣的项目参与报名。进入开源之夏官网-》查看项目-》搜索 OpenTiny。
2024-04-29 15:43:40
819
原创 重回铁王座！时隔5年，Quill 2.0 终于发布啦！
由于 Quill 很久没更新，我觉得也没必要更新了，现在 Quill 2.0 发布，又给了我继续更新下去的动力，欢迎朋友们持续关注深入浅出 Quill 系列文章，我将带你解锁更多 Quill 的玩法，并深入剖析 Quill 的实现原理，了解这款重新坐上开源富文本编辑器“铁王座”的 Quill，究竟有什么独特之处，能受到这么多开发者们的喜爱。之前写过一个 Quill 系列文章，从使用到原理，再到实践，以及富文本编辑器的选型。最后一个 1.0 版本 1.3.7 发布于 2019年9月9日，时隔4年零7个月。
2024-04-28 10:46:47
815
原创 直播回顾|6个实例带你解读TinyVue 组件库跨框架技术
作为致力于实现跨框架的TinyVue组件库，旨在实现跨不同版本的Vue框架兼容性，其独特之处在于采用单份源代码策略，通过智能编译技术，能够同时生成适用于Vue 2.6、2.7版本以及Vue3版本的组件包。在本期《手把手教你实现mini版TinyVue组件库》的主题直播中，华为云前端开发DTSE技术布道师阿健老师给开发者们展开了组件库跨框架的讨论，同时针对TinyVue组件库的关键技术进行了剖析，并通过项目实战演示了一份源码编译出2个不同Vue 框架的组件。随后，这些状态值被返回给适配层。
2024-04-22 16:41:20
734
1
原创 OpenTiny 亮相 W3C 2024春季顾问委员会会议，共话行业新趋势。
让用户的数据只在用户的电脑内部传输，从而解决了安全和隐私的问题。W3C 的顾问委员会是 W3C 会员及团队参与的会议，讨论 W3C 的运营策略、及主要技术方向，征求会员及团队意见。到目前为止，W3C 已发布了400多项影响深远的 Web 技术标准及实施指南，如广为业界采用的超文本标记语言（HTML）、可扩展标记语言（XML）以及帮助残障人士有效获得 Web 内容的信息无障碍指南（WCAG）等，有效促进了 Web 技术的互相兼容，对互联网技术的发展和应用起到了基础性和根本性的支撑作用。
2024-04-22 15:39:31
766
原创 姑苏寻韵~庆开放原子开源大赛 OpenTiny 前端 Web 应用开发挑战赛路演圆满落幕。
花岗岩小队战队的王士忠同学通过路演介绍了从人工智能发展史到人工智能发展当前的痛点，说明了使用 TinyEngine 低代码引擎完成的 dl-Flow 低代码平台的初衷，介绍了 dl-Flow 是一种拖拽式的线性网络搭建的 Web 应用程序，开发者可以使用该程序直观地搭建一个 paddlepaddle 的神经网络，并详细讲解了 dl-flow 的基本原理、困难点。同时，也热切期待更多的开发者能加入到OpenTiny开源社区的建设中，共同书写前端技术的新篇章，共筑开源之梦！
2024-04-20 16:08:14
1536
原创 用three.js做一个3D汉诺塔游戏（下）
在上一期，我们成功地搭建了基础的 3D 场景。在本期中，我们将对场景进行优化，使其在视觉上更加真实，并为场景中的物体添加交互，同时编写游戏流程控制逻辑，最终完成这款3D汉诺塔游戏。
2024-04-08 17:42:45
1289
原创 前十名单公布|OpenTiny 前端 Web 应用开发挑战赛初赛结果揭晓~
无论是参与共建还是使用项目，大家已然凝聚成一股神秘的力量，不断推动着 OpenTiny 开源社区的繁荣发展。(按照团队名称首字母进行排序，排名不分先后）如果前8强无法正常进行决赛路演，可以由第9名及第10名的团队依次按照名次补充进入决赛，因此大家进入前10位的小伙伴请及时完善作品。（2）TinyVue 相关任务的框架适配层应该复用现有组件的逻辑，并通过编写插件方式完全覆盖所有组件模板转换成对应技术栈的模板。（1）作品界面完整，提示清晰，使用简单，交互友好，有很好的使用体验。
2024-04-02 15:34:20
584
原创 用three.js做一个3D汉诺塔游戏（上）
本文分享如何利用 three.js 开发 3D 应用，涵盖 3D 场景搭建、透视相机、几何体、材质、光源、3D 坐标计算、补间动画以及物体交互实现等知识点。
2024-03-25 16:46:04
5032
原创 智启未来：TinyEngine 低代码引擎版本更新，畅享升级体验
低代码引擎使能开发者定制低代码平台。它是低代码平台的底座，提供可视化搭建页面等基础能力，既可以通过线上搭配组合，也可以通过下载源码进行二次开发，实时定制出自己的低代码平台。适用于多场景的低代码平台开发，如：资源编排、服务端渲染、模型驱动、移动端、大屏端、页面编排等。
2024-03-20 17:19:46
822
原创 OpenTiny Vue 3.14.0 正式发布，增加了 MindMap 思维导图等3个新组件
业界组件库一般都会提供 unplugin 自动导入插件，开发者只需要在 vite/webpack 中配置下这个插件，就可以直接使用组件库中的组件，无需手动导入，并且组件是按需导入的，不会增加项目的产物包体积。比较粗暴的方式就是显示一个空白页，用户只能傻傻地盯着这个空白页，等待数据展示，如果长时间没有显示内容，用户不知道发生了什么事情，可能会比较焦虑，从而关闭页面，放弃访问，并对这个网站产生不好的印象。有了细粒度模式，我们的 Skeleton 组件就有了无限的组合，可以自由拼接出任意形态的骨架屏。
2024-03-20 09:43:11
1130
原创 Vue.js 应用实现监控可观测性最佳实践
OpenTiny 是一套企业级 Web 前端开发解决方案，提供跨端、跨框架、跨版本的 TinyVue 组件库，包含基于 Angular+TypeScript 的 TinyNG 组件库，拥有灵活扩展的低代码引擎 TinyEngine，具备主题配置系统TinyTheme / 中后台模板 TinyPro/ TinyCLI 命令行等丰富的效率提升工具，可帮助开发者高效开发 Web 应用。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。
2024-03-18 15:42:48
819
翻译 好文翻译|JSON.stringify() 陷阱 — Javascript
OpenTiny 是一套企业级 Web 前端开发解决方案，提供跨端、跨框架、跨版本的 TinyVue 组件库，包含基于 Angular+TypeScript 的 TinyNG 组件库，拥有灵活扩展的低代码引擎 TinyEngine，具备主题配置系统TinyTheme / 中后台模板 TinyPro/ TinyCLI 命令行等丰富的效率提升工具，可帮助开发者高效开发 Web 应用。在转换过程中遇到时，它们要么被省略（在对象中），要么被更改为 null（在数组中）。不可枚举的属性被排除在外。
2024-03-14 15:49:11
65
原创 OpenTiny 妇女节限时特别活动来啦~
OpenTiny 是一套企业级 Web 前端开发解决方案，提供跨端、跨框架、跨版本的 TinyVue 组件库，包含基于 Angular+TypeScript 的 TinyNG 组件库，拥有灵活扩展的低代码引擎 TinyEngine，具备主题配置系统TinyTheme / 中后台模板 TinyPro/ TinyCLI 命令行等丰富的效率提升工具，可帮助开发者高效开发 Web 应用。如果你是女性开发者，添加 OpenTiny 微信小助手，在3月7日-3月8日转发《如果你在3月7日——3月30日填写。
2024-03-07 11:01:42
542
原创 你问我答，干货满满！|OpenTiny 挑战赛技术答疑直播来啦~
在这次直播中，我们将邀请 OpenTiny 前端技术工程师作为嘉宾，与主持人一起解答你在开发过程中遇到的疑难杂症。无论你是 OpenTiny 初阶使用者还是 OpenTiny 资深开发者，只要你有问题，都可以在这里找到答案。直播过程中，我们还将提供实时互动环节，你可以通过弹幕、评论等方式提问，嘉宾和主持人将为你一一解答。如果你也想要共建，可以进入代码仓库，找到 good first issue标签，一起参与开源贡献~（报名进行时），一同加入我们的技术答疑直播，一起解决你在开发过程中遇到的难题吧！
2024-03-05 10:06:29
383
原创 欢迎参与2024年 OpenTiny 开源项目用户调研
随着 OpenTiny 开源项目的不断发展，我们一直致力于为开发者提供高质量的 Web 前端开发解决方案。为了更好地满足用户需求，提升项目的实用性和易用性，我们决定发起一项用户调研活动，诚挚邀请您参与。您的宝贵意见对于 OpenTiny 开源项目的成长至关重要。我们期待收到您的反馈，并共同努力打造一个更加优秀的开源 Web 前端开发解决方案！如果你也想要共建，可以进入代码仓库，找到 good first issue标签，一起参与开源贡献~是一套企业级 Web 前端开发解决方案，提供跨端、跨框架、跨版本的。
2024-02-28 17:10:45
799
原创 unsubscribe：Angular 项目中常见场景以及是否需要 unsubscribe
在 Angular 项目中，使用rxjs subscribe是非常普遍的事情。但是subscribe后，就一定要unsubscribe吗？请阅读本文章，您会对Angular项目中常见的subscribe场景是否需要unsubscribe有一定的了解
2024-02-27 11:51:53
1146
原创 如何将“龙”插入到富文本编辑器中？
本文是一个 Quill 的综合案例，从自定义工具栏按钮，到自定义 Blot 编辑器内容格式，再到调用 Quill 实例的 insertEmbed 方法，完成在富文本编辑器中插入由 Canvas 绘制的龙这种复杂的自定义内容。本文是一个 Quill 的综合案例，从自定义工具栏按钮，到自定义 Blot 编辑器内容格式，再到调用 Quill 实例的 insertEmbed 方法，完成在富文本编辑器中插入由 Canvas 绘制的龙。需要注意的是大帅老师文章里的龙图片背景不是纯黑的，需要换一张纯黑的图片。
2024-02-19 17:31:13
945
原创 ECMAScript 悄悄更新了两个对象分组 API，你注意到了么？
Map.groupBy() 静态方法使用提供的回调函数返回的值对给定可迭代对象中的元素进行分组。最终返回的 Map 使用测试函数返回的唯一值作为键，可用于获取每个组中的元素组成的数组。
2024-01-26 15:36:34
920
1
原创 速看！盘点这一年 OpenTiny 都在做什么？
叮，这里有一份 OpenTiny 的年终总结等你查收，本文主要介绍了OpenTiny 2023年的那些事~
2024-01-23 15:58:22
980
原创 【好文翻译】JavaScript 中的 realm 是什么？
我之所以整理出这些内容，是因为我没有找到任何有用、准确、易于理解的信息，没有一些现成的信息能够向我解答 “什么是realm” “realm的定义” 这些问题。为了更深入地了解 realm 在供应链攻击和安全中的作用，首先我需要充分了解 realm，这是对我来说至关重要的。我希望这些内容对你也有用。你可以随时在这个仓库上了解我对这个领域的研究和开发。我还建议你更多地了解LavaMoat 🌋开发的工具Snow-JS ❄️，以进一步了解围绕 JavaScript realm 的安全防御工作。
2024-01-19 16:20:08
1021
原创 感恩有你|一起见证 OpenTiny 这5个锦鲤时刻
可信开源项目” 是由中国信通院推动的开源项目评估，对开源项目的健康程度与可持续性展开评测，以降低开源项目的安全风险，完善开源项目的开发者、用户生态。本次活动以优质的技术内容创作为依托，以“相信技术，传递价值”为动力，OpenTiny 社区也是持续分享前沿的技术创新，输出最佳的生产实践，因此也获得了一些朋友的打榜支持，在本次活动中也是获得人气榜的第五名。在这充满寄托和期待的日子里，不仅和大家一样沉浸在准备迎接新年的欢乐里，同时，也收到了一些好消息，先后获得了一些荣誉，让。莫听穿林打叶声,何妨吟啸且徐行!
2024-01-05 17:38:56
528
原创 OpenTiny 2023年度共建者榜单大曝光！！！
其中 GaoNeng-wWw 贡献了 ColoPicker 组件，pe-3 贡献了 TinyReact 组件库，Caesar-ch 贡献了富文本组件，mengqiuleo 贡献了 tiny-vue-playground 项目，vaebe 贡献了 Divider 组件等等~正是由于他们的加入，并一起参与到 OpenTiny 社区的共建中，才让 OpenTiny Vue 组件库在这10个月内，更新了11个大版本，其中发布新特性134个、bug修复233个、其他优化28个。
2024-01-04 17:39:22
1041
原创 2023开发原子开放者大会：AI时代的前端开发，挑战与机遇并存
12月17日，2023开放原子开发者大会的“AI 时代的前端开发分论坛”正式举行，由开放原子开源基金会 TOC 导师、资深 Web 开发专家贺师俊担任论坛出品人，与来自一线企业的前端开发者共同探讨和分享在 AI 时代背景下，如何有效积累和运用前端开发实践与经验，深入探讨了如何借助 AI 技术，提高开发效率，构建核心竞争优势，并协助前端开发者有效应对和克服AI带来的职业焦虑，把握行业发展的新趋势。在当下的 AI 时代，前端开发领域快速演进，使得新的技术和框架不断涌现，而旧的技术和框架则逐渐被淘汰或改进。
2023-12-26 11:25:46
1117
原创 使用开源技术快速上手 Web 前端开发(内含PPT课件)
OpenTiny 主要为大家分享了。当然也介绍了前端当前的一些比较知名的框架、库和技能点，由此引出前端开发学习的方法，强调了关注行业趋势，在实践中开发学习以及夯实基础知识的重要性，最后引出要构建属于自己的知识图谱，并分享了一些资源地址。最后也鼓励大家在使用开源软件的过程多多参与开源，学会开源平台的友好协作开发，从开源贡献中提高自身水平，并阐述了一些开源迷思鼓励同学们参与到开源中去。同时也介绍了开源软件使用注意事项，重点说明几个方向，选择开发友好的开源库，对库的使用量/热度等进行评估，强调了许可证的重要性。
2023-12-14 11:25:28
1402
原创 OpenTiny Vue 组件库3.12.0 发布：文档大优化！增加水印和二维码两个新组件
非常高兴跟大家宣布，2023年11月30日，OpenTiny Vue 发布了 v3.12.0🎉。
2023-12-13 10:42:07
893
原创 AI 技术在前端开发流程中如何应用？？3分钟带你一览开放原子开发者大会 OpenTiny 最新资讯！
OpenTiny 即将参与2023年开放原子开发者大会，在 AI时代的前端开发分论坛与大家共同探讨《AI 在前端开发流程中的应用》
2023-12-12 20:09:10
518
原创 开发者的福音：TinyVue 组件库文档大优化！类型更详细，描述更清晰！
从今年2月份开源以来，有不少朋友给我们 TinyVue 组件库提了文档优化的建议，这些建议都非常中肯，我们也在持续对文档进行优化，并且从中总结出了大家对于文档优化的一些共性问题，形成了一份文档
2023-12-11 15:56:57
816
原创 什么？你还不会 OpenTiny 跨框架组件库适配微前端？
本文通过实战操作梳理，带你手把手实现 TinyVue 跨框架组件库适配微前端~欢迎关注，点赞，评论~
2023-12-06 17:01:37
999
原创 TinyVue 组件库助力赛意信息获得工业软件种子奖
赛意信息是企业数字化服务领域最具发展潜力的领军者之一，于2005年成立，秉承“让中国的企业成为世界的企业”的愿景，多年来聚焦于工业互联网、智能制造、新一代信息技术、数字化转型等领域的技术与商业模式创新应用，以前瞻性视野和创新技术，帮助企业跨越数字化转型挑战，帮助企业持续提升自身竞争力和创新力。TinyVue 组件库总体的特点是组件齐全，扩展方便，渲染性能优，线上社区反馈非常及时，有多套主题，其中有的页面风格比较适合做工业产品应用。简洁、易用、功能强大的组件及丰富的插件，
2023-12-01 11:25:52
1088
原创 遥遥领先！TinyEngine 低代码引擎更新升级！
协议规范交互优化，能够在一页里面自由切换，提高用户体验，后端SDK文档字段描述补齐，助力开发者自助进行服务端开发。去掉之前的学院课程，新设计新分类让结构一目了然，提供了更详细的《》的指导文档，增加《》的视频教程，答疑直播的归纳总结，丰富内容，提供更好的使用体验。将低代码引擎与生成式AI相结合，开启低代码开发新时代。
2023-11-25 18:15:40
1082
原创 感恩有你|恭喜 OpenTiny Vue 开源组件库喜迎1000+star！！！
OpenTiny社区的 TinyVue 组件库终于突破1000+star~对此，参与 OpenTiny 开源的各位项目成员也是十分激动和开心，因此也是在内部进行了一个小小的庆祝。同时大家也希望持续不断的将项目做的越来越好，拓展其能力边界，让更多开发者受益，帮助大家高效搭建web页面！共建开源生态~大家也一起喊出了对于 OpenTiny 的期待。2023年2月16日，OpenTiny Vue 组件库正式开源。和业界组件库相比，TinyVue。
2023-11-25 17:40:33
924
原创 专访|OpenTiny 开源社区 常浩：完成比完美更重要
大家好，我叫常浩，来自西安邮电大学，我是从大二开始接触前端的，2023年2月在网易有道有一段实习的经历。目前对于前端属于一个初步了解和学习的阶段。参与这个项目，我需要做的是基于 Tiptap 开源无头编辑器实现富文本组件的相应的一些功能。包含基本的加粗、斜体、颜色、标题、行高、列表、引用等格式；插入图片/视频及调整大小；插入/编辑超链接和链接卡片；插入行内代码、代码块；撤销重做、清除样式；插入/编辑表格等。
2023-11-22 17:50:23
239
原创 原来 TinyVue 组件库跨框架（Vue2、Vue3、React、Solid）是这样实现的？
前端组件库跨框架是指在不同的前端框架（如 React、Vue、Solid 等）之间共享和复用组件的能力。这种能力可以让开发者在不同的项目中使用同一套组件库，从而提高开发效率和代码复用性。
2023-11-21 16:16:23
772
原创 为了 Vue 组件测试，你需要为每个事件绑定的方法加上括号吗？
先说结论，当然不是！Vue 组件测试，尤其是组件触发事件的测试，有成熟的示例。我们同样要关注测试的原则，例如将组件当成黑盒，不关心其内部实现，而只关心与其交互。本文是借由一次 Vue 组件测试，引发对 Vue 源码和 Spy 函数的延伸探讨。
2023-11-17 11:21:19
219
原创 专访|OpenTiny 社区 Mr 栋：结合兴趣，明确定位，在开源中给自己一些技术性挑战
然后我觉得开源的话，首先就是它是一个比较开放的，由一个一个社区组成，然后就是在开源社区中有很多优秀的就是志同道合的开发者，其次就是这个项目的话它是面向互联网的，任何一个开发者都可以参与进来，就只要你对项目感兴趣，就可以投入进来。在完成这个项目时，确实有遇到一些问题，就是 Vue 和 React 两个框架之间，从设计层面就是有一些差异的，从使用者的角度来看，也是两种不同风格的框架，所以为了减少后续复用的开发成本就需要抹平一些使用上的差异，比如组件更新，每次更新都会去重新渲染组件，以及函数组件内部的逻辑。
2023-11-13 14:49:22
813
原创 OpenTiny Vue 组件库支持 Vue2.7 啦！
之前 OpenTiny 发布了一篇 Vue2 升级 Vue3 的文章。里面提到使用了 ElementUI 的 Vue2 项目，可以通过和 gogocode 快速升级到 Vue3 项目。有朋友评论替换button出错了，并且贴出了报错截图。出现这个报错的原因是当时还不支持 Vue2.7 版本，Vue2.7 是升级 Vue3 的一个过渡版本，支持了 Composition API 写法，相较于 Vue2.6 差异较大。这个问题早在今年4月份就有社区的朋友lipan007这个问题终于将在。
2023-11-09 14:32:41
222
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人