摘要:
依赖注入:设计模式 依赖:程序里需要的某种类型的对象。 依赖注入框架:工程化的框架 注入器Injector:用它的API创建依赖的实例 Provider:怎样创建?(构造函数,工程函数) Object:组件,模块需要的依赖 依赖性注入进阶=>Angular中依赖注入框架提供父子层次注入型依赖 一、依 阅读全文
摘要:
一、Observable的冷和热 Observable 热:直播。所有的观察者,无论进来的早还是晚,看到的是同样内容的同样进度,订阅的时候得到的都是最新时刻发送的值。 Observable 冷:点播。 新的订阅者每次从头开始。 冷的Observable例子: 一开始有个订阅者, 两秒后又有个订阅者, 阅读全文
该文被密码保护。 阅读全文
摘要:
一、Egg简介绍 Express和Koa缺少约定,缺少规范,Eggjs对MVA进行约定规范,为企业框架而生。 特性: 约定优于定义。 基于Egg定制上层框架。 高度可扩展插件机制。 内置多进程管理。对比Nodejs。 框架稳定,测试覆盖率高。 渐进式开发。模块——》插件——》框架的演变。 Egg在阿 阅读全文
摘要:
一、路由动画 路由动画需要在host元数据中指定触发器。动画注意不要过多,否则适得其反。 内容优先,引导用户去注意到某个内容。动画只是辅助手段。 在router.animate.ts中定义一个进场动画,一个离场动画。 因为进场动画和离场动画用的特别频繁,有一个别名叫:enter和:leave。 im 阅读全文
摘要:
一、相关概念 数据流是用户行为和响应的抽象 使用数据流帮助我们明确流行为对应的响应。 React和数据流 需要数据流做支撑。 主流数据流框架——Redux 简单\单一的状态树。 Redux React 安装: npm install react-redux redux https://redux.j 阅读全文
摘要:
Angular动画基于W3C的Web Animations标准。不在Angular Core中了。 组件里面定义一个或多个触发器trigger,每个触发器有一系列的状态和过渡效果来实现。 动画其实就是从一个状态过渡到另一个状态。状态本身包含形状,颜色,大小等。 核心是State和Transition 阅读全文
摘要:
新建一个任务Module $ ng g m task 功能:项目列表显示,增加,修改,删除项目。邀请其它人员加入项目。 单一性原则:希望搭建多个组件,每个组件负责自己的功能。 一、task相关组件 task-home是顶级容器包含了所有内容,task-home中有多个task-list,每个task 阅读全文
摘要:
$ ng g m project 功能:项目列表显示,增加,修改,删除项目。邀请其它人员加入项目。 单一性原则:希望搭建多个组件,每个组件负责自己的功能。 一、project相关组件 $ ng g c project/project-list 【项目列表组件】 $ ng g c project/pr 阅读全文
摘要:
Material design调色板 https://www.materialpalette.com/ 明暗:虽然颜色不变,但是针对白天黑夜有做不同处理。同一种颜色,根据主题去调节颜色深浅,亮度。 叠加:对话框,弹出菜单,事先是没有加载的。是叠加到页面上的。怎样对叠加的元素添加主题? 一、使用Mat 阅读全文
摘要:
一、登录module 1、先创建domain文件夹,在里面建一个user.model.ts的user领域对象。 2、ng g m login创建一个login module. 在login下创建一个login组件。 3、在login下建立一个login-routing.module.ts子路由。 【 阅读全文
摘要:
一、XSS攻击 Cross Site Scripting跨站脚本攻击 利用js和DOM攻击。 盗用cookie,获取敏感信息 破坏正常页面结构,插入恶意内容(广告..) 劫持前端逻辑 DDos攻击效果——分布式拒绝服务攻击 Server Limit Dos,Http header过长,server返 阅读全文
摘要:
官网: https://material.io/design/ https://meterial.io/components 优秀的Meterial design站点: http://materialdesignblog.com/ 并不是万能的,都有约束条件。 优点:兼容性好,可扩展性强,可测试性好 阅读全文
摘要:
1、运行ng serve的时候卡在95% emitting LicenseWebpackPlugin 放弃使用cnpm,使用yarn 删除node_modules (不需要删除project目录重新ng new) 安装yarn:npm install --global yarn 配置仓库: npm 阅读全文
摘要:
node -v v10.13.0 npm --version 6.4.1 ng --version Angular CLI: 7.1.0 cnpm:https://npm.taobao.org/ 工程:testmgr 核心模块:任何项目下都有,只加载一次的。 非特性模块:服务模块,reducer模块 阅读全文
摘要:
一、Redux是什么 状态是什么?状态是影响到UI改变的数据,包括显示的内容,操作。 状态是碎片化的,存在各个component和service中。 Redux是状态的集中管理。 Redux:是全局的、唯一的、不可改变的内存状态【数据库】 它不会改变它原有的状态,每次返回一个新的状态。 二、redu 阅读全文
摘要:
一、过滤类操作符:debounce, debounceTime 跟时间相关的过滤 debounceTime自动完成:性能,避免每次请求都往出发 const length$ =Rx.Observable.fromEvent(length,'keyup').pluck('target','value') 阅读全文
摘要:
take()自动取消订阅,可以终止Observable和Observe之间的订阅关系。 一、Observable的性质 三种状态:nex, error, complete 进入到Error状态: const interval$ = Rx.Observable.interval(1000) .filt 阅读全文
摘要:
https://rxmarbles.com/ 图解rxjs: https://reactive.how/ rx相当于js里面的Loaddash或者underscore之类的。 一、创建类操作符 创建类操作符是连接传统编程和响应式编程的强梁 from: 可以把数组、Promise、以及Iterable 阅读全文
摘要:
Rx,Reactive Extension,源于微软,火于NetFlix。 进去官网,点Language选择rxjs,到官方github, 再到rxjs官方网站https://rxjs.dev/。 在线编辑器jsbin. CDN:https://unpkg.com/rxjs/bundles/rxjs 阅读全文