首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【玩转腾讯云】2021 年最值得推荐 7 个 Angular 前端组件库 - DevUI

摘要:DevUI 是一款面向企业后台产品开源前端解决方案,倡导沉浸、灵活、至简设计价值观,提倡设计者为真实需求服务,为多数人设计,拒绝哗众取宠、取悦眼球设计。...,它们都可以使用Bootstrap无需使用jQuery就可以Angular使用。...如果你项目是一个使用Angular 5+和Bootstrap 4+项目,建议使用NG Bootstrap,否则就使用NGX Bootstrap。 3....Nebular包含组件并不多,只有40+个,不过包含了很多实用工具,比如:主题、登录认证、角色鉴权管理、Admin系统等。 有这方面需求的话,还是可以尝试。...DevUI 是一款面向企业后台产品开源前端解决方案,倡导沉浸、灵活、至简设计价值观,提倡设计者为真实需求服务,为多数人设计,拒绝哗众取宠、取悦眼球设计。

1.7K30

Angular 6正式版发布,都有哪些新功能

官方升级手册链接如下: https://update.angular.io/ ng update可以帮助你使用正确版本依赖,让你依赖与你应用程序同步,使用 schematics 时,第三方还能提供脚本更新...学习更多关于如何使用ng update , 开始学习如何创建您自己 ng update 语法,可以参考 rxjs package.json 入口,关联了 collection.json。...ng add使用软件包管理器来下载新依赖并调用安装脚本,它可以通过更改配置和添加额外依赖(如 polyfills)来更新你应用。...目前,@angular/cdk/overlay 软件是 CDK 最强大基础架构之一,你可以利用他们来构建自己 UI 库。...之前只有 v4 和 v6 是 LTS 版本,但为了使开发者从一个主版本更新到另一个主版本更容易,并给予项目充足时间来规划更新,Angular 团队表示从 v4 开始,将扩大对所有主版本长期支持。

4.2K20
您找到你想要的搜索结果了吗?
是的
没有找到

探索Harbor镜像仓库新管理功能和界面

题图摄于拉斯维加斯 为追求完美的用户体验,Harbor容器镜像仓库界面经历了数次改版,即将推出版本将升级到Angular 4,并在不少细节上做了改进和优化。...主要变化包括: 放弃了之前版本 AngularJS 和 Bootstrap 组合框架,采用 Angular 4 和最新开源组件库 Clarity 重新构建,增强了组件化,视觉效果更为一致; 将之前多页面和后端...图4:“关于”对话框 位于头部通用搜索也做了改进,搜索结果采用列表形式显示,并分门别类,使得结果更为清晰和全面有序。同时提供“返回”链接,可以便捷回到搜索前页面。...在“认证模式”可配置是使用本地数据库还是 AD / LDAP 来完成系统鉴权。在“复制”可配置在复制任务是否验证远程证书。“邮箱”可配置来完成邮件通知邮件服务器信息。...如果大家感兴趣,不妨到github上Harbor主页了解更多详情,页可以下载安装直接体验。 Harbor开发团队将不断聆听大家以及社区反馈,不断改进,以期提供更好平台为大家服务。

2K20

Angular 11正式发布:加入webpack 5,升级至TS 4.0,不再支持IE 9 和10

在编译时,Angular CLI 将下载和内联在应用程序中使用和链接字体。我们会在使用版本 11 构建应用默认启用此功能。要利用这一优化,你需要做就是更新自己应用!...将来,webpack v5 会带来: 持久磁盘缓存,以加快构建速度 cjs 摇树,减小包体积 这一支持是实验性,并且正在开发,因此我们不建议你将其用于生产用途。 想试用 webpack5 ?...要在项目中启用它,请将以下部分添加到 package.json 文件: "resolutions": { "webpack": "5.4.0" } 目前,你需要使用 yarn 进行测试,因为...IE11 是 Angular 还在支持唯一 IE 版本。我们还移除了一些已弃用 API,并在弃用列表添加了一些项目。...这也反映了我们所使用方法,通过这种方法我们可以逐步推进更多工作,并允许开发人员提供早期反馈,使我们能将这些反馈引入最终版本

3.3K30

Angular 11 正式发布,放弃对IE 9、10支持!

2、Angular 11.0.0 放弃了对 IE 9 、10 和IE移动版支持。IE11是目前唯一一个仍由Angular支持IE版本。...在 Angular 11 ,现在所有组件都可以使用该方法进行测试。同时还对这些组件进行了性能改进和增加了新API接口,允许开发人员进行多个组件并行交互。...(4) 改进系统报告和日志(Improved Reporting and Logging) 对构建器阶段报告进行了更改,使其在开发过程更加有用。...(7) 更快构建速度(Faster Builds) 使用 TypeScript v4.0之后让编译变得更快速。安装依赖项时,ngcc 更新过程也将提高 2-4速度。...要在项目中启用它,请将以下部分添加到 package.json 文件,增加以下参数: "resolutions": {"webpack": "5.4.0"} 目前还需谨慎使用 (9) 代码检测工具迁移(

1.9K20

harbor源码分析之构建工具make(五)

make介绍 make是一个构建工具,现在前端构建工具有很多.像gulp,grunt等等,它们常被用在前端项目中.在后端领域常使用make来做构建这件事情....具体用法说明,可以阅读阮一峰写Make 命令教程 harbor make文件解析 在完成了以上make教程学习之后,再来读这个makefile,应该难度也不大。...源码路径:容器挂载路径 -w 工作目录 golandImage go build -o 可执行路径 harborUI页面是使用angular4编写,这里需要对angular代码进行构建打包,这里是通过容器进行构建打包.../src/i18n/ dist/ 至此,完成了对编译模块解析,接来下,看一下构建模块 harbor使用容器方式部署,build将编译后exec文件通过docker copy方式加载到相应组件...总结 本篇对harbormakefile进行了展开。对于整个项目的安装和构建部分基本已经完成。还有一个k8s部署,对k8s专题中,将以此为demo进行展开。接来下,将开始源码学习。

1.7K10

Angular 10 正式发布,不再支持 IE910!

这是跨越整个平台(包括框架、Angular Material 和 CLI)一次主要版本更新。这次新版发布间隔比以往短一些。自我们发布 Angular 9.0 版以来只过去了四个月。...ng new --strict 启用此标志会使用一些新设置初始化你项目,这些设置可以提高可维护性,帮助你提前捕获错误并允许 CLI 在你应用上执行一些高级优化措施。...从 v10 开始,你将看到一个新 tsconfig.base.json。这个新增 tsconfig.json 文件可以更好地支持 IDE 和构建工具解析类型和配置。...要为需要浏览器(例如 IE 或 UC 浏览器)启用 ES5 构建和差异化加载,只需在.browserslistrc 文件添加你要支持浏览器即可。...为了获得最佳更新体验,我们建议每次只升级一个主要版本。 要更新时: ng update @angular/cli @angular/core 你可以在我们 v10 版本更新指南中了解更多细节。

2.5K20

从零学脚手架(五)---react、browserslist

Angular比较偏向于后端,很多概念对于前端开发人员都是噩梦。不过对于前端工程化,个人认为Angular是集大成之作。个人建议,对于有经验朋友,可以稍微学习下Angular思想。.../src/app.jsx 返回 代表 空标签 ,React组件只允许返回一个元素,但有时候组件需要返回元素数组,可以在外部一层空标签。与Vuetemplate标签功能一致。...前面介绍过,前端运行环境(浏览器)版本是由用户决定,不同项目对于浏览器版本要求不一样。 而在打包过程。需要指定支持浏览器版本,以这些版本对开发代码做出适配。(CSS、JS都需要适配)。...可以项目根目录(package.json所在目录)创建一个约定文件 .browserslistrc.json ,将属性配置在此。....React使用JSX作为构建元素模板语言 browserslist是一个强大设置浏览器版本库。

1.4K20

Angular v8 发布!来看看有什么新功能

通过发送消息与浏览器选项卡线程进行通信。 虽然 Web worker 本身与 Angular 无关,但在构建过程必须考虑它们。目标是为每个 Web worker 提供一个 bundle 。...完整实现包含在作者样本集[1]。为了便于说明,可以在主线程和 Web worker 解决可用 n 皇后问题。...它们可以存储在例如 browserslist 文件,CLI 在生成新项目时同时会在 projectroot 创建: 1> 0.5% 2last 2 versions 3Firefox ESR 4not...为了使不同浏览器可以决定要加载哪个版本 bundle ,他们在 index.html 添加接受 script 引用:指向 ECMAScript 5 那些引用会添加 nomodule。...这导致了难以理解副作用。为了避免这种情况,可以使用相同 Location 服务去访问两个版本框架 URL 。

3K30

Pandas绘图功能

Pandas绘图是在matplotlib之上构建,如果你很熟悉matplotlib你会惊奇地发现他们绘图风格是一样。 本案例用到数据集是关于钻石。...哦豁,真的有9颗钻石比3.5克拉大,这些'怪种'钻石我们应该关心?出于数据探索目的,我们完全可以舍弃这些点,但如果是把数据全貌展示给别人看,我觉得有必要详细说明:范围之外还存在9个离群点。...上面的图表显示,透明度较低钻石往往更大,透明度高钻石更加小巧。由于尺寸重量是决定钻石价值另一个重要因素,因此低透明度钻石中间价较高也就不足为奇了。...密度图 密度图以连续曲线显示数值变量分布。类似于柱状图,但密度图能更好地显示分布基本形状。...可以使用二维表格创建堆积条形图。

1.7K10

多种前端框架优缺点「建议收藏」

通常情况下,在最新版jQuery版本下,现有插件可能无法正常使用。开发者使用插件越多,这种情况发生几率也越高。...对模块友好:可以通过 NPM、Bower 或 Duo 安装,不强迫你所有的代码都遵循 Angular 各种规定,使用场景更加灵活。...2.是一个比较完善前端框架,包含服务,模板,数据双向绑定,模块化,路由,过滤器,依赖注入等所有功能; 3.自定义指令,自定义指令后可以项目中多次使用。...misko,angular作者. 3.对IE6/7 兼容不算特别好, 就是可以用jQuery自己手写代码解决一些. 4.指令应用最佳实践教程少, angular其实很灵活, 如果不看一些作者使用原则...1.0.X升级到1.2.X,貌似有比较大调整,没有完美兼容低版本,升级之后可能会导致一个兼容性BUG 五、ReactJS React主要用于构建UI。

3.6K20

出生就遇浏览器大战,亲爹还不爱,命运坎坷JavaScript终于苦尽甘来

; 两个选择各有利弊 第一个选择,使用现有的编程语言: 可以充分利用现有代码库和程序员资源,入门门槛较低; 借助现有语言市场,可以更容易推广开来; 可能不能完美的实现当下需求; 第二个选择,重新开发新语言...于是,微软便找上了网景,想要收购网景,但春风得意网景公司自然是不会同意;微软自然也不会放弃,更不会放任网景做大,紧接着便是全力投入到了IE浏览器新版本开发。...JavaScript; IE JScript ; CEnvi ScriptEase; 三个巨头三足鼎立,形成了三分天下之势,网景公司也面临丧失浏览器脚本语言主导权局面;而由此导致版本不兼容问题日益加剧...,会后不久,ECMAScript 3.1 改名为 ECMAScript 5; 2009年12月,ECMAScript 5.0版 正式发布;Harmony 项目则一分为二,一些可行性较高功能优先开发,后来成了...随Node.js发布还有包管理工具:npm,通过npm可以: 允许用户从NPM服务器下载别人编写第三方到本地使用; 允许用户从NPM服务器下载并安装别人编写命令行程序到本地使用; 允许用户将自己编写或命令行程序上传到

55630

angular入门教程_初学者织围巾简单教程慢动作

这是一个很常见问题,因为 @angular/cli 最新版本经常会有 bug,只要在你项目package.json 里面降低一个小版本号就OK。...如果你想让编译更小一些,可以使用 ng serve –prod,@angular/cli 会启用 TreeShaking 特性,加了参数之后编译过程也会慢很多。...构建最终产品版本可以加参数,ng build –prod。...构建项目:ng build,如果你想构建最终产品版本可以用 ng build –prod 更多命令和参数请在终端里面敲 ng 仔细查看,尽快熟悉这些工具可以非常显著地提升你编码效率。...第二点是开发环境导致问题:国内使用 Windows 平台开发者比例依然巨大,而 @angular/cli 在 Windows 平台上有一些非常恶心依赖,比如需要依赖 python 环境、Visual

3.3K20

都9102年了,还需要用到 jQuery

具有较低学习曲线,并且比较容易让人在很短时间内学会并成为专家。满足了开发人员和设计人员需求,因为大大减少了构建时间。...仍受欢迎一个原因是许多项目仍然依赖(例如:Bootstrap 4.0 及以下版本,大量 WordPress 插件和主题都是使用 jQuery 构建)并且还有许多依赖 jQuery 遗留代码库...支持所有现代浏览器并在解叉兼容性问题方面做得更好,它还解决了 IE6 等旧浏览器问题。 bootstrap 小项目和不需要框架简单站点。 使用 jQuery 构建遗留代码库时。...如何在2019年使用jQuery 要在项目使用jQuery,有几种方法可以入门。 在撰写本文时最新版本是 3.4.1 压缩生产版本或未压缩开发版本。...你可以将它包含在项目中,如下所示: 作为替代方案,你可以使用包管理器

2.1K40

走近webpack(0)--正文之前故事

在前端工作过程,只要你接触过vue,angular,react,gulp就一定知道webpack或者听说过或者使用过webpack,但是或许你对webpack使用方法并不是十分了解,只是会用写好构建项目如...:vue-cli,angular-cli等,那么这一系列文章就是带你一点点走近webpack,真正弄懂webpack到底可以做什么,怎么做。   ...$ npm -v 4.2.0 $ node -v v7.8.0   接下来,我们开始安装webpack,首先webpack可以全局安装,也可以在你项目下安装。...init   这样做是为了生成package.json,记录你当前项目所用到依赖及一些其他相关信息。   ...根本没有达到我们想要自动化,热加载等使项目开发方便,打包灵活,减少http请求等优化项目的目的。   是的,上面的打包方式在我们实际开发和应用基本上是不会用到

68340

【思考】为何弃用jQuery?(下)

这时市面上还是拥有大量正在使用 jQuery 1.6.x/1.8.x 版本项目和网站,但是 jQuery 光辉开始暗淡里程也由此开始,虽然同年 5 月官方还发布了 jQuery 2.11...You Don't Need jQuery 库出现无疑对 jQuery 是一个沉重打击,详细描述了哪些完全可以替代 jQuery 方法,以及展示了部分新现代浏览器支持 APIs 使用。...由于三大前端框架流行程度不断提高,社区活跃度也日益火爆,越来越多项目开始转向使用这些框架。当然还有一部分项目在转型升级过渡期中还保留着使用 jQuery。...我想 jQuery 并不会很快失去光辉,在国内环境还是拥有大量老旧系统在使用IE 浏览器,至少还保证了 jQuery 在国内环境还是占有一席之地,但这也不是应该乐观因素。...如有一天我在工作又需要使用时候,我想我会和它说一声: “老朋友你好,老朋友再见!”

1.4K30
领券