前端菜鸟
天黑,请闭眼
热爱编码,热爱技术
展开
-
angular4学习笔记一 niceFish架构、angular架构
适合新手学习观看大漠的angular2免费视频视频以及代码链接 https://gitee.com/mumu-osc/NiceFish通过学习nicefish代码,快速掌握angular2的架构写在前面 最近在学习angular2,看了看官方文档但是还是感觉不能系统掌握angular,虽然官方讲解的很清晰但是对于我这样的菜鸟来说,不结合具体的项目很难理解每一个技术要点...原创 2018-08-09 12:32:49 · 651 阅读 · 0 评论 -
angular4启动过程中组件生命周期的运行顺序(包含脏值检测的过程)
背景年前对实验室研一的同学做了一个angular专题学习的培训,培训的效果不太理想,想了想原因还是对angular中的原理不理解所致。以后再做angular项目的时候多了解一下其中的原理。本次学习angular的启动过程。Angular启动过程中生命周期钩子的运行顺序运行顺序如图所示:生命周期执行顺序:1、ngOnChanges(因本组件无输入属性 ,所以该方法没有执行)在有输入属性...原创 2019-02-16 13:47:25 · 1277 阅读 · 0 评论 -
Angular模板引用变量自动刷新
官网代码: <input #heroInput > <p>输入值:{{heroInput.value}}</p>不能实现自动显示更新原因:只有在应用做了些异步事件(如击键),Angular 才更新绑定(并最终影响到屏幕)。本例代码将keyup事件绑定到了数字0,这是可能是最短的模板语句。 虽然这个语句不做什么,但它满足 Angular 的要...原创 2019-01-15 10:24:06 · 759 阅读 · 0 评论 -
Angular组件总结
组件包括:1、模板①HTML语法:②Angular模板语法:*ngFor,{{hero.name}},click、[hero] 和 2、类(component)3、元数据涉及到的技术:1、数据绑定2、管道{{interpolated_value | pipe_name}}3、指令...原创 2019-01-07 17:33:34 · 124 阅读 · 0 评论 -
css字体库加载错误 GET http://fonts.useso.com/css?family=Raleway:200,500,700,800 net::ERR_NAME_NOT_RESOLVED
问题:在项目中遇到GET http://fonts.useso.com/css?family=Raleway:200,500,700,800 net::ERR_NAME_NOT_RESOLVED的问题,影响页面加载速度。解决方案:1、全局查找fonts.useso.com2、将所有的fonts.useso.com改为fonts.googleapis.com3、保存即可原因fonts....原创 2018-11-14 15:47:00 · 2898 阅读 · 0 评论 -
angular ng2-file-upload 上传多视频、多图片,并本地预览;后端C#接收
做好的效果展示:1、 安装ng2-file-uploadnpm install ng2-file-upload --save2、集成到module中在appmodule中:import { FileUploadModule } from 'ng2-file-upload';@NgModule({ imports: [ BrowserModule, FormsM...原创 2018-11-03 19:33:11 · 4002 阅读 · 2 评论 -
angular2的http拦截器、angular4中的httpclient拦截器
angular2中的http拦截器angular2拦截器看的比较好的博客angular4中的httpclient拦截器从angular4.3.4以后官方网站给出了官方的拦截器定义方法,请参考官网4.4.7版本...原创 2018-10-14 13:26:37 · 1578 阅读 · 0 评论 -
angular4引入ngx-bootstrap 出现 Metadata version mismatch for module
问题: ERROR in Error: Metadata version mismatch for module F:/nodejs/angular4/mybootst rap3/node_modules/@ng-bootstrap/ng-bootstrap/index.d.ts, found version 4, expect ed 3, resolving symbol AppModul...原创 2018-09-09 22:59:20 · 1299 阅读 · 0 评论 -
安装angular4,版本为什么总是angular6
想要安装angular4版本,为什么ng new my-project 总是安装的angular6版本呢?对于angular新手来说,这是一个令人头疼的问题。下面解决方案:需要了解的:angular的不同版本是因为安装的angular cli不同造成的,因为你安装angular cli的时候,一般会默认安装最新的版本,所以angular生成的angular项目也是最新版本。...原创 2018-09-05 18:53:31 · 1656 阅读 · 2 评论 -
leetcode 加一(js)
题目:给定一个非负整数组成的非空数组,在该数的基础上加一,返回一个新的数组。 最高位数字存放在数组的首位, 数组中每个元素只存储一个数字。 你可以假设除了整数 0 之外,这个整数不会以零开头。下面是我编写的代码,用时72ms/** * @param {number[]} digits * @return {number[]} */var plusOne ...原创 2018-08-19 21:04:39 · 1245 阅读 · 1 评论 -
angular4项目中引入ngx-bootstrap模块步骤
个人总结以便以后查看、为大家提供帮助,如有错误,希望多批评指正!1、引入ngx-bootstrapnpm install ngx-bootstrap -save用cnpm的把npm改为cnpm即可,这时你会发现在你的package.json中包含有ngx-bootstrap,此时引入成功,但是此时只是引入了逻辑文件,bootstrap的样式需要自己引入全局文件中 2、引入...原创 2018-08-19 16:45:45 · 1974 阅读 · 1 评论 -
angular 优质学习资源链接
以下都是我自己经常看的一些内容,这个列表会不定期更新,发现好的就加上去。文档博客书籍类官方网站: https://angular.io中文站点: https://angular.cnVictor的blog(Victor是Angular路由模块的作者): https://vsavkin.com/@vsavkinTodd Motto的Blog: https://toddmotto.com...转载 2018-08-11 20:39:46 · 445 阅读 · 0 评论 -
angular4学习笔记三 angular项目的启动过程
项目启动过程页面入口index.html页面——》程序入口main.ts加载主模块,此时项目启动——-》读取index.html内app-root标签,加载根模块并加载所有依赖。项目的启动可以在angular.json中进行设置,图片如下: 项目结构: ...原创 2018-08-11 18:45:48 · 285 阅读 · 0 评论 -
angular4 如何查看angular项目的版本号、项目结构
查看项目版本号1、新建完成项目以后打开package.json scripts下面是一些预定义的项目命令:start 是运行项目的意思, 执行npm start即可, 或者直接执行ng serve也可以.npm build / ng build 是执行构建…….不一一介绍了.然后看下dependencies:我们使用的是angular 5.2.0, 前面的^符号表示,...原创 2018-08-09 23:00:22 · 16835 阅读 · 4 评论 -
angular4学习笔记二 路由
写在前面 路由是 Angular 应用程序的核心,它加载与所请求路由相关联的组件,以及获取特定路由的相关数据。这允许我们通过控制不同的路由,获取不同的数据,从而渲染不同的页面。本次学习主要列出有关于路由的琐碎的知识点,供自己以后查找同时也方便大家共同学习,共同进步。如有错误,请多批评指正!1、创建路由新建路由,官方网站上推荐创建路由模块,但是你要知道除了AppModule之外,其...原创 2018-08-09 20:35:33 · 450 阅读 · 0 评论 -
angular4的脏值检测
背景年前对实验室研一的同学做了一个angular专题学习的培训,培训的效果不太理想,想了想原因还是对angular中的原理不理解所致。以后再做angular项目的时候多了解一下其中的原理。本次学习angular的脏值检测。怎么触发脏值检测异步事件-用户输入操作,比如点击,提交等-请求服务端数据-定时事件,比如setTimeout,setInterval触发的原理发现上面的异步事...原创 2019-02-16 14:22:41 · 3490 阅读 · 0 评论