angualr-material 发表于 2018-04-12 看angularmaterial的一些记录 ng-content, ng-templateng-content<ng-content></ng-content> 是一个内容投影的标签, 用来在组件标签位置插入组件包含内容, 它有一个select属性来选择投影内容, 从而可以再 ... 阅读全文 »
js之一些方法 发表于 2018-04-11 Element.requestFullscreen() 方法用于发出异步请求使元素进入全屏模式。 12345678910let elem = this._element.nativeElement.querySelector('.demo-content'); if (elem.request ... 阅读全文 »
css层叠顺序规则 发表于 2018-04-08 同等级别间的层叠顺序排序层叠上下文: (background/border) < 负z-index < block块状水平盒子 < float浮动盒子 < z-index:auto或z-index:0(新的层叠上下文) < 正 z-index 准则覆盖关系遵循下面两条 ... 阅读全文 »
css相关 发表于 2018-03-28 对定位元素的百分比计算和非绝对定位元素的百分比计算是有区别的,区别 在于绝对定位的宽高百分比计算是相对于 padding box 的,也就是说会把 padding 大小值计算 在内,但是,非绝对定位元素则是相对于 content box 计算的。 超越!important 指的是 max-width ... 阅读全文 »
初识D3.js一 发表于 2018-03-12 下载D3并引用下载 1npm install d3 引用某个模块 1import {scaleLinear} from "d3-scale"; 引用全部 1import * as d3 from "d3"; D3能做到什么D3允许将任意数据绑定到文档DOM,然后将数据驱动转换应用 ... 阅读全文 »
css一些关于位置和宽度的属性 发表于 2018-02-26 偏移量offsetoffsetLeft元素所占区域的左边缘到父元素的左边缘的距离, 所以元素的padding会影响offsetLeft 但是 margin不会. offsetWidth是一个经常使用的值,该值真实的反映了元素所占空间的大小,而width,height属性仅仅表达了内容区. 是元素在 ... 阅读全文 »
js拖拽 发表于 2018-02-24 一个典型的drag操作是这样开始的:用户用鼠标选中一个可拖动的(draggable)元素,移动鼠标到一个可放置的(droppable)元素,然后释放鼠标。 拖拽相关事件: drag: 在拖动元素或文本选择时触发. dragend: 拖拽结束时触发. dragenter ... 阅读全文 »
初识canvas 发表于 2018-02-24 canvas基础canvas元素创造了一个固定大小的画布,它公开了一个或多个渲染上下文,其可以用来绘制和处理要展示的内容。 1<canvas id="tutorial" width="500" height="500"></canvas> canvas只有两个属性width和 ... 阅读全文 »
svg 发表于 2018-02-24 预定义的形状SVG 有一些预定义的形状元素,可被开发者使用和操作: 矩形 rect 元素的 width 和 height 属性可定义矩形的高度和宽度 style 属性用来定义 CSS 属性 CSS 的 fill 属性定义矩形的填充颜色(rgb 值、颜色名或者十六进制值) CSS 的 stroke ... 阅读全文 »