AG Grid目前提供两个版本地产品,分别是AG Grid Community和AG Grid Enterprise,AG Grid Community是免费和开源的,AG Grid Enterprise 提供专门的支持和更多企业风格的功能。AG Grid 免费提供其他网格工具的收费功能,而AG Grid Enterprise 提供了更多强大地功能。
地址:https://github.com/matfish2/vue-tables-2
Vue Tables 2旨在为开发者提供一个功能齐全的工具集,以便用 Vue 创建漂亮而实用的数据表格。数百个商业软件应用正在使用它。此外,Vue Tables 2正在不断成长、改进,同时也在获得新的功能。
今天要介绍的主人公「Tanner Linsley」是React Table与React Query的作者。
Godot Engine 是一个功能强大的跨平台游戏引擎,可用于创建 2D 和 3D 游戏。它提供了一套全面的常见工具,让用户可以专注于制作游戏而不必重复造轮子。该引擎支持将游戏一键导出到多个平台上,包括主要桌面平台 (Linux、macOS、Windows)、移动平台 (Android、iOS) 以及基于 Web 和控制器的平台。
UI组件 Table / Grid reactable ag-grid react-datagrid griddle-react react-data-grid react-data-components react-bootstrap-table reactabular react-pivot fixed-data-table autoresponsive-react sematable 滚动加载 react-lazyload react-infinity react-infinite react-inf
我向来是不屑于使用前端框架的,最多用一些ui组件,但是ag-grid这个框架太TM好用了。这篇文章介绍下aggrid的一些哲学思想和我的使用感受,顺带记录一些往事。
项目要将 angular 从 1.5升级到 5,ui-grid 在 5 中并不支持,所以为了替换 ui-grid ,来学习了 ag-grid 。
Cube是无界面商业智能平台。它帮助数据工程师和应用程序开发人员从现代数据存储中访问数据,将其组织为一致的定义,并将其交付给每个应用程序。Cube 旨在与所有支持 SQL 的数据源一起工作,包括像 Snowflake 或 Google BigQuery 这样的云数据仓库、像 Presto 或 Amazon Athena 这样的查询引擎,以及像 Postgres 这样的应用程序数据库。Cube 内置关系缓存引擎,为 API 请求提供亚秒级延迟和高并发。
上篇文章中做了简单实现,但是还是有bug的,还需要在外面写事件的处理,今天又进行修改了。
FineUI开源版是没有树表格的,但是又需要,怎么办呢?在博客园看到一位大大的文章
与每个管理系统一样,我们需要选择一个网格来显示我们的数据,而我的前任已经在应用程序中使用了两个网格 - ag-Grid(v2.7)和Ng-Table(v0.8.3) - 我热情地讨厌前者。回想起来,我意识到我只讨厌它,因为我的前任缺乏对AngularJS 1.x的了解。因此诞生了网格项目。
在使用ag-grid的时候有通过单元格的值设置不同行颜色,然后百度了网上的方法,汇总了一下,具体效果图如下:
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.41.6
1.Different Ways to Compare SQL Server Tables Schema and Data
距离 Extensions Data Grid 重构已经过去了两个多月,因工作忙碌而迟迟没有介绍 Extensions Data Grid 的细节。这几天又重构了一下官网示例,目前的 API 文档放在了 gitbook 上,暂时还没有和官网整合,国内访问会比较慢。本文会介绍 Data Grid 的使用方法及比较好的一些功能实现。说点题外话,开发一款插件最大的难度不在于功能的实现,而在于如何去设计插件。
曾经写了一个web app,后端没有用数据库,而是文件系统,体验还不错,文件系统的索引也很快,有时候一个网站不需要什么SQL。
摘要:本系统旨在设计一款基于MVC的web系统,以产品经理和项目经理为目标用户,针对EXCEL表格统计软件的不足,提出一套轻量级、易操作的解决方案,搭建了一个存储在云端的项目资源管理网站。系统围绕企业中人与项目这两个资源该如何搭配这个主题,提供了项目资源的编辑与统计服务等定制的项目管理功能,能够让管理人员在网页上管理员工与项目之间的工时安排,编辑、统计每个项目对每个部门的资源需求以及每个部门给每个项目提供的人力资源数等具体功能。本系统以material design为UI主题,以SPA应用程序为设计模式,以函数式编程为代码风格,实现一个高可用,易扩展的网站。
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.41.5
很久以前做了一个Visual Studio Code插件,用来快速开启http静态文件服务器,当然,现在已经被live server插件取代了,所以准备从GitHub中删除它,删除前留下一些遗照:
在当今的前端开发领域,React无疑是一颗耀眼的明星,它以其灵活和高效赢得了无数开发者的青睐。正因如此,围绕React,涌现出了大量的组件库,这些组件库大大简化了开发过程,让开发者可以更专注于创意和业务逻辑的实现。
ag-Grid 是比较实用的数据表格组件,最近接触到了相关的项目,简单记录一下设置选中单行多行和获取选中行数据的方法。
Web Components(Web 组件)规范是一个新兴的技术集合,允许您在前端Web应用程序中定义已封装的自定义HTML元素。 使用Web Components,您可以创建自己声明的API来定义UI,从而创建您自己的商业化应用程序。
为了提高大家开发 React 项目的效率, 笔者结合自己的实际工作经验, 汇总如下React项目常用插件.
TypeScript是2018年最令人惊讶的增长故事之一.npm调查发现,有46%的npm用户使用TypeScript。它现在不仅是使用Angular的默认语言,而且是React中常用的选项,也是Vue越来越常用的选项。
为了更好的进行前后端的设计开发 后端目前用postgrest设计数据库 前端直接使用react-admin和material ui 5.0进行开发 大大增加开发效率
在上文中介绍了使用 iconfont 的缺点,以及使用 SVG 的优点,简单归纳为以下几点:
从 2012 年开始,H5 成为 html 最后一个稳定版本,不再兼容之前的 API,从此诞生的每一个新 API,一旦结束试验期将永远存在,2015 年 ES6 的出现又淘汰掉一堆 JavaScript 框架,再结合 CSS3,前端原生 API 已经可以替代任何脚手架和打包工具,本文介绍使用原生代码替代前端流行框架的解决方案:分析框架提供的每一个特性以及相对应的原生替代品。
React Grid Layout 是一个用于构建可拖拽、可调整大小和自适应的网格布局的 React 组件库。通过简单易用的API,在 React 项目中能够快速构建复杂网格布局,轻松地创建可交互的网格布局,适用于构建面向用户的仪表盘、拖拽式页面布局等应用,提供良好的交互体验。通常用于自定义搭建页面中,例如我们公司用到自定义搭建工作台系统等等
最近在看在线表单设计,找了一些现成的产品和库,今天就看看怎样使用 React-Grid-Layout 实现表单设计。
在web开发中,带checkbox的tree是一个很有用的东东,比如权限选择、分类管理,如果不用sl,单纯用js+css实现是很复杂的,有了SL之后,就变得很轻松了 解决方案一: 利用Silvelright ToolKit(微软的开源项目),项目地址http://silverlight.codeplex.com/ 在线演示地址:http://silverlight.net/content/samples/sl4/toolkitcontrolsamples/run/default.html 解决方案二
作为一款纯前端控件集,WijmoJS 秉承“快如闪电,触控优先”的设计理念,在提供优质服务和产品的同时,专注于企业应用开发,不断优化产品架构,与时俱进。除在全球率先支持 AngularJS外,现已全面应用于 React、Vuejs、TypeScript 、Ionic 等主流框架中。
之前的文章中,我们分享过一个新兴的前端框架:Svelte。还对比了它与 Vue 和 React 不同之处。
从统计数据上看,JavaScript是性能的关键[1]。以现在的趋势,中等大小的页面很快就会至少发送 400 KB 的 JavaScript,而这仅仅是传输时的大小,并且还是压缩后的。
《第二十二条军规》是美国作家约瑟夫·海勒创作的长篇小说,该小说以第二次世界大战为背景,通过对驻扎在地中海一个名叫皮亚诺扎岛(此岛为作者所虚构)上的美国空军飞行大队所发生的一系列事件的描写,揭示了一个非理性的、无秩序的、梦魇似的荒诞世界。我喜欢整本书中语言的创造性使用和荒谬人物的互动。本文对该小说进行文本挖掘和可视化。
codrops 一系列具有相当具有创意且有趣的前端效果的集合,是非常棒的学习资料,可以欣赏和下载使用。并且有些项目,也托管到了github仓库中
作者:xieyu React 中 state render 到 html dom 的流程分析Questions React 的 component的 lifecycle 在 react 中是怎么被调到的. 分析 jsx => element tree => fiber tree => html dom 在 react 中的流程. react 中的 fiber tree 的建立和执行, 以及异步的 schedule. 📷 研究工具和方法 chrome debug 打断点 ag the silver searc
目前做了一个easyui项目需要显示多级菜单,菜单配置到数据库中,因此每级菜单都需要到数据库中取,用了jQuery EasyUI方便多了。
http://tianya23.blog.51cto.com/1081650/813863
作 者:小明小明长大了 来 源:https://www.jianshu.com/p/72ca8192f7b8
今天给大家推荐一个我朋友开源的项目ant-simple-pro。在2月份发布v1.0版本,到现在已近有一段时间了,并且也在github上收获了100+star, 接下来笔者就来带大家一起介绍一下这款开源项目。
【React+Typescript+Antd】界面框架布局是页面的骨架,骨架搭好了,之后就是细枝末节的填充。
最近Medium上出现了一个面试题:如何向你奶奶解释SQL和NoSQL的区别。我看作者是用自己的结构化的家族谱来比喻sql和nosql的区别的,写的挺好就是有点啰嗦,面试官可没时间听你在那滔滔不绝。我个人觉得,sql和nosql的区别海了去了,一两句话可概括不完,更何况是讲给你奶奶听,所以如果真被问到这个问题,可以挑选其中一个最主要的区别来类比就好,比如sql是通用的,nosql是专用的。所以我的答案是这样的:
作者 | Kaiyang Zhou, Xiatian Zhu, Yongxin Yang, Andrea Cavallaro, and Tao Xiang
本指南涵盖了我们如何在 Sentry 编写前端代码, 并特别关注 Sentry 和 Getsentry 代码库。它假设您使用的是 eslint-config-sentry 概述的 eslint 规则;因此,这里不会讨论由这些 linting 规则强制执行的代码风格。
大家好,本篇文章小编将和大家一起做两个简单的案例——可折叠的问题列表和按分类展示的美食菜谱。这两个案例,我们还是继续练习 useState Hook 的用法。
领取专属 10元无门槛券
手把手带您无忧上云