开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Angular -如何只显示最近使用过的项目？

Angular是一种流行的前端开发框架，用于构建单页应用程序。它采用了组件化的开发方式，提供了丰富的工具和功能，使开发人员能够快速构建高性能的Web应用程序。

要实现只显示最近使用过的项目，可以通过以下步骤来实现：

使用本地存储：可以使用浏览器的本地存储机制（如localStorage或sessionStorage）来存储最近使用过的项目列表。每当用户访问一个项目时，将其添加到本地存储中。
创建一个服务：在Angular中，可以创建一个服务来处理最近使用过的项目列表。该服务可以封装与本地存储的交互，并提供添加、删除和获取最近使用过的项目的方法。
添加项目：当用户访问一个项目时，调用服务的添加项目方法，将该项目添加到最近使用过的项目列表中。可以根据需要设置最大项目数量，超过该数量时可以删除最早的项目。
显示项目：在应用程序的界面中，可以使用Angular的数据绑定机制来显示最近使用过的项目列表。通过订阅最近使用过的项目列表的变化，可以实时更新界面上的显示。
清除项目：如果用户想要清除最近使用过的项目列表，可以提供一个清除按钮或菜单项，调用服务的清除方法来删除所有项目。

对于腾讯云相关产品和产品介绍链接地址，可以参考以下推荐：

腾讯云对象存储（COS）：用于存储和管理项目的静态资源，如图片、视频等。产品介绍链接：https://cloud.tencent.com/product/cos
腾讯云云服务器（CVM）：提供可扩展的计算能力，用于部署和运行应用程序。产品介绍链接：https://cloud.tencent.com/product/cvm
腾讯云数据库MySQL版（TencentDB for MySQL）：用于存储和管理项目的数据。产品介绍链接：https://cloud.tencent.com/product/cdb_mysql

请注意，以上推荐仅为示例，实际选择产品时应根据具体需求进行评估和选择。

相关搜索:Angular 7项目不会在Github上发布--只显示ReadMe文件(我用过GitHub页面)jQuery如何使变量只显示表单数组的值如何从Visual Studio 中的"最近的项目"窗口中删除项目/解决方案如何从事件列表中找到最早和最近的日期，angular？如何使angular material对话框在我的项目中可共享？如何使以前存在的项目/应用程序在angular 6中响应如何使回收器视图中的项目居中？如何使最近生成的列可为空？如何使正确的方法只显示我关注的用户和我自己的意见如何使用Angular 6运行旧的Angular项目

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

如何使你的开源项目成功

我创建了一个开源库 vocajs.com，经过努力，这个库成为了 GitHub 上最受欢迎的项目之一。在这个过程中，我学到了一些重要原则，这些原则涉及如何制作高质量的开源项目。...花一半时间解释项目的用途以及如何使用它。 4.1 README.md 用户在访问项目存储库时最先看到的是 README.md 文件。你只有20-30秒的时间吸引注意力去兜售你的东西。...例如这就是我用来描述的内容： “Voca 库提供了有用的功能，使字符串操作变得舒适：更改大小写，修饰，填充，段化，拉丁化，sprintfy，截断，转义等。...有时您会遇到沮丧的用户，无论如何，找到了与大家礼貌地交流的意愿。准备对某些请求说“No”或拒绝 pull 请求。始终试着礼貌地解释你的决定，并感谢贡献者所花费的时间。目标是吸引新的人参与项目。...你知道哪些使开源项目成功的其他策略？请在下面的评论中告诉我。

1K3 0

cwiki-us-angular-app 导入后如何添加到自己的项目

将 https://stackblitz.com/github/cwiki-us-angular/cwiki-us-angular-app 导入到界面后，如何将这个项目添加到自己的项目里面。...然后再自己的项目里面进行编辑，修改后提交？你可以在编辑界面中 Fork 到本地后进行修改。

8226 0

在机器学习项目中，如何使预测建模问题的数据收益最大化

预测建模的成功与否，可能取决于你使用的数据，以及你使用这些数据的方法。问题的数据和框架可能是你完成项目的最大筹码。...如何使用数据，这些问题是无法用分析性运算解决的，不过试误法可以探索出怎样最充分地利用你手中的数据。在这篇文章中，你将了解到在机器学习项目中，如何使你的数据收益最大化。...因此，你使用的只是数据中的一个样本。所以模型究竟需要多少数据是一个开放性问题。不要以为越多越好，一定要进行测试。工程实验观察模型技能是如何随着样本大小变化的。...预处理数据在输入特征中创设额外的想法，就像特征选择和特征工程那样。一些算法对预处理有偏好，例如：规范化的输入特征。标准化的输入特征。使输入特征静止。准备好符合这些期望的数据，然后更进一步。...这样做简单且高效，尤其是想法揭示了潜在映射问题的不同结构的情况（例如，模型存在不相关的误差）。总结在这篇文章中，你了解了使预测建模问题的数据收益最大化的技巧。

6183 0

从React和angular看技术路线的分歧

最近在看一些reactJs的资料，有一些收获，写成文章跟大家分享一下，其中很自然的也会有我自己的一些主观看法，请大家批判的阅读。...这个问题的出发点很有意思，不去探究react本身如何，而是去撕它背后的干爹，呵呵我为什么提这个问题呢，因为这个问题的立场是我个人主观上最反感的。...总之开发环境的配置很是有些麻烦，所以也有另一种说法，React的全部强制组件化，使前端有过度设计之嫌。虽然我在工作中没有使用过React，但我依然是更喜欢React更多一此，无它，只因为简洁灵活。...反面的就是angularJs，它为什么学习曲线陡峭，就是因为你要学它，就得学一堆angular自己的语法。如果你换个公司呢？如果你换个项目呢？...虽然不能说浪费了，但到新框架里完全用不到angular的语法倒是真的。

1K7 0

每日前端夜话(0x04)：2018年JavaScript状态调查（中）

使用 Angular 的国家情况平均而言，23.8％的受访者使用过 Angular ，并乐于再次使用它。...更新：很多人都指出，Angular的满意度不高可能部分是由于Angular与较旧的、弃用的AngularJS之间的混淆（之前的调查通过将两者作为单独的项目来避免这个问题）。...另外Apollo的最新版本使Redux成为可选项，如果明年的结果看起来非常不同，那就不足为奇了…… 后端框架后端的JavaScript近年来没有取得任何重大突破。...甚至被称为Express的继任者的Koa，其满意度较低（并且使用数量大大降低）。这个领域的一个有趣的参与者是Next.js，最近引起了很多人的兴趣。...测试的未来可能包括更多在浏览器中进行自动化测试的解决方案，像Cypress这样的项目可能会包含在明年的调查中，我们可能会看到更多基于Puppeteer的工具。

1.5K2 0

使用 Azure静态web应用+Github全自动部署VUE站点

Azure 静态 Web 应用支持对常见的VUE，React，Angular甚至Blazor进行自动构建及部署。...并且部署的网站会使用Azure分布在全球的服务器，当用户访问的时候会选择地理位置最近的服务器来加速访问速度提高用户体验。...可自定义的授权角色定义和分配。后端路由规则，使你能够完全控制所提供的内容和路由。生成的临时版本由拉取请求提供支持，在发布前提供站点的预览版本。...使用VUE CLI新建一个VUE项目，使用过VUE的用户应该都知道，CLI生成的项目直接是可以运行的。...Azure静态web应用不光支持VUE，还支持angular，react等常见的前端框架，甚至还支持自己最新的blazor技术。

1.4K3 1

为什么只会Vue的都是前端小白？

ES6和ES7（最近ES8也出来了）。...反过来也是成立的，对于正在跳槽或者打算找工作的开发者，当你去一家公司面试的时候，也要长个心眼儿，你一定要问一问，他们公司正在使用（或者曾经用过）哪些前端框架。...你去了之后可能要给他们提供保姆一样的服务，甚至还要教他们如何搭建Node环境。 2、这种公司的技术负责人很可能是个小白，至少是个盲目的跟风者。他自己是不会去研究技术的，听别人忽悠就好了。...这个开源项目包含了典型的To C型布局的实例、To B型管理后台系统的示例、移动端Ionic实例、配合Electron打包成桌面端应用的实例。...而且我给NiceFish这个项目录制了完整的视频教程，编写了详细的文档。所以，你可以发现，它的star数量已经超过了1.7K，作为一个没啥技术含量的教学项目，还是挺不错的。

1K3 0

(译)通过 Git 和 Angular 了解语义化提交信息

受传统提交规范和 Angular 约定的启发，让我们来解释语义化提交术语，并演示提交信息的实际示例。许多项目决定以某种约定方式来标准化它们的提交信息。...这种做法并不是新出现的，但在最近几年中越来越多地得到了应用。而且很可能您已经在某些项目中遇到过这样的提交消息。最早出现的规范之一来自与 AngularJS 项目。...好了，是时候了解我们如何实际遵循这些约定了。免责声明：从这一刻起，我们将引用 Angular 提交信息约定及其好处。...让我们看看这些约定是如何简化我们对这些记录的浏览: git log --oneline --grep "^feat\|^fix\|^perf" 我们使用提交消息类型来过滤，因此只显示生产更改(所有以 feat...例如，Ionic 的angular-toolkit项目，集成了语义化发布来自动化发布过程(在此遵循 Angular 的提交约定): ?

1.3K2 0

【腾讯云的1001种玩法】利用腾讯云搭建个人博客

服务器先是跑在国外免费的php主机上，后来用过新浪的sae。 wordpress，很简单，很方便，功能也很全，作为技术博客肯定完全没有问题。...这期间主机用过阿里云，用过AWS。最近一年，做了一些前端的项目，技术又积累的一些，于是开始了我的第N（N>=5）次搭建。这次我选择了腾讯云。...客户端：采用react+antd，webpack打包，glup构建，采用ES6的语法编写。管理员端：angular2，采用TypeScript语法编写。...后台的node，前端React和Angular2都是有所了解，但是没有实际使用过。只能边学边写。 2 腾讯云申请主机采用腾讯云机器，数据库采用腾讯云的CDB，一些静态图片，放在云对象存储COS中。...2.1 云主机 2.2 云数据库 2.3 云对象存储 3 项目部署 3.1 后台服务部署安装pm2 npm install -g pm2 启动后台服务 pm2 start app.js -name

12.5K0 0

我的职业是前端工程师【四】：如何选择合适的前端框架，告别选择恐惧症

我只能去分享我用过的那些框架，读者们再结合其他不同的框架来做决定。 ?...遗憾的是，Backbone.js 有一些的缺陷，使它无法满足复杂的前端应用，如 Model 模型比较简单，要处理好 View 比较复杂。除此，还有更新 DOM 带来的性能问题。...对于没有 Angular 和 React 经验的团队，并且规模不大的前端项目来说，Vue.js 是一个非常好的选择。...小结除了上面提到的这些前端框架，我还用过 Reactive、Ember.js、Mithril.js，遗憾的是同 Vue.js 一样，我没有在大一点的、正式项目上用过。...欲知后事如何，请期待每周一更的《我的职业是前端工程师》。 GitHub 阅读：https://github.com/phodal/fe

1.1K5 0

重拾前端技能为你的职业前程保驾护航

前言最近自己身边有好几个小伙伴由于各种原因（个人，疫情等都有）离职了，但是今年好像都是行情不太好的一年。许多的小公司都倒闭了，大公司也裁员，所以离职的小伙伴好几个都在家待职 1-3 个月。...HTML描述了一个网站的结构语义随着线索的呈现，使之成为一种标记语言而非编程语言。(摘自维基百科) HTML常见面试题（比较多列举部分）： DOCTYPE 的作用是什么？你是如何理解语义化的？...meta viewport 的作用？你用过哪些 HTML 5 标签？行内元素、块级元素以及空元素都有哪些（列举）？ ......通俗的说，CSS预处理器用一种专门的编程语言，进行Web页面样式设计，然后再编译成正常的CSS文件，以供项目使用。...Angular 一款优秀的前端JS框架，已经被用于Google的多款产品当中。

1.2K1 0

重拾前端技能为你的职业前程保驾护航

前言最近自己身边有好几个小伙伴由于各种原因（个人，疫情等都有）离职了，但是今年好像都是行情不太好的一年。许多的小公司都倒闭了，大公司也裁员，所以离职的小伙伴好几个都在家待职 1-3 个月。...HTML描述了一个网站的结构语义随着线索的呈现，使之成为一种标记语言而非编程语言。(摘自维基百科) HTML常见面试题（比较多列举部分）： DOCTYPE 的作用是什么？你是如何理解语义化的？...meta viewport 的作用？你用过哪些 HTML 5 标签？行内元素、块级元素以及空元素都有哪些（列举）？ ......通俗的说，CSS预处理器用一种专门的编程语言，进行Web页面样式设计，然后再编译成正常的CSS文件，以供项目使用。...Angular 一款优秀的前端JS框架，已经被用于Google的多款产品当中。

8383 0

技巧 - 如何好一个 Git 提交信息及几种不同的规范

受 Growth 3.0 开发的影响，最近更新文章的频率会有所降低。今天，让我们来谈谈一个好的 Git、SVN 提交信息是怎样规范出来的。...而提交信息的主要用途是：告诉这个项目的人，这次代码提交里做了些什么。...由于 Git 的提交人只显示一个，所以写上两个的名字。当提交的人不在时，就可以问另外一个人修改的原因。...而开源应用、开源库需要有对应的 CHANELOG，则添加了什么功能、修改了什么等等。毕竟有很多东西是由社区来维护的。因此，这里以做得比较好的开源项目 Angular 中为例展示。...Angular CHANGELOG 示例与些同时还有一个名为 Conventional Commits 的规范，建议采用相似的形式。

1K7 0

Angular Library 快速入门

新建 Workspace $ ng new sf-lib-app $ cd sf-lib-app $ ng serve 在介绍如何创建 Angular Library 之前，让我们来看一下 Angular...文件中添加 sf-lib 项目；在 package.json 文件中添加 ng-packagr 依赖；在 tsconfig.json 文件中添加 sf-lib 库的引用；在项目中的 projects...； sourceRoot —— library 库实际的源码目录； projectType —— 指定项目的类型； prefix —— 指定组件使用的前缀； architect —— 该对象用于配置 Angular...创建 sf-lib 组件相信 ng generate 命令对于使用过 Angular CLI 的同学来说，都不会陌生。...这里使用过 Angular Router 模块的同学，可能已经想到了解决方案： @NgModule({ imports: [HttpClientModule], declarations: [SfLibComponent

2.3K1 0

Angular v16 来了！

新的服务器端渲染功能作为 v16 版本的一部分，我们还更新了 Angular Universal 的 ng add schematics，使您能够使用独立 API 将服务器端渲染添加到项目中。...进入项目目录后运行： ng generate @angular/core:standalone 原理图将转换您的代码，删除不必要的NgModules类，并最终更改项目的引导程序以使用独立的 API。...独立 ng 新集合作为 Angular v16 的一部分，您可以从一开始就独立创建新项目！...destroy() { this.destroyRef.onDestroy(() => /* cleanup */ ); } } 自闭标签我们最近实现的一项非常受欢迎的功能允许您为 Angular...我们非常感谢所有帮助我们使这个版本变得特别的人。让我们一起保持势头！版本 16 是明年 Angular 的反应性和服务器端渲染未来改进的垫脚石。

2.5K2 0

写在2021: 值得关注学习的前端框架和工具库

前言最近在知乎看到了这么个问题：学完Vue还有必要学习React和Node吗？...Immer，思路巧妙的数据不可变方案。 Angular！ Angular 是我最近正在学的框架，在开始前我其实是拒绝的，但写了两个例子之后我觉得真香！...Ionic，出现比较早的一个跨端方案，最开始只支持Angular，现在还支持了React和Vue，暂时没有使用过。目前的了解是性能与Vue支持上存在一些问题（所以Angular YES）。...Parcel，最大的亮点是零配置，我在一些中小型项目使用过，很适合中小型规模以及只是想跑一下demo的场景，速度也挺快。...Monorepo Nx，我在用这个作为业务项目的Monorepo管理，到目前感觉都挺好，尤其是Angular + Nest项目，基于后端的GraphQL Schema生成TypeScript的类型定义和函数

2.8K1 0

ViteConf 2023结束，现在的Vite发展如何？是时候使用Vite了么？

Nuxt，毕竟我最近用的就是Nuxt3 + TailWindCSS，用Vite作为构建工具。...当然，还有生态系统的融合。每个版本都在迭代优化，使Vite成为一个更快、更易用的前端构建工具。...按需编译：Vite只在浏览器请求时才对源代码进行编译，省去了大量不必要的打包时间；这点其实要电脑性能足够，我用过公司的六代i5标压电脑，可以说…… Vite也救不了。...接下来，我们看看Vite的生态如何。主要看看各大UI/应用的框架。...More当然，还有其他框架也在逐渐适配Vite，比如：Angular在5月份支持使用Vite作为构建工具。图片为什么Angular CLI开始使用Vite?

1.1K11 3

我攻克的技术难题：时隔5年重拾前端开发，倒在了环境搭建上

背景去年不是降本增“笑”，“裁员”广进来着吗，公司有个项目因此停止了，最近又说这个项目还是很有必要的，就又重新启动这个项目了，然后让我这个“大聪明”把环境重新跑起来。...后端还好，前端我心里就犯嘀咕了，毕竟已经5年没有关注过前端了，上次写前端代码用的还是一个基于Angular构建的移动框架inoic，不知道大家用过没有。...好在这个项目前端也用的Angular框架，本以为整个过程会很顺利，然而，结果总是事与愿违。果不其然，在搭建前端开发环境时就给我上了一课，整个过程让我抓耳挠腮，遂特此记录。...环境搭建过程跟着文档操作前端文档中对环境搭建有进行说明，一共有4个步骤，大概是这样的：确认node环境，需要某个及以上版本。安装@angular/cli。安装依赖。启动项目。...与时俱进不论是几年前的前后端分离还是降本增“笑”带来的被迫全栈，还是最近“前端已死”的观点，一切都是行业发展所需要的。我们需要做到的是：不断学习和更新自己的知识和技能，以适应行业的发展和变化。

2742 0

移动端app开发，框架的选择。

从事java开发快三年了，最近公司因项目要求需要做一款app,个人对这方面兴趣比较大，于是网上收集资料，框架的选择，技术的论证，到今天项目需求的各个功能都做出了相应的demo同时也打好了框架，接下来就是完成细节的部分了...接下来自己会在github更新自己相应的demo，最后也将会更新整个项目，写博客的目的就是希望自己养成做笔记的习惯，同时鞭策自己不断的学习新的知识。...框架的选择，因为一直在关注前端方面的知识，也在学习前端，nodejs、 agularjs、bootstrap、有所涉猎，在项目中前端也用到jquery easyui html5另外html5最近比较火也打算从前端入手...AngularJS modules，比如 angular-route, angular-touch 和 angular-animate 响应式媒体查询是将bootstrap作为单独的文件，你只需要包含你所需要的东西...PhoneGap PhoneGap 恐怕是最老的一个框架了，相信很多人都已经听说过甚至使用过它，但是PhoneGap是基于开源的 Cordova 商业版本。

3.5K1 0

Angular 16 正式版发布

的 ng-add 原理图，使你能够使用独立 API 将服务器端渲染添加到项目中。...3.1 独立ng new集作为 Angular v16 的一部分，你可以一开始就创建一个新的独立项目，要尝试独立 APIs 原理图的开发预览版，请确保你在 Angular CLI v16 上并运行：...ng new --standalone 你将在没有任何NgModules的情况下获得更简单的项目目录，此外，项目中的所有生成器都将生成独立的指令、组件和管道。...ngOnDestroy Angular 的 Lifecycle Hooks 提供了大量的功能，可以插入应用程序执行的不同时刻，如何实现更高的灵活性是一种机会和选择，例如，提供对 OnDestroy as...在 v16 中，我们使 OnDestroy 可以被注入，此功能实现了开发人员一直要求的灵活性。

2.5K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭