前沿web开发框架

Angular

Angular 是一个开发平台。它能帮你更轻松的构建 Web 应用。Angular 集声明式模板、依赖注入、端到端工具和一些最佳实践于一身,为你解决开发方面的各种挑战。Angular 为开发者提升构建 Web、手机或桌面应用的能力。

Angular SEO的一些方法

2020年08月03日

最近Angular程序上线运行了一段时间,但是搜索引擎一直没有收录。看来主要还是Angular是javascript程序,对于搜索引擎不是很友好。经过一天的测试,使用Angular @nguniversal/express-engine,也并不是很好,API请求数据,也是需要再浏览器渲染,无法呈现。这样网页内容也很少,也不利于搜索引擎收录。这篇文章主要写了一些关于Angular SEO的一些方法,...

no component factory found,did you add it to @NgModule.entryComponents?

2020年07月29日

最近禁用Ivy,具体配置如下:tsconfig.json:"angularCompilerOptions": { "fullTemplateTypeCheck": true, "enableIvy": false, "strictInjectionParameters": true}编译项目,部署之后有一些动态加载项目,报如下错误:no component factory found,did...

Angular [innerHTML] styles不起作用

2020年07月26日

最近在使用Angular [innerHTML]获取后端内容,但是scss文件定义内容样式,不起作用,具体代码如下:<div class="rich-text" [innerHTML]="html"></div>styles.scss:.rich-text, p { line-height: 1.625; font-size: 16px; letter-spacing: 0;}.rich-t...

angular robots.txt sitemap.xml

2020年07月24日

最近使用Chrome Lighthouse检查网站的时候,提示没有找到robots.txt文件,如何在Angular项目中设置robots.txt文件呢?下面是具体步骤:首先在src/目录下面新建robots.txt和sitemap.xml文件如下图所示:之后设置angular.json文件,找到build节点下面的assets标签,加入如下内容:angular.json:"build": { ...

Angular FormGroup和FormControl示例

2020年07月23日

处理表单是一件非常麻烦的事,主要体现在以下几个方面:1、单个表单需要检查输入;2、同时需要验证(电话号码,邮件,字符等),并给出提示;3、在最后提交时,需要检查所有表单是否填写有问题。综合上面一些问题,这里有一个Angular表单,做一些总结:<form [formGroup]="noticeFormGroup"> <mat-form-field appearance="outline"> ...

angular markdown

2020年07月22日

在Angular 2中可以markdown插件,可以使用这个:ngx-markdown具体项目地址:github - ngx-markdown同时这里很详细的介绍了如何开始,地址:ngx-markdown Get Started

angular adsense

2020年07月22日

在Angular中如果需要投放google adsense广告,可以使用这个ng2-adsense组件。具体使用方法可以参考这里:ng2-adsense同时还给出了一个Demo,地址:https://ng2-adsense.xmplaylist.com/

Budget 15 kB was not met by 66 bytes with a total of 15.1 kB.

2020年07月22日

今天在修改Angualr代码的时候,增加了几个样式,编译的时候报出如下错误:Budget 15 kB was not met by 66 bytes with a total of 15.1 kB.出现这个问题的原因:性能预算是对影响网站性能的某些值的一组限制,在任何Web项目的设计和开发中都不能超过这些限制。也就是说:为了性能考虑,css文件不能太大,否则加载缓慢。解决方案:打开angular....