写点什么

前端框架

0 人感兴趣 · 70 次引用

  • 最新
  • 推荐

跨平台开发工具 kbone 实操经验分享

用户头像
Onegun
06-07

作为前端开发者,我们一直在寻找更高效的跨平台开发解决方案。其中 kbone 是一个比较典型的构建跨平台应用程序的开发框架。

https://static001.geekbang.org/infoq/37/378a44861060b64276a78904faa6eb0e.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

基于 KONOS 编写一个部门级的前端框架

现在对于前端框架的定义越来越广泛了,在前端工程化中的某一个环节的特定方案,都可泛称为一个前端框架。konos 是一个插件化的前端框架基座,如果你对 umi 有所了解的话,可以把它当作一个没有任何功能的 umi core 基座。

https://static001.geekbang.org/infoq/bd/bdb1394ac7b76d10e1878cfa3982bb7b.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

为什么说 Flutter 无法成为移动应用开发的“顶流明星”?

用户头像
FinFish
04-17

Flutter是一款由Google推出的跨平台移动应用开发框架,近年来备受关注。尽管Flutter在某些方面表现出色,但仍然有一些人对它的发展前景表示怀疑。

https://static001.geekbang.org/infoq/0c/0c77756e05ea2ba5e498dad7c753d7d6.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

实践,制作一个高扩展、可视化低代码前端,详实、完整

RxEditor是一款开源企业级可视化低代码前端,目标是可以编辑所有 HTML 基础的组件。比如支持 React、VUE、小程序等,目前仅实现了 React 版。包含可视化编辑、物料管理、前端逻辑编排等内容。

https://static001.geekbang.org/infoq/d7/d7e67f2fc962be73a08fc9c435e66945.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

前端开发框架 React 技术如何与小程序结合,进行页面构建

前端开发框架 React 可以通过小程序提供的开发工具和 API 进行结合。例如使用小程序提供的 WebView 组件来加载前端框架的页面。或者使用小程序提供的组件和 API 来实现前端框架的功能。

https://static001.geekbang.org/infoq/5b/5be90777fb392b3d99d853ca4ab54dc2.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

React 等前端框架如何与小程序结合

用户头像
Onegun
03-07

小程序是一种运行在移动端的应用形式,它可以提供快速、便捷、丰富的用户体验。但小程序的开发需要遵循一套特定的规范和接口,这对于前端开发者来说可能会有一定的学习成本和限制。

https://static001.geekbang.org/infoq/c5/c512be0215fbac8e40d26d1a983f414e.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

那些专注小程序语法编译的跨端开发平台

用户头像
FinFish
2022-12-28

并非功能大而全的前端开发框架就是最好的,如果你只是开发一款小而美的产品,需要快速的上线业务并进行商业变现,那么一些轻量的、聚焦业务支持的技术能力是首选开发平台。

【前端相关】服务端渲染和客户端渲染的比较

用户头像
No8g攻城狮
2022-12-12

用传统的servlet开发来举例:浏览器请求servlet,servlet在服务端生成html响应给浏览器,浏览器展示html 的内容,这个过程就是服务端渲染

https://static001.geekbang.org/infoq/f1/f11d549e41c2c0086a22b5811bbdc9dd.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

React 之 Context 的变迁与背后实现

用户头像
冴羽
2022-12-12

本篇我们讲 Context,Context 可以实现跨组件传递数据,大部分的时候并无需要,但有的时候,比如用户设置 了 UI 主题、地区偏好,如果从顶层一层层往下传反而有些麻烦,不如直接借助 Context 实现数据传递。

https://static001.geekbang.org/infoq/f1/f11d549e41c2c0086a22b5811bbdc9dd.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

React 之 Refs 的使用和 forwardRef 的源码解读

用户头像
冴羽
2022-12-05

React 提供了 Refs,帮助我们访问 DOM 节点或在 render 方法中创建的 React 元素。

https://static001.geekbang.org/infoq/f1/f11d549e41c2c0086a22b5811bbdc9dd.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

React 之元素与组件的区别

用户头像
冴羽
2022-12-02

你知道 React 元素与组件的区别吗?

https://static001.geekbang.org/infoq/f1/f11d549e41c2c0086a22b5811bbdc9dd.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

React 之 createElement 源码解读

用户头像
冴羽
2022-12-01

用过 React 的同学都知道,当我们这样写时:

https://static001.geekbang.org/infoq/84/8473162f5d19d10099871f976910c5c7.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

2023 重学 Angular

本文以最小化的示例重新学习一下 Angular 框架,让不了解 Angular 的人重新认识一下这个 "~~~远古的生物~~~"

技术实战:初创项目前端框架选型

用户头像
FinFish
2022-11-29

作为一个小开发,近期完整的经历了,一个初创项目从搭建到推向市场的过程。实际上在整个过程中,开发只占很小的一个板块,尤其是对于我司这种初创型企业,人少钱少,每一分都得花到刀刃上,因此产品开发的过程要足够快,成本也要足够低!

https://static001.geekbang.org/infoq/40/404dcf255b716834127c66b723be400b.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

移动跨端框架发展史及优劣对比

用户头像
FinFish
2022-11-29

从技术层面来讲,移动 App 也从最开始单一的原生开发(Native App)模式,演变出了混合开发(Hybird App)、网页应用开发(Web App),为什么会有这种发展的变化呢?

https://static001.geekbang.org/infoq/e4/e41cf1aac4a21785372125aee1ca091d.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

不懂 Hybird 开发,感觉错过一个亿~

用户头像
FinFish
2022-11-22

Hybrid App 是最多的移动端开发方式,并且目前已经有众多 Hybrid App 开发成功应用,例如我们日常使用的微信、支付宝、淘宝、抖音等一系列高活跃 App 都是混合开发的代表。

基于 iframe 的微前端框架 —— 擎天

基于全屏iframe的微前端框架--擎天,解决了iframe UI不同步、URL不同步、数据不共享的难题,并充分发挥了iframe作为页面容器的优势,实现了父子应用异步加载、子应用瞬间切换的能力,从而将微前端项目达到单体应用的体验。

https://static001.geekbang.org/infoq/1c/1cd79adea8649b20f53fea3f27da1cc7.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

深入学习 SAP UI5 框架代码系列之三:UI5 控件的渲染器

用户头像
Jerry Wang
2022-09-06

我们已经了解到UI5 Button Module之一,ButtonRenderer,专门负责将sap.ui.commons.button的实例数据,渲染成原生的HTML代码。 在ButtonRenderer.render函数里设置断点,然后F5刷新页面,断点触发,就可从调用栈观察到ButtonRenderer是如何执行渲染工作的。

https://static001.geekbang.org/infoq/c3/c38e51c7f9aa8d94e5bf29675e3787f8.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

来学习开源模块化前端框架—Layui【Layui 极致轻量前端框架】

它是一个开源的Web UI解决方案,采用自己的经典模块化规范,遵循原生HTML/CSS/JS开发模式。它很容易使用。它的风格简单轻巧,而组件优雅而丰富。从源代码到使用方法的每一个细节都经过精心雕琢,非常适合快速开发的web界面。Layui不同于那些基于MVVM的前端框

https://static001.geekbang.org/infoq/e5/e55086099a6869fdd288ee1d414baec9.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

手撸 Router,还要啥 Router 框架?让 react-router/vue-router 躺一边凉快去

用户头像
hiisea
2022-08-03

有没有发现,在大家使用React/Vue的时候,总离不开一个小尾巴,到哪都得带着他,那就是react-router/vue-router,而基于它们的第三方框架又出现很多个性化约定和扩展,比如nuxtjs/nextjs/umijs都纷纷推出自己的路由方案。

https://static001.geekbang.org/infoq/1e/1edeabcfdf7adc8c67944f192b3d0fe2.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

不想当 Window 的 Dialog 不是一个好 Modal,弹窗翻身记...

用户头像
hiisea
2022-08-03

弹窗是我们熟视无睹的一种交互方式,经常用到,但从没好好想过这种交互行为背后的意义...

https://static001.geekbang.org/infoq/c1/c15fffac46d6ddffc41802f45ee49744.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

主流跨端技术一览

用户头像
Speedoooo
2022-08-02

在跨端方案百花齐放的今天,比如现在最为人们所熟知的react native、flutter、electron、weex、小程序等,他们之间有没有什么共同的特点,而我们又是否能够找到其中的本质,就是今天这篇文章想讲述的问题。

Flutter 3.0 框架下的小程序运行

用户头像
擦机鼻涕
2022-07-08

小程序与 Flutter 最密切关联还是在渲染优化上。在这个架构下,我们就将 Layout 层的 LV-CPP 专门的作为小程序的 UI 体系处理器,将 UI 信息布局计算好再提交给抽象的后端去渲染,LV-CPP 作为小程序的框架和渲染器的中间层。

https://static001.geekbang.org/infoq/7c/7c7c40ea5a218714b80f70e9e281d002.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

给 Angular 服务器端渲染应用设置一个渲染超时时间

用户头像
Jerry Wang
2022-06-26

我们用 setTimeout 模拟一个需要 5 秒钟才能完成调用的 API:

https://static001.geekbang.org/infoq/f3/f32ea963993bb4017e68a9ddb755b702.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

绕过技术聊"跨端"......

用户头像
hiisea
2022-06-25

开门见山,我知道有很多业界大佬或组织深耕在跨端开发领域中,小弟才疏学浅,就不在技术层面故作姿态了,今天跟大家绕过技术、仅从架构思想上聊跨端开发。

Elux- 将企业级工程化框架带入小程序开发

用户头像
hiisea
2022-06-14

Elux将企业级工程化框架引入小程序开发,支持React/Vue,支持Web(浏览器页面)SSR(服务器渲染)Micro(微前端)Taro(小程序)APP(手机应用)

https://static001.geekbang.org/infoq/02/023ec577ee3f0ba54715e4eba659d3d4.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Elux- 从"微前端"到“微模块”

用户头像
hiisea
2022-06-14

某个大型应用包含A,B,C,D,E,F,G等若干功能,原来一直是整体打包出售... 随着用户需求的多样化,有的用户仅需要部分功能,于是聪明的前端架构师“小李”利用时下流行的微前端技术,将应用拆分成了的 3 个子应用...

https://static001.geekbang.org/infoq/51/512c5fa07bf04557e253202f022b59ba.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

7 款最棒的 React 移动端 UI 组件库 - 特别针对国内使用场景推荐

用户头像
蒋川
2022-05-25

优秀的 React UI 移动端组件库和模版框架,帮我们节省开发时间,提高开发效率,统一设计语言。更棒的是内置的功能复杂,我们自己很难处理的常用组件,比如表格、表单、富文本编辑器、时间日期选择器、实时拖拽组件等,再进一步,还有帮我们把组件的轮子装好的

前端框架_前端框架技术文章_InfoQ写作社区