文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    容器化分布式日志组件ExceptionLess的Angular前端UI

    随着微服务架构的流行，日志也需要由专门的分布式日志组件来完成这个工作，我们项目使用的是 ExceptionLess 这个组件，它是前后端分离的；这篇文章我们就来实践容器化 ExceptionLess 的前端...ExceptionLess UI 是使用Angular开发的一个纯前端 Web UI，首先我们需要安装环境(git、npm、bower、grunt etc.)，请参考详细步骤。...安装完成后，使用 grunt 发布项目，这样一个纯静态的前端网站就生成了；然后将刚刚生成的所有静态文件以tar.gz格式压缩成归档文件，如 exceptionless.ui.gkb.tar.gz。...同理，现在我们需要将包含静态文件的纯前端，宿主到一个web服务器，和传统的方法是一样的，先安装一个web服务器，然后将其作为静态资源的宿主。...总结 本篇分析了镜像的本质，镜像的构建原理，并一步一步地引导大家容器化一个开箱即用的纯前端UI，这也是微服务架构实行前后端分离后，容器化前端的一个典型例子。

    1.4K40

    Angular中ui-select的使用

    Angular中ui-select的使用 最近工作一直很忙，没有时间整理知识，前几天项目中需要用到angular-ui-select，实现下拉框快速过滤效果，今天有时间研究了一下，终于搞明白了。...一、准备工作 1.安装依赖包 （1）Angular  ---   V1.4.9 （2）Angular-sanitize  ---  V1.2.28 （3）Angular-ui-select  ---  ...V0.12.1 （4）Bootstrap  ---  V3.3.6 如果有需要再引入jQuery 注意: Angular-sanitize所依赖的Angular最低版本，Angular-ui-select...如果项目中用到的Angular版本比较低时，请安装低版本的Angular-sanitize和Angular-ui-select，这样，避免低版本不支持的情况。...当然ui-select不止这一种用法，还有许多意想不到的功能。本实例和其他功能实现在github：https://github.com/lela520/angular-ui-select。

    4.3K60

    Angular中ui-grid的使用详解

    随后我又发现了angular-ui-grid，这个插件是angular框架封装好的，依赖angular，这个插件功能也是比较多的，表头固定，自定义排序，表格行编辑，树形结构等多种用法。 　　...下面我来说一下angular-ui-grid的基本用法： 一、下载文件 　　项目中用的angular版本是angular V1.2.30所以，我就以这个版本为例 　npm install angular...@3.1.0 注：angular、angular-touch、angular-animate三个文件版本需保持一致，angular-ui-grid要根据angular的版本进行确定，angular-ui-grid...注意引入文件的先后顺序 　　文件依赖关系 　Angular-touch --> angular 　　　　Angular-animate --> angular 　　　　ui-grid --> angular...更多使用方法详见：https://github.com/lela520/Angular-ui-grid

    3K20

    好学好用的前端框架—Angular

    如你所知，前端的特点是带有 UI 界面的，是需要跟用户直接交互的东西。...因此，你必须为这些 UI 组件设计完善的生命周期，从远古的 Java Swing 到 QT，一直到 jQueryUI、Angular、React，大家都设计了自己的生命周期机制。...请注意，所有 UI 组件几乎都是这样设计的，怎么样，还需要去强记那些内容吗？哈哈哈。 组件之间如何通讯？ OK，无论什么 UI 框架，有了 UI 组件之后，紧接着就需要解决组件间通讯的问题。 ?...因为是前端框架，所以美观的问题也不能放松。...以上表述了学习前端框架的两条主线，但具体应该怎么学呢？ 以 Angular 为例，我把我的经验分享给大家，希望大家学完后，可以避开常见的开发误区、快速上手实战。

    1.2K20

    前端开发框架简介：angular 和 react

    官方介绍的三大特性如下： just the ui 把react只当作一个ui组件就好，等同于传统mvc中的view。...什么是angularjs angularjs是google推出的一个前端js框架，面世已有几年时间，非常成熟，目前已经有非常多的第三方模块，基本上可以解决前端工程领域的各方面的问题。...ui组件有bootstrap for angular，路由有ui-router，还有promise模块$q，还有原生的$resource模块直接支持标准的restful接口，集成的单元测试，等等，哇哇，...我们来看看react和angular实现组件的方式有什么不一样。。 组件实现 很多人包括我刚看到jsx时会想一个问题，我靠，这货是什么玩意？...只能在angular的框架下开发，第三方库要兼容angular都需要做一些工作。 对于angularjs其他所谓的缺点，其实大多可以解决，只是难易程度不同，例如SEO/构建等都可以解决。

    6K10

    前端请进：玩转Angular 注射器

    2009 年 AngularJS 第一个把“依赖注入”机制引入到了前端开发中，开创了用后端设计思想大规模入侵前端领域的先河。...01 组件树 目前，几乎所有前端框架都在玩“组件化”，而且最近都不约而同地选择了“标签化”这种思路，Angular 也不例外。“标签化”会导致一个很自然的结果，组件之间会形成树形结构。...02 Injector Tree 如你所知，AngularJS 是第一个把“依赖注入”（Dependency Injection）思想带到前端开发领域的框架。...作者简介 大漠穷秋，10 年开发经验，其中 5 年后端、5 年前端。熟悉 Java 相关的技术体系：SpringMVC、MyBatis、Ehcache、ELK、MySQL 等。...在前端技术方面尤其有深入的研究，先后使用并研究过 Flex、jQuery、Extjs、Backbone、Bootstrap、Angular 等常见的前端技术体系。

    1.4K70

    基于 Angular 的微前端理念与实践

    你可以直接使用自己选择的任意框架来实现，比如 Angular、React 或 Vuejs。 但是，事实并非总是如此。...微前端的不同实现方式 我们有很多实现微前端的方式，我发现最常用的是如下 6 种： Iframes 借助 NGINX Web Component/Angular 元素 Angular 库 Monorepos...single-spa frint.js single-spa single-spa 是一个用于前端微服务的 JavaScript 框架，可以用最流行的三个框架 / 库来实现，即 Angular、React...使用 Angular 的微前端项目实例 有了这些基础知识之后，我们在 single-spa 框架的协助下构建一个 Angular 项目的样例，我希望构建一个简单的应用以便于演示。...原文链接： https://blog.devgenius.io/angular-micro-frontend-4dad619c4277 相关阅读： 微前端如何改变 Angular 的未来？

    1.2K20

    前端开发学习-UI库MDB

    前言 目前我在工作之余，会对自己进行一些能力的提升和加强，除了对自己硬实力有提升的网课，我始终还是没有放弃自学前端开发，毕竟开发一个自己的个人网站，是我一直都想做的事。...事半功倍 我知道学习前端的途径有很多，对于自学的小白来说，视频无疑是最友好的；而对于我这种喜欢看书籍的，常常会去寻找一些高效率的网站和案例，例如Github找个现成的项目直接开撸。...他并不是单单的一个UI库，而是一个自带教程的强大网站，不会前端的小白，甚至可以在这个网站上自学前端开发（除了加载速度有些捉急） ?...主页面 这就是MDBootstrap的主页了，他涵盖了jQuery、Angular、React、Vue的教程，我最近正在学习React，我想抓紧提升我React的能力，这点MDBootstrap做得很不错...学以致用 当你进行完你感兴趣的框架的教程以后，你就可以使用丰富的MDBootstrap的工具库了，他提供了大量的好看的UI，当然这些风格都比较适合国外的审美，看个人喜好，就比如我，我是蛮喜欢这种风格的。

    1.8K20

    深入探讨前端UI框架

    深入探讨前端UI框架 1 前言 先说说这篇文章的由来 最近看riot的源码，发现它很像angular的dirty check，每个component ( tag )都保存一个expressions数组，...疑惑之下，就去复盘了一下各大前端框架，把一些收获分享给大家 本文内容很多，实在不知道怎么取标题，最终取了一个泛泛的标题，请读者不要纠结 本文将会涉及的内容有： MV*前端框架，UI框架，UI更新相关介绍...UI实际上是View层，用户看到的内容就是UI 对于前端，web站点来说，UI就是HTML+CSS html在js的表现就是dom tree 前端可以通过js脚本操作DOM，浏览器会根据最新的dom tree...UI框架，比如ember.js，extjs等 一个比较典型的UI框架就是大家都熟悉的react 2.4 UI更新及其策略 前端界都知道，DOM操作（UI更新）通常都是前端页面的性能高消费者 因此一个框架需要在...更新语句序列也是分布式的 最终得出的结论，riot的实现实际上就是react + angular，另外组件代码组织方式是参考Polymer 正如riot官网上介绍的那样，riot是从已有的工具中提取精华

    1.8K70

    前端框架与库 - Angular模块与依赖注入

    Angular 是一个流行的前端框架，以其强大的模块化结构和依赖注入系统著称。...本文将深入探讨Angular的模块与依赖注入机制，包括它们的基本概念、常见问题、易错点以及如何避免这些问题，通过具体的代码示例进行说明。1....Angular模块基础Angular 模块（Module）是组织应用程序的基石，它们定义了一组相关的组件、指令、管道和服务，并控制它们的可访问性。...依赖注入（DI）依赖注入是Angular的核心特性之一，它允许我们以声明式的方式管理类之间的依赖关系。Angular 使用服务定位器模式，通过 DI 容器在运行时动态创建和注入依赖项。...的模块化和依赖注入机制是构建复杂前端应用的强大工具。

    74010
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券