![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端--开发
喜欢雨天的我
爱技术,爱生活.
展开
-
Html中typeof的用法
typeof操作符 字符串 描述 undefined 未定义 boolean 布尔值 string 字符串 number 数值 object 对象或者null function 函数 undefined类型 undefined只是一个值。当我们声明一个变量,没有做初化的时候。我们调用这个变量就会返回一个值undefined。如:原创 2017-05-04 19:22:46 · 3863 阅读 · 0 评论 -
Angular2--组件的生命周期
钩子的触发顺序各个钩子的详细介绍 组件的生命周期由Angular内部管理,从组件的创建,渲染,到数据变动时间的触发,再到组件从DOM中移除,Angular都提供了一系列的钩子。开发者可以实现一个或多个生命周期钩子,从而在各阶段做点适当的处理。钩子方法都放在@angular/core中。钩子的触发顺序Angular会按以下的顺序进行依次调用钩子的方法(从上到下,依...原创 2018-02-23 13:40:46 · 1198 阅读 · 0 评论 -
Css基础样式学习
Css基础样式学习网站原创 2017-07-29 10:21:56 · 378 阅读 · 0 评论 -
Plantuml产品用例图实例用法
Plantuml 进行绘制图gliffy绘制UML,用例图等原创 2017-07-23 12:08:32 · 3225 阅读 · 0 评论 -
Angular2-Bootstrap的继承
第一步进行安装Bootstrap的方式npm install -p bootstrap第二部进行更改angular-cli.json文件中,增加如图内容: "styles": [ "styles.css", "../node_modules/bootstrap/dist/css/bootstrap.min.css" ], "scripts":原创 2017-07-18 20:59:54 · 845 阅读 · 0 评论 -
Angular 2 组件之间如何通信?
转载自:Angular 2 组件之间如何通信?组件之间的共享可以有好几种方式父->子 input 方式import {Component,Input} from 'angular2/core';@Component({ selector: 'child', template: ` child {{content}} `})转载 2017-07-18 15:48:25 · 490 阅读 · 0 评论 -
前段的一些框架
Bootstrap Bootstrap中文入门教程Less Less介绍将CSS样式进行简化,可以实现高服用css样式。并且可以通过工具进行css和less的相互转化。运行时less将被编译为css进行执行。Sass SASSSass 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导原创 2017-05-03 22:01:01 · 459 阅读 · 0 评论 -
Angular2-使用less管理css样式
第一步首先我们需要修改angular-cli.json中的配置信息,更改如下图: 内容替换为如下: "apps": [ { "styles": [ "styles.less" ] ], "defaults": { "styleExt": "less", }第二部由于改变了Angular的配置中的css为less,因此原创 2017-07-18 09:38:02 · 3296 阅读 · 0 评论 -
Angular2-build文件打开白屏解决
解决方法只需要更改package.json 中的build设置为"build": "ng build --base-href ./",生成的文件就可以直接使用原创 2017-07-20 22:07:02 · 1894 阅读 · 0 评论 -
Angular2的一些快捷查看
利用Router进行快速修改Title原创 2017-06-10 22:14:44 · 357 阅读 · 0 评论 -
TypeScript的使用(与Angular2搭配)
通过npm进行安装typescript的支持npm install -g typescript通过tsc hello.ts生成对应的js文件,并进行引用。下路罗列几个学习TypeScript的网址Angular2对TypeScript的QuickStartTypeScript快速入门TypeScript原创 2017-06-07 21:40:05 · 1144 阅读 · 0 评论 -
CSS3-perspective 属性
实例 目前浏览器都不支持 perspective 属性。 Chrome 和 Safari 支持替代的 -webkit-perspective 属性。div{ -webkit-perspective: 400px; perspective: 400px;}用法perspective 属性定义 3D 元素距视图的距离,以像素计。该属性允许您改变 3D 元素查看 3D 元素的视图。原创 2017-06-30 20:32:11 · 1458 阅读 · 0 评论 -
HTML-坐标的含义,以及变换的使用
原文出处:http://acgtofe.com/posts/2015/12/xyz-3d-in-csscss里的3d理念使用css3的3d transform,就可以在平面的网页里添加炫酷的三维视觉效果,这很令人愉悦。需要注意的是,3d transform只是css的一部分,它并不是一个三维引擎(3d engine)。三维引擎一般是这样的(游戏引擎Unity3D转载 2017-06-30 20:26:31 · 8288 阅读 · 2 评论 -
HTML-布局
Html5Html5提供了新的语义元素定义网页中的不同部分。 标签 定义内容 header 定义文档或节的页眉 nav 定义导航链接的容器 section 定义文档中的节 article 定义独立的自包含文章 aside 定义内容之外的内容(比如侧栏) footer 定义文档或节的页脚 details 定义额外的细节 summary原创 2017-06-30 19:48:32 · 649 阅读 · 0 评论 -
CSS-overflow的含义
overflow例如: div { width:150px; height:150px; overflow:scroll; }参数 值 描述 visible 默认值。内容不会被修剪,会呈现在元素框之外。 hidden 内容会被修剪,并且其余内容是不可见的。 scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。 auto 如果原创 2017-06-30 18:34:25 · 777 阅读 · 0 评论 -
HTML-px、em、rem、vw、vh 的相应理解
各属性介绍px:绝对单位,页面按精确像素展示em:相对单位,基准点为父节点字体的大小,如果自身定义了font-size按自身来计算(浏览器默认字体是16px),整个页面内1em不是一个固定的值。rem:相对单位,可理解为”root em”, 相对根节点html的字体大小来计算,CSS3新加属性,chrome/firefox/IE9+支持。(另外需注意chrome强制最小字体为12号,即使设置成原创 2017-06-30 18:22:29 · 2658 阅读 · 0 评论 -
TS2304 Cannot find name 'Map', 'Set', 'Promise'
此问题解决地址解决地址:https://stackoverflow.com/questions/39416691/webpack-ts2304-cannot-find-name-map-set-promise原因由于Map和Set是es6的特性,之前我的tsconfig.json设置的"target" : "es5"导致不能引入新的特性,因此需要更换为"target" : "es6"再执行就Ok了{原创 2017-06-08 10:29:42 · 7455 阅读 · 2 评论 -
Gradient has outdated direction syntax. New syntax is like `to left` instead of `right`.
异常信息 由于语法过时,导致此部分内容不生效WARNING in ./src/app/pages/login/login.component.scss(Emitted value instead of an instance of Error) autoprefixer: G:\project\CX_Project\HomePage\src\app\pages\login\logi...原创 2018-09-16 09:50:12 · 5971 阅读 · 1 评论