Shapeying

摘要: 元素宽高 + ,`min width max width`等元素宽度设置百分比，以 包含块的宽度 为标准进行计算； + ,`min height max height`等元素宽度设置百分比，以 包含块的高度 为标准进行计算； 内外边距 ,`padding`设置百分比时，在默认（水平）书写模式下，以 阅读全文

摘要: 元素居中是常见的场景，此页为总结各种实现方式 水平居中 内联元素（inline,inline block等），将父元素的 属性设为 。 text align CSS属性定义行内内容（例如文字）如何相对它的块父元素对齐。 块级元素（block等），设置 ,`margin right auto`,此时左阅读全文

摘要: 看见这个面试题目，第一反应就是在变量 取值时进行了一些改变，那就要用 ，关于存取器的介绍可以看 "这里" 同样的问题是使 返回 ，不同点是，这里是 ，而不再是 。 恒等运算符在比较过程中， 不会有任何类型转换 ； 相等运算符比较宽松，如果两个操作数不是同一类型，那么 相等运算符会尝试进行一些类型转换阅读全文

摘要: 类型判断是个常见问题，有多种不同的判断方式，每种方式都有适用的场景。 typeof 操作符返回一个字符串，表示未经计算的操作数的类型。 或者 都可以，括号为可选的。 类型 | 结果 : |: : Undefined | "undefined" ==Null== | =="object"== Bool阅读全文

摘要: this是 中的一个 关键字 ，不是变量，也不是属性，它不能被赋值。 在绝大多数情况下，它的 值取决于函数的调用方式 。当然javascript中也有一些方式可以设置this。本文总结下this的指向问题。 函数调用时 这里的 函数调用 指的是，函数表达式是普通函数，而不是对象的属性。例如 此类。 阅读全文

摘要: 基础语法记录，其中有一些博客园暂不支持 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 <! 分割线 <! 文字修饰 加粗 斜体 ~~划线~~ ++下划线++ ==标记== O~2~ X^2^ + 1 <! 同时作用多个 ++ 加粗斜体下划线 ++ 引入内容 <! 引入内容，可以多级 多阅读全文

摘要: 前言 交换数组元素位置是开发项目中经常用到的场景，总结下用过的几种方式。 第三方变量 最基础的方式，创建一个变量作为中转。 splice方法 splice() 方法用于插入、删除或替换数组的元素。如果是删除时，会返回被删除的元素数组。参数如下： 可使用splice方法来交换数组的位置，如下： arr阅读全文

摘要: 之前自己写的公共组件，都是会先引入，需要调起的时候再通过service控制公共组件状态、值、回调函数什么的。但是有一些场景不适合这种方式，还是动态添加组件更加好。通过写过的一个小组件来总结下。 创建组件 场景：鼠标移动到图标上时，展示解释性的说明文字。那就需要创建一个普通的tooltip组件。如下：阅读全文

摘要: 无奈接手了一个旧项目，上一个老哥在Angular项目中大量使用了JQuery来操作DOM，真的是太不讲究了。那么如何优雅的使用Angular的方式来操作DOM呢？ 获取元素 1、ElementRef A wrapper around a native element inside of a View阅读全文

摘要: 浏览器都有页面全屏的功能 F11 ，那么如何用JavaScript控制页面全屏呢？MDN上提供的的API , 一个小demo验证一下！ Api的使用都很简单，主要就是一个兼容性的问题，这个小demo，在Chrome，Firefox，Edge，IE 11 上测试过，都可以正常切换全屏，也可以正常监听事阅读全文