starof

摘要： 依赖注入：设计模式 依赖：程序里需要的某种类型的对象。 依赖注入框架：工程化的框架 注入器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 阅读全文