使用Angular制作Github pages网站

GitHub Pages 是 GitHub 提供的一项服务,人们可以免费托管网站。这有助于人们为他们的博客、作品集、业务等托管个人网站。我们可以毫不费力地在 GitHub 页面上托管一个只有 HTML、CSS 和 JavaScript 的简单网站,但复杂的应用程序需要一些努力。

Angular 应用程序本身有许多附加内容,如组件、node 模块、路由等等功能。有几种方法可以在 GitHub Pages 中托管 Angular 应用程序。在这篇博客文章中,我们将看到在 GitHub Pages 中托管 Angular 应用程序的最简单方法。

阅读更多

使用Angular实现面包屑导航

面包屑导航(Breadcrumb Navigation)这个概念来自童话故事“汉赛尔和格莱特”,当汉赛尔和格莱特穿过森林时,不小心迷路了,但是他们发现沿途走过的地方都撒下了面包屑,让这些面包屑来帮助他们找到回家的路。

阅读更多

命令行打包Firefox插件

在开发过程中,您的扩展将由一个目录组成,其中包含一个manifest.json文件和扩展所需的其他文件(脚本、图标、HTML 文档等)。您需要将它们压缩到一个文件中才能上传到 AMO。

阅读更多

升级App到Tauri 2.0并配置Tauri Mobile

Tauri 2.0的新alpha.4 版本已经发布。此版本包括即将发布的Tauri 1.3版本的所有更改,此版本包含了对HTTP客户端的一些breaking change和TauriNative mobile插件的功能一些更改。

以下是从Tauri 1.3或1.4升级到Tauri 2.0.0-alpha.4的一些指引。

阅读更多

Tauri Debug

在本文中我们将详细讲解在各平台如何debug tauri项目。

阅读更多

如何设计 landing page?

如何取得「高转换率( Conversion Rate ) 」一直是销售团队最大的课题!而 Landing Page 的操作就是其中一项有效解决行销难题的秘方!

阅读更多

使用Tailwind CSS必须知道的29个组件库

Tailwind 是一个实用程序优先的 CSS 框架,提供了一整套预先设计的样式和组件,使您可以轻松创建令人惊叹的 UI,而无需自定义 CSS。

然而,即使拥有 Tailwind 大量的预先设计的样式,从头开始构建网站或应用程序仍然是一项艰巨的任务。这就是 Tailwind 组件库派上用场的地方。在本文中,我们将探索 2023 年 28 个最佳免费 Tailwind CSS 组件库,每个库都提供一组独特的组件,帮助您更快、更高效地构建下一个项目。无论您是经验丰富的 Web 开发人员还是刚刚入门,这些组件库都将使您的工作流程更加顺畅和愉快。

阅读更多

Linux下安装nodejs-源码安装

大多数情况下我们都能够使用二进制文件安装nodejs, 各种包管理生态下, 以及各种操作系统环境下的安装方式, 在我往期的博客中都有介绍.

但是有些某些系统或环境下, 或者由于个人偏好, 还是需要通过源码安装nodejs, 那么此篇文章或许对您有帮助.

关于各种二进制文件形式安装可以参考我的博客 安装并配置nodejs | 鹏叔的技术博客

阅读更多

Angular应用如何使用百度统计

Angulartics2 是一个用于 Angular 应用程序的分析工具。它可以自动跟踪导航事件并将其发送到您的分析服务提供程序,例如百度统计, Google Analytics 等。您可以通过运行npm i angulartics2在项目中开始使用 angulartics。

阅读更多

Angular Sentry前端错误监控

本教程主要讲述, Angular 项目如何整合 Sentry 实现前端应用错误上报.

1. 什么是 Sentry

sentry 是一个基于 Django 构建的现代化的实时事件日志监控、记录和聚合平台,主要用于如何快速的发现故障。支持几乎所有主流开发语言和平台,并提供了现代化 UI,它专门用于监视错误和提取执行适当的事后操作所需的所有信息,而无需使用标准用户反馈循环的任何麻烦。官方提供了多个语言的 SDK.让开发者第一时间获悉错误信息,并方便的整合进自己和团队的工作流中.官方提供 saas 版本免费版支持每天 5000 个 event.

sentry 支持自动收集和手动收集两种错误收集方法.我们能成功监控到 vue 中的错误、异常,但是还不能捕捉到异步操作、接口请求中的错误,比如接口返回 404、500 等信息,此时我们可以通过 Sentry.caputureException()进行主动上报。使用 sentry 需要结合两个部分,客户端与 sentry 服务端;客户端就像你需要去监听的对象,比如公司的前端项目,而服务端就是给你展示已搜集的错误信息,项目管理,组员等功能的一个服务平台。

这个平台可以自己搭建,也可以直接使用 sentry 提供的平台(注册可用),当然如果是公司项目,当然推荐自己搭建.

阅读更多

如何替换 Angular 的CanActivate接口

在本文中,我们将探讨 Angular 的“CanActivate”接口的弃用,并讨论如何用推荐的解决方案替换它。我们将介绍官方文档的建议以及解决此已弃用警告的替代解决方案。

阅读更多