摘要:一、背景 设计狮童鞋总是会设计各种高大上的效果图,比如下面这个土豪金的效果。 该图中“已阅读并同意相关服务条款”前面的复选框有一个金色的边框,打钩时是一个金色的对勾。接下来说说怎样实现该效果。 二、解决方法 1、纯css解决方法 在css3 选择器(三)一文中介绍过一个选择器【:checked】选择 阅读全文
posted @ 2015-10-27 12:51 starof 阅读(14459) 评论(4) 推荐(6) 编辑
摘要:css多栏自适应布局还是需要总结一下的,都是基本功。 一般使用position属性布局,或者用float属性布局,也可以使用display属性。 看资料说position适合首页布局,因为首页内容往往可以完全控制。float适合模板布局,模板中填充的内容无法控制。 一、左侧尺寸固定右侧自适应 1、浮 阅读全文
posted @ 2015-08-20 15:55 starof 阅读(6765) 评论(7) 推荐(6) 编辑
摘要:一、包含块(Containing Block) 要讲position,首先就涉及到一个概念:包含块。 1、包含块介绍 包含块简单理解就是一个定位参考块,就是"大盒子里套小盒子"中那个大盒子。元素有positon属性就必然涉及到包含块。先简单总结一下。 1、初始包含块(Initial containi 阅读全文
posted @ 2015-07-13 22:45 starof 阅读(3142) 评论(1) 推荐(4) 编辑
摘要:一、浮动介绍 历史: 浮动属性产生之初是为了实现“文字环绕”的效果,让文字环绕图片在网页实现类似word中“图文混排”。 定位方式: 浮动让元素脱离正常流,向父容器的左边或右边移动直到碰到包含容器的边【经测试碰到padding即停】或者碰到其他浮动元素。文本和行内元素将环绕浮动元素。 Note: 1 阅读全文
posted @ 2015-07-06 23:13 starof 阅读(10117) 评论(7) 推荐(9) 编辑
摘要:一、text-overflow 1、text-overflow作用 简单来说,text-overflow用来设置文本溢出时是否用省略标记(...) 准确的说是设置溢出的文本在不显示的情况下怎样展示给用户,直接裁剪掉?用省略(...)标记?或者显示自定义的string。 2、text-overflow 阅读全文
posted @ 2015-05-30 23:21 starof 阅读(1888) 评论(0) 推荐(2) 编辑
摘要:前提是定义了background-image属性,然后用background-attachment来指明背景图的位置是固定于视口的,还是随着包含块移动的。可简单理解为定义背景图片随滚动轴的移动方式。 取值: scroll:默认值,背景图相对于元素固定,背景随页面滚动而移动,即背景和内容绑定。 fix 阅读全文
posted @ 2015-05-19 17:25 starof 阅读(23759) 评论(2) 推荐(4) 编辑
摘要:一、opacity属性 1、opacity 习惯上说“透明度”,其实应该叫“不透明度”。opacity 意思:不透明,而背景色的默认值:transparent意思才是“透明的”。所以opacity用来设置不透明度,取值从[0.0~1.0],代表从完全透明到完全不透明,0.0就和transparent 阅读全文
posted @ 2015-05-19 14:23 starof 阅读(3490) 评论(0) 推荐(0) 编辑
摘要:为什么要写这篇文章是因为 上面代码执行结果是这样的。按照我的理解,body在DOM中比html近,应该会按body h1中定义的绿色来显示文字,但是恰恰相反,文字颜色是紫色的。 原因现在我当然是知道的,因为css中优先级无视DOM树中节点的距离远近,就是说DOM树中的距离不会对元素优先级计算产生影响 阅读全文
posted @ 2015-04-07 09:28 starof 阅读(24544) 评论(2) 推荐(4) 编辑
摘要:面向对象的基本原则有,抽象、分类、封装,消息通信,多态性,行为分析和复杂性控制。 一、抽象 抽象是指从事物中舍弃个别的、非本质的特征,抽取共同的,本质特征的思维方式。 从几个方面理解抽象, 1,编程语言本身越来越抽象。 过程抽象,如,函数。 数据抽象,如,类,栈。 在类的范围内,使用过程抽象来形成操 阅读全文
posted @ 2021-05-18 07:50 starof 阅读(6) 评论(0) 推荐(0) 编辑
摘要:一、Effects概念 有些Action改变的是外部状态,比如发送HTTP请求,DOM更改。 把Action看成流的话,跟UI相关的数据处理是Reducer,和UI相关的状态之外的叫Effects。 一个系统就分为Action和Reducer,一个Action出来后可能会改变数据的状态,也可能带来外 阅读全文
posted @ 2021-04-15 08:09 starof 阅读(23) 评论(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 阅读(25) 评论(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 阅读(19) 评论(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 阅读(36) 评论(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 阅读(43) 评论(0) 推荐(0) 编辑
摘要:1,查询用户 根据用户email的前几个字符查找用户。在添加组员,添加任务执行者的时候都会用到。 根据条件查询出用户数组。 searchUsers(filter: string): Observable<User[]> { const uri = `${this.config.uri}/${this 阅读全文
posted @ 2021-02-26 08:13 starof 阅读(25) 评论(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 阅读(25) 评论(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 阅读(13) 评论(0) 推荐(0) 编辑
摘要:增删改查跟ProjectService很像 import { TaskList } from './../domain'; import { HttpClient } from '@angular/common/http'; import { Inject, Injectable } from '@ 阅读全文
posted @ 2021-02-24 06:29 starof 阅读(11) 评论(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 阅读(19) 评论(0) 推荐(0) 编辑
摘要:高阶级操作符,拍扁的作用。 一、FlatMap 在Rxjs中FlatMap等价于mergeMap。 二、SwitchMap mergeMap保证所有的订阅。 switchMap一旦有新的外层元素,抛弃掉 mergeMap: switchMap: 阅读全文
posted @ 2021-02-23 07:24 starof 阅读(12) 评论(0) 推荐(0) 编辑
该文被密码保护。 阅读全文
posted @ 2021-02-22 08:45 starof 阅读(0) 评论(0) 推荐(0) 编辑
摘要:响应式表单也叫模型驱动型表单。 有三个重要元素FormControl,FormGroup和FormBuilder。还有一个FormArray。 验证器和异步验证器。 动态指定验证器。条件改变验证方式改变。 自定义FormControl。用于表单过于复杂之后,逻辑难以理清楚。把复杂问题拆成若干简单问题 阅读全文
posted @ 2021-02-18 08:15 starof 阅读(31) 评论(0) 推荐(0) 编辑
摘要:模板驱动型表单:所有逻辑都在html中,包括数据校验逻辑和变量定义都在html中。 响应式表单:把功能性的内容移到了代码里面。 动态表单:表单几乎全部是用代码创建的。 模板驱动表单: #form="ngForm" #password="ngModel" 响应式表单: formBuilder 动态表单 阅读全文
posted @ 2021-02-16 16:51 starof 阅读(21) 评论(0) 推荐(0) 编辑
摘要:一、GraphQL Facebook产品,跟React一样。 描述型的查询语言,可以把我们需要的资源全描述成类型。使用的时候我们可以只取得我们需要的字段。 非常方便的添加和废弃字段。 按需请求:后台给我提供我需要的字段 前端追求传输数据的Size。按需查询这样特别好。 二, GraphQL与rest 阅读全文
posted @ 2021-01-06 08:08 starof 阅读(81) 评论(0) 推荐(0) 编辑
摘要:Angular CLI借助 Amber CLI创建目录, Webpack 测试打包。 使用 1、安装Node 参考:前端构建工具gulp使用 2、安装cnpm npm install -g cnpm --registry $ npm install -g cnpm --registry=https: 阅读全文
posted @ 2020-12-04 09:51 starof 阅读(56) 评论(0) 推荐(0) 编辑
摘要:作者:张铁蕾链接:https://www.zhihu.com/question/49618581/answer/117107570来源:知乎著作权归作者所有,转载请联系作者获得授权。 首先,从大的方面说,这篇文档的名字,虽然叫“Backpressure”(背压),但却是在讲述一个更大的话题,“Flo 阅读全文
posted @ 2020-11-29 19:28 starof 阅读(133) 评论(0) 推荐(0) 编辑
摘要:Java8允许在接口中加入具体方法。 接口中的具体方法有两种,default方法和static方法,identity()就是Function接口的一个静态方法。 Function.identity()返回一个输出跟输入一样的Lambda表达式对象,等价于形如t->t 形式的Lambda表达式。 pr 阅读全文
posted @ 2020-11-22 21:14 starof 阅读(385) 评论(0) 推荐(0) 编辑
摘要:webpack打包时出现 Error: ENOENT: no such file or directory, scandir 解决方案是执行以下方法: npm rebuild node-sass 可是有时就是网络问题导致上面命令安装失败,查下失败提示,有可能是 Cannot download "ht 阅读全文
posted @ 2020-11-16 08:42 starof 阅读(334) 评论(0) 推荐(0) 编辑