摘要：
一、背景 设计狮童鞋总是会设计各种高大上的效果图，比如下面这个土豪金的效果。 该图中“已阅读并同意相关服务条款”前面的复选框有一个金色的边框，打钩时是一个金色的对勾。接下来说说怎样实现该效果。 二、解决方法 1、纯css解决方法 在css3 选择器（三）一文中介绍过一个选择器【:checked】选择 阅读全文
摘要：
css多栏自适应布局还是需要总结一下的，都是基本功。 一般使用position属性布局，或者用float属性布局，也可以使用display属性。 看资料说position适合首页布局，因为首页内容往往可以完全控制。float适合模板布局，模板中填充的内容无法控制。 一、左侧尺寸固定右侧自适应 1、浮 阅读全文
摘要：
一、包含块(Containing Block) 要讲position,首先就涉及到一个概念：包含块。 1、包含块介绍 包含块简单理解就是一个定位参考块，就是"大盒子里套小盒子"中那个大盒子。元素有positon属性就必然涉及到包含块。先简单总结一下。 1、初始包含块（Initial containi 阅读全文
摘要：
一、浮动介绍 历史： 浮动属性产生之初是为了实现“文字环绕”的效果，让文字环绕图片在网页实现类似word中“图文混排”。 定位方式： 浮动让元素脱离正常流，向父容器的左边或右边移动直到碰到包含容器的边【经测试碰到padding即停】或者碰到其他浮动元素。文本和行内元素将环绕浮动元素。 Note: 1 阅读全文
摘要：
一、text-overflow 1、text-overflow作用 简单来说，text-overflow用来设置文本溢出时是否用省略标记（...） 准确的说是设置溢出的文本在不显示的情况下怎样展示给用户，直接裁剪掉？用省略（...）标记？或者显示自定义的string。 2、text-overflow 阅读全文
摘要：
前提是定义了background-image属性，然后用background-attachment来指明背景图的位置是固定于视口的，还是随着包含块移动的。可简单理解为定义背景图片随滚动轴的移动方式。 取值： scroll:默认值，背景图相对于元素固定，背景随页面滚动而移动，即背景和内容绑定。 fix 阅读全文
摘要：
一、opacity属性 1、opacity 习惯上说“透明度”，其实应该叫“不透明度”。opacity 意思：不透明，而背景色的默认值：transparent意思才是“透明的”。所以opacity用来设置不透明度，取值从[0.0~1.0]，代表从完全透明到完全不透明，0.0就和transparent 阅读全文
摘要：
为什么要写这篇文章是因为 上面代码执行结果是这样的。按照我的理解，body在DOM中比html近，应该会按body h1中定义的绿色来显示文字，但是恰恰相反，文字颜色是紫色的。 原因现在我当然是知道的，因为css中优先级无视DOM树中节点的距离远近，就是说DOM树中的距离不会对元素优先级计算产生影响 阅读全文
摘要：
通用原则 OCP（开闭原则） 架构设计的主导原则。设计良好的软件应该易于扩展，同时抗拒修改。这是我们进行架构设计的主导原则，其它的原则都为这条原则服务。 USB接口满足OCP原则，各个厂商可以扩展接口实现，但是不能修改接口定义 正交性设计 “正交性”是从几何学中借来的术语。如果两条直线相交成直角，它 阅读全文
摘要：
一，容器属性 1，flex-direction 2,flex-wrap 默认会缩小Item。 3，justify-content justify-content:把所有元素打包一块放到中间。 4, 轴向的对齐方式 5， align-content (不常用，多行，多轴的时候对齐方式) align-c 阅读全文
摘要：
非常典型的grid布局。 容器container，项目Items。 二、容器属性 1、grid-template-* grid-template- * 拓展， grid-template-columns:repeat(3,100px);相当于 grid-template-columns:100px 阅读全文
摘要：
复杂的条件逻辑是编程中最难理解的东西之一，给条件逻辑添加结构。 可以将条件逻辑拆分到不同的场景（或者叫高阶用例），从而拆分条件逻辑。使用类和多态能把逻辑的拆分表述得更清楚，多态是改善复杂条件逻辑的有力工具。 有两种常见场景， 一种是，好几个函数都有基于类型的switch语句，每个类型处理各自的条件逻 阅读全文
摘要：
1，命名例子 这段代码做了什么？ public void processChapter(long chapterId) { Chapter chapter = this.repository.findByChapterId(chapterId); if (chapter == null) { thr 阅读全文
摘要：
一，开篇 软件行业名著《人月神话》中提到，本质复杂度(Essential C omplexity)和偶然复杂度（Accident Complexity）。 思考框架遵循的原则： 以终为始 任务分解 沟通反馈 自动化 优秀程序员的开发效率是普通程序员的 10 倍 Where are we?（我们现在在 阅读全文
该文被密码保护。 阅读全文
摘要：
面向对象的基本原则有，抽象、分类、封装，消息通信，多态性，行为分析和复杂性控制。 一、抽象 抽象是指从事物中舍弃个别的、非本质的特征，抽取共同的，本质特征的思维方式。 从几个方面理解抽象， 1，编程语言本身越来越抽象。 过程抽象，如，函数。 数据抽象，如，类，栈。 在类的范围内，使用过程抽象来形成操 阅读全文
摘要：
一、Effects概念 有些Action改变的是外部状态，比如发送HTTP请求，DOM更改。 把Action看成流的话，跟UI相关的数据处理是Reducer，和UI相关的状态之外的叫Effects。 一个系统就分为Action和Reducer，一个Action出来后可能会改变数据的状态，也可能带来外 阅读全文
摘要：
ng g c shared/identity-input ng g c shared/area-list 1，添加领域对象 export enum IdentityType { IdCard = 0, Insurance, Passport, Militory, Other } export int 阅读全文
摘要：
ng g c shared/chips-list 用的chips控件。 1,完成自动建议表单控件模板。 <div [formGroup]="form" class="full-width"> <span>{{label}}</span> <mat-chip-list aria-label="Fish 阅读全文
摘要：
一、Property propDD has no initializer and is not definitely assigned in the constructor 1、object类型 解决方案 检测报错代码 @Prop() propDD: object; 修改后 方式一 @Prop({ 阅读全文
摘要：
ng g s services/auth 1,领域对象中增加Auth对象。 基于token的认证。 import { User } from './user.model'; import { Err } from './error.model'; export interface Auth { us 阅读全文
摘要：
1,查询用户 根据用户email的前几个字符查找用户。在添加组员，添加任务执行者的时候都会用到。 根据条件查询出用户数组。 searchUsers(filter: string): Observable<User[]> { const uri = `${this.config.uri}/${this 阅读全文
摘要：
1,proejcts初始化赋值不需要了。 projects = [ { id: 1, name: "企业协作平台", desc: "这是一个企业内部项目", coverImg: "assets/images/covers/0.jpg" }, { id: 2, name: "自动化测试项目", des 阅读全文
摘要：
增删改查嗯ProjectService差不多 import { Task } from './../domain'; import { HttpClient } from '@angular/common/http'; import { Inject, Injectable } from '@ang 阅读全文
摘要：
增删改查跟ProjectService很像 import { TaskList } from './../domain'; import { HttpClient } from '@angular/common/http'; import { Inject, Injectable } from '@ 阅读全文