摘要: 一、背景 设计狮童鞋总是会设计各种高大上的效果图,比如下面这个土豪金的效果。 该图中“已阅读并同意相关服务条款”前面的复选框有一个金色的边框,打钩时是一个金色的对勾。接下来说说怎样实现该效果。 二、解决方法 1、纯css解决方法 在css3 选择器(三)一文中介绍过一个选择器【:checked】选择阅读全文
posted @ 2015-10-27 12:51 starof 阅读(11907) 评论(3) 编辑
摘要: css多栏自适应布局还是需要总结一下的,都是基本功。 一般使用position属性布局,或者用float属性布局,也可以使用display属性。 看资料说position适合首页布局,因为首页内容往往可以完全控制。float适合模板布局,模板中填充的内容无法控制。 一、左侧尺寸固定右侧自适应 1、浮阅读全文
posted @ 2015-08-20 15:55 starof 阅读(5189) 评论(6) 编辑
摘要: 一、包含块(Containing Block) 要讲position,首先就涉及到一个概念:包含块。 1、包含块介绍 包含块简单理解就是一个定位参考块,就是"大盒子里套小盒子"中那个大盒子。元素有positon属性就必然涉及到包含块。先简单总结一下。 1、初始包含块(Initial containi阅读全文
posted @ 2015-07-13 22:45 starof 阅读(1145) 评论(0) 编辑
摘要: 一、浮动介绍 历史: 浮动属性产生之初是为了实现“文字环绕”的效果,让文字环绕图片在网页实现类似word中“图文混排”。 定位方式: 浮动让元素脱离正常流,向父容器的左边或右边移动直到碰到包含容器的边【经测试碰到padding即停】或者碰到其他浮动元素。文本和行内元素将环绕浮动元素。 Note: 1阅读全文
posted @ 2015-07-06 23:13 starof 阅读(6658) 评论(7) 编辑
摘要: 一、text-overflow 1、text-overflow作用 简单来说,text-overflow用来设置文本溢出时是否用省略标记(...) 准确的说是设置溢出的文本在不显示的情况下怎样展示给用户,直接裁剪掉?用省略(...)标记?或者显示自定义的string。 2、text-overflow阅读全文
posted @ 2015-05-30 23:21 starof 阅读(928) 评论(0) 编辑
摘要: 前提是定义了background-image属性,然后用background-attachment来指明背景图的位置是固定于视口的,还是随着包含块移动的。可简单理解为定义背景图片随滚动轴的移动方式。 取值: scroll:默认值,背景图相对于元素固定,背景随页面滚动而移动,即背景和内容绑定。 fix阅读全文
posted @ 2015-05-19 17:25 starof 阅读(13678) 评论(2) 编辑
摘要: 一、opacity属性 1、opacity 习惯上说“透明度”,其实应该叫“不透明度”。opacity 意思:不透明,而背景色的默认值:transparent意思才是“透明的”。所以opacity用来设置不透明度,取值从[0.0~1.0],代表从完全透明到完全不透明,0.0就和transparent阅读全文
posted @ 2015-05-19 14:23 starof 阅读(1907) 评论(0) 编辑
摘要: 为什么要写这篇文章是因为 上面代码执行结果是这样的。按照我的理解,body在DOM中比html近,应该会按body h1中定义的绿色来显示文字,但是恰恰相反,文字颜色是紫色的。 原因现在我当然是知道的,因为css中优先级无视DOM树中节点的距离远近,就是说DOM树中的距离不会对元素优先级计算产生影响阅读全文
posted @ 2015-04-07 09:28 starof 阅读(17786) 评论(2) 编辑
11
该文被密码保护。
posted @ 2019-06-09 15:33 starof 阅读(1) 评论(0) 编辑
摘要: 结构型指令 *是一个语法糖,<a *ngIf="user.login">退出</a>相当于 <ng-template [ngIf]="user.login"> <a>退出</a> </ng-template> 避免了写ng-template。 结构型指令为什么能改变结构? ngIf源码 set方法标阅读全文
posted @ 2019-04-07 18:53 starof 阅读(85) 评论(1) 编辑
摘要: 指令 组件是一种带模版的指令。指令是超级。 结构型指令(改变布局)和属性型指令(改变外观和行为)。 Renderer2和ElementRef Angular不提倡直接操作DOM 对于DOM的操作应该通过Renderer2进行。 ElementRef是指向DOM元素的引用 拖拽指令实例 1、新建dir阅读全文
posted @ 2019-04-07 17:35 starof 阅读(296) 评论(0) 编辑
摘要: ChangeDection 检测程序内部状态,然后反映到UI上。 引起状态变化:Events,XHR,Timers ApplicationRef监听NgZone的onTurnDone,然后执行检测。 OnPush状态完全由外部决定,内部不会去改变状态。 例子: 把聪明组件project-list变成阅读全文
posted @ 2019-04-06 15:54 starof 阅读(47) 评论(0) 编辑
摘要: 依赖注入:设计模式 依赖:程序里需要的某种类型的对象。 依赖注入框架:工程化的框架 注入者Injector:用它的API创建依赖的实例 Provider:怎样创建?(构造函数,工程函数) Object:组件,模块需要的依赖 依赖性注入进阶=>父子层次依赖 一、依赖注入 问题:Person需要清楚的知阅读全文
posted @ 2019-04-06 15:10 starof 阅读(47) 评论(0) 编辑
摘要: 一、Observable的冷和热 Observable 热:直播。所有的观察者,无论进来的早还是晚,看到的是同样内容的同样进度,订阅的时候得到的都是最新时刻发送的值。 Observable 冷:点播。 新的订阅者每次从头开始。 冷的Observable例子: 一开始有个订阅者, 两秒后又有个订阅者,阅读全文
posted @ 2019-03-10 17:15 starof 阅读(317) 评论(0) 编辑
Egg
该文被密码保护。
posted @ 2019-02-25 20:31 starof 阅读(1) 评论(0) 编辑
摘要: 一、Egg简介绍 Express和Koa缺少约定,缺少规范,Eggjs对MVA进行约定规范,为企业框架而生。 特性: 基于Egg定制上层框架。 高度可扩展插件机制。 内置多进程管理。对比Nodejs。 框架稳定,测试覆盖率高。 渐进式开发。模块——》插件——》框架的演变。 Egg在阿里: Node.阅读全文
posted @ 2019-02-25 20:30 starof 阅读(407) 评论(0) 编辑
摘要: 一、路由动画 路由动画需要在host元数据中指定触发器。动画注意不要过多,否则适得其反。 内容优先,引导用户去注意到某个内容。动画只是辅助手段。 定义一个进场动画,一个离场动画。 因为进场动画和离场动画用的特别频繁,有一个别名叫:enter和:leave。 在project-list中使用路由动画。阅读全文
posted @ 2019-02-10 21:18 starof 阅读(92) 评论(0) 编辑
摘要: 一、相关概念 数据流是用户行为和响应的抽象 使用数据流帮助我们明确流行为对应的响应。 React和数据流 需要数据流做支撑。 主流数据流框架——Redux 简单\单一的状态树。 Redux React 安装: npm install react-redux redux https://redux.j阅读全文
posted @ 2019-01-06 14:50 starof 阅读(93) 评论(0) 编辑
摘要: Angular动画基于W3C的Web Animations标准。不在Angular Core中了。 组件里面定义一个或多个触发器trigger,每个触发器有一系列的状态和过渡效果来实现。 动画其实就是从一个状态过渡到另一个状态。状态本身包含形状,颜色,大小等。 核心是State和Transition阅读全文
posted @ 2018-12-12 08:42 starof 阅读(108) 评论(0) 编辑
摘要: 新建一个任务Module $ ng g m task 功能:项目列表显示,增加,修改,删除项目。邀请其它人员加入项目。 单一性原则:希望搭建多个组件,每个组件负责自己的功能。 一、task相关组件 $ ng g c task/task-home $ ng g c task/task-list $ n阅读全文
posted @ 2018-12-06 08:40 starof 阅读(95) 评论(0) 编辑
摘要: $ ng g m project 功能:项目列表显示,增加,修改,删除项目。邀请其它人员加入项目。 单一性原则:希望搭建多个组件,每个组件负责自己的功能。 一、project相关组件 $ ng g c project/project-list 【项目列表组件】 $ ng g c project/pr阅读全文
posted @ 2018-12-04 08:49 starof 阅读(242) 评论(0) 编辑
摘要: Material design调色板 https://www.materialpalette.com/ 明暗:虽然颜色不变,但是针对白天黑夜有做不同处理。 叠加:对话框,弹出菜单,事先是没有加载的。是叠加到页面上的。 一、使用Material预先设置的颜色 不再用material内建的搭配色。使用m阅读全文
posted @ 2018-12-02 11:27 starof 阅读(102) 评论(0) 编辑
摘要: 一、登录module 1、先创建domain文件夹,在里面建一个user.model.ts的user领域对象。 2、ng g m login创建一个login module. 在login下创建一个login组件。 3、在login下建立一个login-routing.module.ts子路由。 【阅读全文
posted @ 2018-11-30 08:52 starof 阅读(154) 评论(0) 编辑
摘要: 一、XSS攻击 Cross Site Scripting跨站脚本攻击 利用js和DOM攻击。 盗用cookie,获取敏感信息 破坏正常页面结构,插入恶意内容(广告..) 劫持前端逻辑 DDos攻击效果——分布式拒绝服务攻击 Server Limit Dos,Http header过长,server返阅读全文
posted @ 2018-09-13 11:11 starof 阅读(217) 评论(0) 编辑
摘要: 官网: https://material.io/design/ https://meterial.io/components 优秀的Meterial design站点: http://materialdesignblog.com/ 并不是万能的,都有约束条件。 优点:兼容性好,可扩展性强,可测试性好阅读全文
posted @ 2018-08-24 08:29 starof 阅读(1933) 评论(0) 编辑
摘要: 1、运行ng serve的时候卡在95% emitting LicenseWebpackPlugin 放弃使用cnpm,使用yarn 删除node_modules (不需要删除project目录重新ng new) 安装yarn:npm install --global yarn 配置仓库: npm 阅读全文
posted @ 2018-08-19 17:21 starof 阅读(550) 评论(0) 编辑
摘要: node -v v10.13.0 npm --version 6.4.1 ng --version Angular CLI: 7.1.0 cnpm:https://npm.taobao.org/ 工程:testmgr 核心模块:任何项目下都有,只加载一次的。 非特性模块:服务模块,reducer模块阅读全文
posted @ 2018-08-19 09:31 starof 阅读(148) 评论(0) 编辑
摘要: 一、Redux是什么 状态是什么?状态是影响到UI改变的数据,包括显示的内容,操作。 状态是碎片化的,存在各个component和service中。 Redux是状态的集中管理。 Redux:是全局的、唯一的、不可改变的内存状态【数据库】 它不会改变它原有的状态,每次返回一个新的状态。 二、redu阅读全文
posted @ 2018-07-26 09:03 starof 阅读(77) 评论(0) 编辑