摘要: 元素宽高 + ,`min width max width`等元素宽度设置百分比,以 包含块的宽度 为标准进行计算; + ,`min height max height`等元素宽度设置百分比,以 包含块的高度 为标准进行计算; 内外边距 ,`padding`设置百分比时,在默认(水平)书写模式下,以 阅读全文
posted @ 2018-12-30 13:58 Shapeying 阅读(60) 评论(0) 编辑
摘要: 元素居中是常见的场景,此页为总结各种实现方式 水平居中 内联元素(inline,inline block等),将父元素的 属性设为 。 text align CSS属性定义行内内容(例如文字)如何相对它的块父元素对齐。 块级元素(block等),设置 ,`margin right auto`,此时左阅读全文
posted @ 2018-12-28 15:31 Shapeying 阅读(61) 评论(0) 编辑
摘要: 看见这个面试题目,第一反应就是在变量 取值时进行了一些改变,那就要用 ,关于存取器的介绍可以看 "这里" 同样的问题是使 返回 ,不同点是,这里是 ,而不再是 。 恒等运算符在比较过程中, 不会有任何类型转换 ; 相等运算符比较宽松,如果两个操作数不是同一类型,那么 相等运算符会尝试进行一些类型转换阅读全文
posted @ 2018-12-27 10:55 Shapeying 阅读(75) 评论(0) 编辑
摘要: 类型判断是个常见问题,有多种不同的判断方式,每种方式都有适用的场景。 typeof 操作符返回一个字符串,表示未经计算的操作数的类型。 或者 都可以,括号为可选的。 类型 | 结果 : |: : Undefined | "undefined" ==Null== | =="object"== Bool阅读全文
posted @ 2018-12-24 15:49 Shapeying 阅读(56) 评论(0) 编辑
摘要: this是 中的一个 关键字 ,不是变量,也不是属性,它不能被赋值。 在绝大多数情况下,它的 值取决于函数的调用方式 。当然javascript中也有一些方式可以设置this。本文总结下this的指向问题。 函数调用时 这里的 函数调用 指的是,函数表达式是普通函数,而不是对象的属性。例如 此类。 阅读全文
posted @ 2018-12-19 12:42 Shapeying 阅读(134) 评论(0) 编辑
摘要: 基础语法记录,其中有一些博客园暂不支持 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 <! 分割线 <! 文字修饰 加粗 斜体 ~~划线~~ ++下划线++ ==标记== O~2~ X^2^ + 1 <! 同时作用多个 ++ 加粗斜体下划线 ++ 引入内容 <! 引入内容,可以多级 多阅读全文
posted @ 2018-12-19 12:38 Shapeying 阅读(12) 评论(0) 编辑
摘要: 前言 交换数组元素位置是开发项目中经常用到的场景,总结下用过的几种方式。 第三方变量 最基础的方式,创建一个变量作为中转。 splice方法 splice() 方法用于插入、删除或替换数组的元素。如果是删除时,会返回被删除的元素数组。参数如下: 可使用splice方法来交换数组的位置,如下: arr阅读全文
posted @ 2018-09-18 16:57 Shapeying 阅读(123) 评论(0) 编辑
摘要: 之前自己写的公共组件,都是会先引入,需要调起的时候再通过service控制公共组件状态、值、回调函数什么的。但是有一些场景不适合这种方式,还是动态添加组件更加好。通过写过的一个小组件来总结下。 创建组件 场景:鼠标移动到图标上时,展示解释性的说明文字。那就需要创建一个普通的tooltip组件。如下:阅读全文
posted @ 2018-07-09 11:25 Shapeying 阅读(325) 评论(0) 编辑
摘要: 无奈接手了一个旧项目,上一个老哥在Angular项目中大量使用了JQuery来操作DOM,真的是太不讲究了。那么如何优雅的使用Angular的方式来操作DOM呢? 获取元素 1、ElementRef A wrapper around a native element inside of a View阅读全文
posted @ 2018-07-06 13:45 Shapeying 阅读(1747) 评论(0) 编辑
摘要: 浏览器都有页面全屏的功能 F11 ,那么如何用JavaScript控制页面全屏呢?MDN上提供的的API , 一个小demo验证一下! Api的使用都很简单,主要就是一个兼容性的问题,这个小demo,在Chrome,Firefox,Edge,IE 11 上测试过,都可以正常切换全屏,也可以正常监听事阅读全文
posted @ 2018-06-30 14:32 Shapeying 阅读(179) 评论(0) 编辑