Angular的学习之旅~

297 阅读1分钟

前言

Angular这门语言目前在国内热度并不是很大,且入门成本相比于vue等技术框架眼难很多,但是Angular这门框架的优点也有很多,所以如果你也选择了Angular~,那就跟我一起来学习吧!

特点

  • 跨平台
  • 代码生成
  • 集成测试
  • 格式统一,更利于维护

配置环境

首先需要先下载node:官网下载即可
随后利用npm下载CLi
npm install -g @angular/cli
然后创建一个小demo
ng new my-app
创建完成之后安装依赖
npm i 或可以使用 yarn速度会更快一些
装完依赖之后呢,可以试着运行起来
npm run start / yarn start
访问 http://localhost:4200/ 如果可以看到这个页面就ok啦~

AngularCli中常用的指令

目前遇到的问题

在css文件中修改zorroAntd中的样式不起作用(只需要在className前加 ::ng-deep就🆗了

还有就是RXjs的一些问题,比如如果离开当前页面如何停止轮询(interval)这个问题可以将以当前页面的路由地址作为判断然后设置为可观察对象,最后通过withLatestFromding订阅然后用filter进行过滤就🆗了

withLatestFrom(可观察对象),
filter(([, y]) => y),

另外给大家推荐一个配色网站 毒蘑菇

1、如果服务端 set-Cookie 有返回值,但是浏览器的cookie并未写入,此时应检查前端是否配置了proxy