前端
文章平均质量分 90
OpenTiny社区
我们是华为云的 OpenTiny 开源社区,会定期为大家分享一些团队内部成员的技术文章或华为云社区优质博文,涉及领域主要涵盖了前端、后台的技术等。
展开
-
直播分享|深入解析ts-morph:通过注释生成类型文档
热衷于折腾的开源爱好者、OpenTiny Vue贡献者、Hello-CTF贡献者。原创 2024-05-30 15:41:41 · 466 阅读 · 0 评论 -
手把手带你开发一个易用又灵活的 Carousel 组件
其实组件的很多其他部分也可以外溢出去,包括子组件、内部方法、TypeScript类型等,将这些能力外溢,把自主权交给开发者,可以有效地增加组件的灵活性,让我们设计的组件既是“易用的”,又是“灵活的”,在易用性和灵活性之间取得一定的平衡。点击上一页、下一页,不仅页码会变化,上面的轮播内容也会跟随变化,基础功能已实现,接下来就是完善分页器样式,并增加页码指示器,让 Carousel 组件的功能更加完整。在实现具体的组件功能之前,我们先创建一个空的组件结构,走通组件本地效果预览的流程。原创 2024-05-13 15:52:26 · 855 阅读 · 0 评论 -
直播回顾|6个实例带你解读TinyVue 组件库跨框架技术
作为致力于实现跨框架的TinyVue组件库,旨在实现跨不同版本的Vue框架兼容性,其独特之处在于采用单份源代码策略,通过智能编译技术,能够同时生成适用于Vue 2.6、2.7版本以及Vue3版本的组件包。在本期《手把手教你实现mini版TinyVue组件库》的主题直播中,华为云前端开发DTSE技术布道师阿健老师给开发者们展开了组件库跨框架的讨论,同时针对TinyVue组件库的关键技术进行了剖析,并通过项目实战演示了一份源码编译出2个不同Vue 框架的组件。随后,这些状态值被返回给适配层。原创 2024-04-22 16:41:20 · 808 阅读 · 1 评论 -
OpenTiny 亮相 W3C 2024春季顾问委员会会议,共话行业新趋势。
让用户的数据只在用户的电脑内部传输,从而解决了安全和隐私的问题。W3C 的顾问委员会是 W3C 会员及团队参与的会议,讨论 W3C 的运营策略、及主要技术方向,征求会员及团队意见。到目前为止,W3C 已发布了400多项影响深远的 Web 技术标准及实施指南,如广为业界采用的超文本标记语言(HTML)、可扩展标记语言(XML)以及帮助残障人士有效获得 Web 内容的信息无障碍指南(WCAG)等,有效促进了 Web 技术的互相兼容,对互联网技术的发展和应用起到了基础性和根本性的支撑作用。原创 2024-04-22 15:39:31 · 835 阅读 · 0 评论 -
用three.js做一个3D汉诺塔游戏(下)
在上一期,我们成功地搭建了基础的 3D 场景。在本期中,我们将对场景进行优化,使其在视觉上更加真实,并为场景中的物体添加交互,同时编写游戏流程控制逻辑,最终完成这款3D汉诺塔游戏。原创 2024-04-08 17:42:45 · 1400 阅读 · 0 评论 -
前十名单公布|OpenTiny 前端 Web 应用开发挑战赛初赛结果揭晓~
无论是参与共建还是使用项目,大家已然凝聚成一股神秘的力量,不断推动着 OpenTiny 开源社区的繁荣发展。(按照团队名称首字母进行排序,排名不分先后)如果前8强无法正常进行决赛路演,可以由第9名及第10名的团队依次按照名次补充进入决赛,因此大家进入前10位的小伙伴请及时完善作品。(2)TinyVue 相关任务的框架适配层应该复用现有组件的逻辑,并通过编写插件方式完全覆盖所有组件模板转换成对应技术栈的模板。(1)作品界面完整,提示清晰,使用简单,交互友好,有很好的使用体验。原创 2024-04-02 15:34:20 · 663 阅读 · 0 评论 -
用three.js做一个3D汉诺塔游戏(上)
本文分享如何利用 three.js 开发 3D 应用,涵盖 3D 场景搭建、透视相机、几何体、材质、光源、3D 坐标计算、补间动画以及物体交互实现等知识点。原创 2024-03-25 16:46:04 · 6246 阅读 · 0 评论 -
Vue.js 应用实现监控可观测性最佳实践
OpenTiny 是一套企业级 Web 前端开发解决方案,提供跨端、跨框架、跨版本的 TinyVue 组件库,包含基于 Angular+TypeScript 的 TinyNG 组件库,拥有灵活扩展的低代码引擎 TinyEngine,具备主题配置系统TinyTheme / 中后台模板 TinyPro/ TinyCLI 命令行等丰富的效率提升工具,可帮助开发者高效开发 Web 应用。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。原创 2024-03-18 15:42:48 · 903 阅读 · 0 评论 -
好文翻译|JSON.stringify() 陷阱 — Javascript
OpenTiny 是一套企业级 Web 前端开发解决方案,提供跨端、跨框架、跨版本的 TinyVue 组件库,包含基于 Angular+TypeScript 的 TinyNG 组件库,拥有灵活扩展的低代码引擎 TinyEngine,具备主题配置系统TinyTheme / 中后台模板 TinyPro/ TinyCLI 命令行等丰富的效率提升工具,可帮助开发者高效开发 Web 应用。在转换过程中遇到时,它们要么被省略(在对象中),要么被更改为 null(在数组中)。不可枚举的属性被排除在外。翻译 2024-03-14 15:49:11 · 102 阅读 · 0 评论 -
unsubscribe:Angular 项目中常见场景以及是否需要 unsubscribe
在 Angular 项目中,使用rxjs subscribe是非常普遍的事情。但是subscribe后,就一定要unsubscribe吗?请阅读本文章,您会对Angular项目中常见的subscribe场景是否需要unsubscribe有一定的了解原创 2024-02-27 11:51:53 · 1294 阅读 · 0 评论 -
如何将“龙”插入到富文本编辑器中?
本文是一个 Quill 的综合案例,从自定义工具栏按钮,到自定义 Blot 编辑器内容格式,再到调用 Quill 实例的 insertEmbed 方法,完成在富文本编辑器中插入由 Canvas 绘制的龙这种复杂的自定义内容。本文是一个 Quill 的综合案例,从自定义工具栏按钮,到自定义 Blot 编辑器内容格式,再到调用 Quill 实例的 insertEmbed 方法,完成在富文本编辑器中插入由 Canvas 绘制的龙。需要注意的是大帅老师文章里的龙图片背景不是纯黑的,需要换一张纯黑的图片。原创 2024-02-19 17:31:13 · 990 阅读 · 0 评论 -
ECMAScript 悄悄更新了两个对象分组 API,你注意到了么?
Map.groupBy() 静态方法使用提供的回调函数返回的值对给定可迭代对象中的元素进行分组。最终返回的 Map 使用测试函数返回的唯一值作为键,可用于获取每个组中的元素组成的数组。原创 2024-01-26 15:36:34 · 962 阅读 · 1 评论 -
【好文翻译】JavaScript 中的 realm 是什么?
我之所以整理出这些内容,是因为我没有找到任何有用、准确、易于理解的信息,没有一些现成的信息能够向我解答 “什么是realm” “realm的定义” 这些问题。为了更深入地了解 realm 在供应链攻击和安全中的作用,首先我需要充分了解 realm,这是对我来说至关重要的。我希望这些内容对你也有用。你可以随时在这个仓库上了解我对这个领域的研究和开发。我还建议你更多地了解LavaMoat 🌋开发的工具Snow-JS ❄️,以进一步了解围绕 JavaScript realm 的安全防御工作。原创 2024-01-19 16:20:08 · 1070 阅读 · 0 评论 -
官宣!OpenTiny 前端 Web 应用开发挑战赛开赛啦~30万奖金等你拿!
30万奖金等你拿,OpenTiny 前端 Web 应用开发挑战赛开赛啦~只要你对前端感兴趣,想要参与实战,就可以报名参赛原创 2024-01-15 17:12:44 · 587 阅读 · 0 评论 -
感恩有你|一起见证 OpenTiny 这5个锦鲤时刻
可信开源项目” 是由中国信通院推动的开源项目评估,对开源项目的健康程度与可持续性展开评测,以降低开源项目的安全风险,完善开源项目的开发者、用户生态。本次活动以优质的技术内容创作为依托,以“相信技术,传递价值”为动力,OpenTiny 社区也是持续分享前沿的技术创新,输出最佳的生产实践,因此也获得了一些朋友的打榜支持,在本次活动中也是获得人气榜的第五名。在这充满寄托和期待的日子里,不仅和大家一样沉浸在准备迎接新年的欢乐里,同时,也收到了一些好消息,先后获得了一些荣誉,让。莫听穿林打叶声,何妨吟啸且徐行!原创 2024-01-05 17:38:56 · 556 阅读 · 0 评论 -
2023开发原子开放者大会:AI时代的前端开发,挑战与机遇并存
12月17日,2023开放原子开发者大会的“AI 时代的前端开发分论坛”正式举行,由开放原子开源基金会 TOC 导师、资深 Web 开发专家贺师俊担任论坛出品人,与来自一线企业的前端开发者共同探讨和分享在 AI 时代背景下,如何有效积累和运用前端开发实践与经验,深入探讨了如何借助 AI 技术,提高开发效率,构建核心竞争优势,并协助前端开发者有效应对和克服AI带来的职业焦虑,把握行业发展的新趋势。在当下的 AI 时代,前端开发领域快速演进,使得新的技术和框架不断涌现,而旧的技术和框架则逐渐被淘汰或改进。原创 2023-12-26 11:25:46 · 1189 阅读 · 0 评论 -
使用开源技术快速上手 Web 前端开发(内含PPT课件)
OpenTiny 主要为大家分享了。当然也介绍了前端当前的一些比较知名的框架、库和技能点,由此引出前端开发学习的方法,强调了关注行业趋势,在实践中开发学习以及夯实基础知识的重要性,最后引出要构建属于自己的知识图谱,并分享了一些资源地址。最后也鼓励大家在使用开源软件的过程多多参与开源,学会开源平台的友好协作开发,从开源贡献中提高自身水平,并阐述了一些开源迷思鼓励同学们参与到开源中去。同时也介绍了开源软件使用注意事项,重点说明几个方向,选择开发友好的开源库,对库的使用量/热度等进行评估,强调了许可证的重要性。原创 2023-12-14 11:25:28 · 1522 阅读 · 0 评论 -
开发者的福音:TinyVue 组件库文档大优化!类型更详细,描述更清晰!
从今年2月份开源以来,有不少朋友给我们 TinyVue 组件库提了文档优化的建议,这些建议都非常中肯,我们也在持续对文档进行优化,并且从中总结出了大家对于文档优化的一些共性问题,形成了一份文档原创 2023-12-11 15:56:57 · 882 阅读 · 0 评论 -
什么?你还不会 OpenTiny 跨框架组件库适配微前端?
本文通过实战操作梳理,带你手把手实现 TinyVue 跨框架组件库适配微前端~欢迎关注,点赞,评论~原创 2023-12-06 17:01:37 · 1072 阅读 · 0 评论 -
TinyVue 组件库助力赛意信息获得工业软件种子奖
赛意信息是企业数字化服务领域最具发展潜力的领军者之一,于2005年成立,秉承“让中国的企业成为世界的企业”的愿景,多年来聚焦于工业互联网、智能制造、新一代信息技术、数字化转型等领域的技术与商业模式创新应用,以前瞻性视野和创新技术,帮助企业跨越数字化转型挑战,帮助企业持续提升自身竞争力和创新力。TinyVue 组件库总体的特点是组件齐全,扩展方便,渲染性能优,线上社区反馈非常及时,有多套主题,其中有的页面风格比较适合做工业产品应用。简洁、易用、功能强大的组件及丰富的插件,原创 2023-12-01 11:25:52 · 1145 阅读 · 0 评论 -
专访|OpenTiny 社区 Mr 栋:结合兴趣,明确定位,在开源中给自己一些技术性挑战
然后我觉得开源的话,首先就是它是一个比较开放的,由一个一个社区组成,然后就是在开源社区中有很多优秀的就是志同道合的开发者,其次就是这个项目的话它是面向互联网的,任何一个开发者都可以参与进来,就只要你对项目感兴趣,就可以投入进来。在完成这个项目时,确实有遇到一些问题,就是 Vue 和 React 两个框架之间,从设计层面就是有一些差异的,从使用者的角度来看,也是两种不同风格的框架,所以为了减少后续复用的开发成本就需要抹平一些使用上的差异,比如组件更新,每次更新都会去重新渲染组件,以及函数组件内部的逻辑。原创 2023-11-13 14:49:22 · 841 阅读 · 0 评论 -
OpenTiny Vue 3.11.0 发布:增加富文本、ColorPicker等4个新组件,迎来了贡献者大爆发!
OpenTiny 本次大版本更新,来看看有些什么原创 2023-11-03 11:45:57 · 258 阅读 · 0 评论 -
用CSS+SVG做一个优雅的环形进度条
本文为我们介绍了用CSS+SVG做一个优雅的环形进度条的核心原理。利用两个重叠的圆环形,通过对上层圆环弧长的控制来表示进度,下层圆环则作为辅助,呈现环形进度条剩余的部分。原创 2023-10-19 10:19:58 · 1251 阅读 · 1 评论 -
zone.js由入门到放弃之五——NgZone & ApplicationRef源码分析
啸达同学刚写zone.js系列就说过,NgZone影响着Angular中的变更检测,历时一个多月的笔耕不辍,终于到了他初次下笔时的目的地~原创 2023-09-19 19:43:33 · 199 阅读 · 0 评论 -
【华为全联接大会2023高能有料】OpenTiny Engine低代码引擎即将开源
华为全联接大会2023将于9月20日在上海拉开帷幕,OpenTiny也将在本次HC大会上正式发布低代码引擎TinyEngine,为更多开发者提供低代码底层基座,共同打造开发者生态。原创 2023-09-19 11:51:55 · 280 阅读 · 0 评论 -
必不可少的UI组件一——组件的基础知识
本文主要是基于组件库开发的场景,介绍了Vue组件开发的基础知识与优秀实践。原创 2023-09-15 15:13:01 · 188 阅读 · 0 评论 -
zone.js由入门到放弃之四——Angular对zone.js的应用
Angular其实并没有对zone.js的框架或是核心做任何改动,只是利用zone.js的执行上下文来监听异步事件,从而指导Angular在合适的时机进行变更检测。原创 2023-09-13 09:53:39 · 196 阅读 · 0 评论 -
zone.js由入门到放弃之三——zone.js 源码分析【setTimeout篇】
分析zone.js源码的过程是痛苦的,光从思维图上就可以看出,zone.js的绝大多数逻辑都是围绕Zone、ZoneDelegate、ZoneTask展开的。这兄弟三个之间相互引用、相互依赖,即使在我省略掉很多代码之后还是存在很多错综复杂的调用关系。如果你是一个颈椎病患者,那么建议你可以深度体验一下,你的脖子大概率会问候一下zone.js的全体研发团队。今天这篇文章其实只分析setTimeout的Patch逻辑,zone.js其实对很多其它API也都下手了。原创 2023-09-06 17:21:41 · 148 阅读 · 0 评论 -
zone.js由入门到放弃之二——zone.js API大练兵
本文重点介绍了zone.js中各个API的使用方式及相互间关系,通过大量的实验demo简单演示了一下这些API的用法。最后,还通过一个较底层的API打包了自己的Task。原创 2023-08-30 10:04:42 · 148 阅读 · 0 评论 -
一个Angular组件间通信的新解决方案
通过对比几种Angular组件间的通信方式,给大家介绍了一种新的Angular组件间通信的解决方案。其中首创了公共的dataService,用于任意组件间通信。 dataService通过angular service特性和注册表的使用,可以实现消息的一收一发,无需再写单独的service逻辑。原创 2023-08-15 14:19:42 · 226 阅读 · 0 评论 -
利用uplugin对比Webpack和Rollup插件系统
本文基于 unplugin 这个三方库来对比研究Rollup 的插件系统与 webpack的插件系统之间的区别。原创 2023-08-08 11:59:41 · 106 阅读 · 0 评论 -
活动回顾|OpenTiny:跨框架前端组件库的技术实现和实践(内含ppt课件)
通过回顾线下meetup活动,介绍了OpenTiny如何构建跨端框架组件原创 2023-08-02 10:13:58 · 156 阅读 · 0 评论 -
OpenTiny7月8日即将正式发布!
本文介绍OpenTiny参与HDC活动的四大精彩看点原创 2023-07-07 16:04:56 · 119 阅读 · 1 评论 -
从自研走向开源的 TinyVue 组件库
本文介绍了TinyVue开源征程的三个阶段原创 2023-07-05 15:50:10 · 391 阅读 · 1 评论 -
直播回顾|带你体验很实用的OpenTiny
本期直播主题是《解决开发者“兼容”难题,OpenTiny技术探索与应用解读》,华为云开源DTSE技术布道师曾令卡在本期直播中与开发者一起详细交流了OpenTiny组件库解决方案的核心优势和设计理念。并通过具体的实操给大家演示OpenTiny如何通过一行命令搭建中后台管理系统,同时也给大家演示了定制化的主题配置系统。原创 2023-06-29 15:13:12 · 781 阅读 · 1 评论 -
ChatGPT教我用200行代码写一个简版Vue框架 - OpenTiny
AI 是未来最好的老师。最近,我正在准备一份关于 Vue 基础的学习材料。期间我突发奇想:能否利用现在热门的 ChatGPT 帮我创建学习内容?其实 Vue 本身不难学,特别是基础用法,但是,如果你想原创 2023-06-10 10:39:09 · 708 阅读 · 0 评论