摘要:一、背景 设计狮童鞋总是会设计各种高大上的效果图,比如下面这个土豪金的效果。 该图中“已阅读并同意相关服务条款”前面的复选框有一个金色的边框,打钩时是一个金色的对勾。接下来说说怎样实现该效果。 二、解决方法 1、纯css解决方法 在css3 选择器(三)一文中介绍过一个选择器【:checked】选择 阅读全文
posted @ 2015-10-27 12:51 starof 阅读(14801) 评论(4) 推荐(6) 编辑
摘要:css多栏自适应布局还是需要总结一下的,都是基本功。 一般使用position属性布局,或者用float属性布局,也可以使用display属性。 看资料说position适合首页布局,因为首页内容往往可以完全控制。float适合模板布局,模板中填充的内容无法控制。 一、左侧尺寸固定右侧自适应 1、浮 阅读全文
posted @ 2015-08-20 15:55 starof 阅读(6942) 评论(7) 推荐(6) 编辑
摘要:一、包含块(Containing Block) 要讲position,首先就涉及到一个概念:包含块。 1、包含块介绍 包含块简单理解就是一个定位参考块,就是"大盒子里套小盒子"中那个大盒子。元素有positon属性就必然涉及到包含块。先简单总结一下。 1、初始包含块(Initial containi 阅读全文
posted @ 2015-07-13 22:45 starof 阅读(3361) 评论(1) 推荐(4) 编辑
摘要:一、浮动介绍 历史: 浮动属性产生之初是为了实现“文字环绕”的效果,让文字环绕图片在网页实现类似word中“图文混排”。 定位方式: 浮动让元素脱离正常流,向父容器的左边或右边移动直到碰到包含容器的边【经测试碰到padding即停】或者碰到其他浮动元素。文本和行内元素将环绕浮动元素。 Note: 1 阅读全文
posted @ 2015-07-06 23:13 starof 阅读(10753) 评论(8) 推荐(10) 编辑
摘要:一、text-overflow 1、text-overflow作用 简单来说,text-overflow用来设置文本溢出时是否用省略标记(...) 准确的说是设置溢出的文本在不显示的情况下怎样展示给用户,直接裁剪掉?用省略(...)标记?或者显示自定义的string。 2、text-overflow 阅读全文
posted @ 2015-05-30 23:21 starof 阅读(1983) 评论(0) 推荐(2) 编辑
摘要:前提是定义了background-image属性,然后用background-attachment来指明背景图的位置是固定于视口的,还是随着包含块移动的。可简单理解为定义背景图片随滚动轴的移动方式。 取值: scroll:默认值,背景图相对于元素固定,背景随页面滚动而移动,即背景和内容绑定。 fix 阅读全文
posted @ 2015-05-19 17:25 starof 阅读(25395) 评论(2) 推荐(4) 编辑
摘要:一、opacity属性 1、opacity 习惯上说“透明度”,其实应该叫“不透明度”。opacity 意思:不透明,而背景色的默认值:transparent意思才是“透明的”。所以opacity用来设置不透明度,取值从[0.0~1.0],代表从完全透明到完全不透明,0.0就和transparent 阅读全文
posted @ 2015-05-19 14:23 starof 阅读(3651) 评论(0) 推荐(0) 编辑
摘要:为什么要写这篇文章是因为 上面代码执行结果是这样的。按照我的理解,body在DOM中比html近,应该会按body h1中定义的绿色来显示文字,但是恰恰相反,文字颜色是紫色的。 原因现在我当然是知道的,因为css中优先级无视DOM树中节点的距离远近,就是说DOM树中的距离不会对元素优先级计算产生影响 阅读全文
posted @ 2015-04-07 09:28 starof 阅读(25087) 评论(2) 推荐(4) 编辑
摘要:复杂的条件逻辑是编程中最难理解的东西之一,给条件逻辑添加结构。 可以将条件逻辑拆分到不同的场景(或者叫高阶用例),从而拆分条件逻辑。使用类和多态能把逻辑的拆分表述得更清楚,多态是改善复杂条件逻辑的有力工具。 有两种常见场景, 一种是,好几个函数都有基于类型的switch语句,每个类型处理各自的条件逻 阅读全文
posted @ 2021-07-08 08:39 starof 阅读(21) 评论(0) 推荐(0) 编辑
摘要:1,命名例子 这段代码做了什么? public void processChapter(long chapterId) { Chapter chapter = this.repository.findByChapterId(chapterId); if (chapter == null) { thr 阅读全文
posted @ 2021-07-06 07:06 starof 阅读(18) 评论(0) 推荐(0) 编辑
摘要:一,开篇 软件行业名著《人月神话》中提到,本质复杂度(Essential C omplexity)和偶然复杂度(Accident Complexity)。 思考框架遵循的原则: 以终为始 任务分解 沟通反馈 自动化 优秀程序员的开发效率是普通程序员的 10 倍 Where are we?(我们现在在 阅读全文
posted @ 2021-07-01 07:36 starof 阅读(20) 评论(0) 推荐(0) 编辑
该文被密码保护。 阅读全文
posted @ 2021-06-17 08:08 starof 阅读(0) 评论(0) 推荐(0) 编辑
摘要:面向对象的基本原则有,抽象、分类、封装,消息通信,多态性,行为分析和复杂性控制。 一、抽象 抽象是指从事物中舍弃个别的、非本质的特征,抽取共同的,本质特征的思维方式。 从几个方面理解抽象, 1,编程语言本身越来越抽象。 过程抽象,如,函数。 数据抽象,如,类,栈。 在类的范围内,使用过程抽象来形成操 阅读全文
posted @ 2021-05-18 07:50 starof 阅读(70) 评论(0) 推荐(0) 编辑
摘要:一、Effects概念 有些Action改变的是外部状态,比如发送HTTP请求,DOM更改。 把Action看成流的话,跟UI相关的数据处理是Reducer,和UI相关的状态之外的叫Effects。 一个系统就分为Action和Reducer,一个Action出来后可能会改变数据的状态,也可能带来外 阅读全文
posted @ 2021-04-15 08:09 starof 阅读(77) 评论(0) 推荐(0) 编辑
摘要:ng g c shared/identity-input ng g c shared/area-list 1,添加领域对象 export enum IdentityType { IdCard = 0, Insurance, Passport, Militory, Other } export int 阅读全文
posted @ 2021-03-05 08:32 starof 阅读(44) 评论(0) 推荐(0) 编辑
摘要:ng g c shared/chips-list 用的chips控件。 1,完成自动建议表单控件模板。 <div [formGroup]="form" class="full-width"> <span>{{label}}</span> <mat-chip-list aria-label="Fish 阅读全文
posted @ 2021-03-03 07:19 starof 阅读(32) 评论(0) 推荐(0) 编辑
摘要:一、Property propDD has no initializer and is not definitely assigned in the constructor 1、object类型 解决方案 检测报错代码 @Prop() propDD: object; 修改后 方式一 @Prop({ 阅读全文
posted @ 2021-03-03 07:15 starof 阅读(80) 评论(0) 推荐(0) 编辑
摘要:ng g s services/auth 1,领域对象中增加Auth对象。 基于token的认证。 import { User } from './user.model'; import { Err } from './error.model'; export interface Auth { us 阅读全文
posted @ 2021-02-27 23:05 starof 阅读(80) 评论(0) 推荐(0) 编辑
摘要:1,查询用户 根据用户email的前几个字符查找用户。在添加组员,添加任务执行者的时候都会用到。 根据条件查询出用户数组。 searchUsers(filter: string): Observable<User[]> { const uri = `${this.config.uri}/${this 阅读全文
posted @ 2021-02-26 08:13 starof 阅读(45) 评论(0) 推荐(0) 编辑
摘要:1,proejcts初始化赋值不需要了。 projects = [ { id: 1, name: "企业协作平台", desc: "这是一个企业内部项目", coverImg: "assets/images/covers/0.jpg" }, { id: 2, name: "自动化测试项目", des 阅读全文
posted @ 2021-02-25 08:32 starof 阅读(51) 评论(0) 推荐(0) 编辑
摘要:增删改查嗯ProjectService差不多 import { Task } from './../domain'; import { HttpClient } from '@angular/common/http'; import { Inject, Injectable } from '@ang 阅读全文
posted @ 2021-02-24 07:04 starof 阅读(26) 评论(0) 推荐(0) 编辑
摘要:增删改查跟ProjectService很像 import { TaskList } from './../domain'; import { HttpClient } from '@angular/common/http'; import { Inject, Injectable } from '@ 阅读全文
posted @ 2021-02-24 06:29 starof 阅读(30) 评论(0) 推荐(0) 编辑
摘要:建立领域对象并在domain中建立一个index.ts用于组织文件。在index.ts中导出所有的领域对象。 1,新建project.service,加add方法。 import { Project } from './../domain'; import { HttpClient } from ' 阅读全文
posted @ 2021-02-23 08:58 starof 阅读(33) 评论(0) 推荐(0) 编辑
摘要:高阶级操作符,拍扁的作用。 一、FlatMap 在Rxjs中FlatMap等价于mergeMap。 二、SwitchMap mergeMap保证所有的订阅。 switchMap一旦有新的外层元素,抛弃掉 mergeMap: switchMap: 阅读全文
posted @ 2021-02-23 07:24 starof 阅读(30) 评论(0) 推荐(0) 编辑
该文被密码保护。 阅读全文
posted @ 2021-02-22 08:45 starof 阅读(0) 评论(0) 推荐(0) 编辑
摘要:响应式表单也叫模型驱动型表单。 有三个重要元素FormControl,FormGroup和FormBuilder。还有一个FormArray。 验证器和异步验证器。 动态指定验证器。条件改变验证方式改变。 自定义FormControl。用于表单过于复杂之后,逻辑难以理清楚。把复杂问题拆成若干简单问题 阅读全文
posted @ 2021-02-18 08:15 starof 阅读(66) 评论(0) 推荐(1) 编辑
摘要:模板驱动型表单:所有逻辑都在html中,包括数据校验逻辑和变量定义都在html中。 响应式表单:把功能性的内容移到了代码里面。 动态表单:表单几乎全部是用代码创建的。 模板驱动表单: #form="ngForm" #password="ngModel" 响应式表单: formBuilder 动态表单 阅读全文
posted @ 2021-02-16 16:51 starof 阅读(46) 评论(0) 推荐(0) 编辑
摘要:一、GraphQL Facebook产品,跟React一样。 描述型的查询语言,可以把我们需要的资源全描述成类型。使用的时候我们可以只取得我们需要的字段。 非常方便的添加和废弃字段。 按需请求:后台给我提供我需要的字段 前端追求传输数据的Size。按需查询这样特别好。 二, GraphQL与rest 阅读全文
posted @ 2021-01-06 08:08 starof 阅读(102) 评论(0) 推荐(0) 编辑