hello, 大家好, 我是徐小夕, 年底复盘马上要来了, 先给大家盘盘日常做 web 系统的一些成熟方案, 以便大家对2024年的技术选型有一个更清晰地判断.
其实,最早接触 Headless UI 是在去年,碰巧看到了一个非常前沿且优秀的组件库 ---- Chakra UI,这个组件库本身就是 Headless UI 的实践者,同时也是 CSS-IN-JS 的集大成者。
低代码实现大幅度的提效降本,为专业开发者提供了一种全新的高生产力开发范式,今天就推荐10个低代码平台,建议收藏!
最近,字节跳动的抖音前端技术团队开源了一款企业级应用设计系统 Semi Design 。这也是他们团队在 GitHub 上首次公开的项目,短短几天,就收获了 3.6 k 个 star。
本文完整版:《5款 React 实时消息提示通知(Message/Notification)组件推荐与测评》
之前就有使用react开发过一些项目,发现react框架蛮不错的,当初就想着要学习下原生Native技术,恰好最近空闲就一直在研究react-native技术,采坑了不少。尤其环境配置、真机模拟,遇到了很多问题,不过都解决了。
低代码是基于可视化和模型驱动理念,结合云原生与多端体验技术,可以通过简单的拖拽、配置,即可完成业务应用的搭建。
今天给大家推荐一个漂亮的前端 UI 设计库 NextUI,跟 NextJS 是同一家开发的,看起来很不错,Github上已有 10.7K Star。
由于知果负责公司Hundsun Design设计体系的构建,因此对组件库比较了解。
安装了最新的Vue CLI。打开Terminal,输入: npm install -g @vue/cli or yarn global add @vue/cli
Sweet Alert 是一个替代传统的 JavaScript Alert 的“美化版”提示效果。SweetAlert 自动居中对齐在页面中央,不管是台式电脑,手机还是平板电脑看起来效果都很不错。
本文是笔者在团队内部做分享整理的资料的一部分,本次分享主要是站在一个服务端开发的视角对(前端)低代码平台的一些调研,已经剔除了一些敏感数据和信息,可放心食用。
弹出框 `` 是浮于当前界面之上的,用于阻止用户的下一步操作,直到用户点击了弹出框上的任意按钮为止。
小编平时看代码,最讨厌看到那种没什么注释、不规范、结构乱七八糟的代码,看起来是真累。
Bootstrap作为针对响应式设计和移动优先的前端web开发,是当下最流行的设计框架之一。使用 免费的Bootstrap UI工具包让原型设计和网页设计变得更加简单。
taroPop模态框组件是基于react+taro技术开发的仿taro-ui弹窗/ios/android效果,整合了msg信息框、alert提示框、dialog对话框、Toast加载等功能。支持编译到多端 (H5+小程序+RN)。
1.安装依赖:npm install react-app-rewired customize-cra babel-plugin-import less less-loader antd
ToolJet 是一个开源的低代码框架,可以快速构建和部署内部工具,而无需工程团队付出太多努力。您可以连接到您的数据源,例如数据库(如 PostgreSQL、MongoDB、Elasticsearch 等)、API 端点(ToolJet 支持导入 OpenAPI 规范和 OAuth2 授权)和外部服务(如 Stripe、Slack、Google Sheets、Airtable)和使用我们预先构建的 UI 小部件来构建内部工具。
本文根据京东高级前端开发工程师朱天健在2019年软件绿色联盟开发者大会发表的《使用Taro构建跨端应用》主题演讲整理而成,为大家带来Taro框架的背景介绍、快速上手、样例解析和开发生态等内容分享。
前面几篇我们对MD04的一些功能做了介绍,本篇将介绍如何在MD04中添加导航按钮和自定义按钮。
在我们学习JavaScript 的时候,我们学习了一个 bootstrap 的组件库。可以让我们快速开发,但是我们现在学习了 React ,一种组件化编程方式,很少说会去贴大量的 HTML 代码,再配一下 CSS,JS。我们也有一些现成的组件库可以使用,我们只需要写一个组件标签即可调用。这让我们 React 开发变得十分的快速,方便和整洁。
几个月前,我在公众号分享过 GitHub 上几个可以帮你快速完成网站开发、上线的低代码平台,近期又陆陆续续挖掘到一些与此相关的优质项目,便想着重新整理、更新一下。让诸位平时在闲暇之余,也可以上手把玩。
Vue渲染的两大基础方式 new 一个Vue的实例 这个我们一般会使用在挂载根节点这一初始化操作上: new Vue({ el: '#app' }) 注册组件并使用 通过Vue.component
今天,我们介绍一下如何使用 React Profiler API 分析 React 组件的渲染性能。
RxEditor是一款开源企业级可视化低代码前端,目标是可以编辑所有 HTML 基础的组件。比如支持 React、VUE、小程序等,目前仅实现了 React 版。
我就是被迷的那双眼。有时候需求来了,用熟悉的套路进行开发,确实很节省时间也能保证功能的稳定,但是这些开发的惯性无形中阻碍了我对技术的探索。
react-native start运行 添加VScode调试配置后(配置使用react native调试)
懂得 JSX 本质的同学都知道它只不过是一种语法糖,会被 babel 处理成 createElement 的形式,最后再变成常规的 js 对象。所以,我们就可以在 js 逻辑层面对 element 对象做处理,自定义 hooks 作为 element 逻辑处理层,也就变得理所当然了。
本文是【React基础】系列的第四篇文章,这篇文章中我们介绍一下在react开发中经常提及的”组件”以及”props”到底是什么东西,以及它们之前的关系,并且简单介绍下组件的种类:函数组件和类组件。
在Jq,原生javascript时期,在写页面时,往往强调的是内容结构,层叠样式,行为动作要分离,三者之间分工明确,不要耦合在一起
Laravel7 的 laravel/ui 包提供了一种快速方法,可以使用一些简单的命令来支持你进行身份验证所需的所有路由和视图:
对于那些终于找到了自己热爱的编程工作的开发者们来说,他们常常会遇到一个难题:用编程谋生固然美妽,但当你不得不反复做着相同的任务时,这份热爱还会持续吗?我们知道,编写CSS可能看起来很有趣,但如果要重复进行,情况可能就大不相同了。
Web Components 是一种使用封装的、可重用的 HTML 标签、样式和行为来创建自定义元素的 Web 技术。
在React 函数式组件(FC)中,我们使用 useRef hook 来声明 ref 数据,可能你对 ref 特性或者 useRef hook 并不熟悉,这里有一篇文章深入浅出地介绍了 useRef 及其应用场景 。
一直以来,许多产品平台都在尝试通过可视化搭建的手段来降低 GUI 应用的研发门槛,提高生产效率。随着我们业务的发展,数据建设的完善,用户对于数据可视化的诉求也日益增多,而数据大屏是数据可视化的其中一种展示方式,它作为大数据展示媒介的一种,被广泛运用于各种会展、公司展厅、发布会等。
React是一个构建用户界面的js库,从UI=render()这个等式中就很好的映射了这一点,UI的显示取决于等式右边的render函数的返回值.
Sophie Alpert 和 Dan Abramov 在 React Conf 2018 中 提出了 hooks 这个概念,让我们一起来看看 Hooks 在解决一个什么问题。
在快节奏的前端开发领域,牢牢掌握技术发展前沿对搭建成功的企业级应用至关重要。在使用 Next.js 及其强大的技术栈(包括 Tailwind CSS、TypeScript、TurboRepo、ESLint、React Query 等)长达四年后,我已经积累了许多宝贵的见解和最佳实践,希望与其他开发者分享。本文将探讨如何为大规模企业构建和组织前端应用,以达到性能、可维护性和可扩展性最大化。
一、Polymer Polymer是Google在2013年的Google I/O大会上提出了一个新的UI框架。Polymer的实现使用了WebComponent标准,并且Polymer可保证针对包含
大家好,我是「柒八九」。一个「专注于前端开发技术/Rust及AI应用知识分享」的Coder
几个月前我写了一篇关于从零开发一款可视化大屏制作平台 的文章, 简单概述了一下可视化大屏搭建平台的一些设计思路和效果演示, 这篇文章我会就 如何设计可视化大屏搭建引擎 这一主题, 详细介绍一下实现原理。
领取专属 10元无门槛券
手把手带您无忧上云