0%

就好像一个div他的background的颜色是会在border下面的,可以通过设置rgba来验证

  1. background
  2. boder
  3. 块级
  4. 浮动
  5. 内联
  6. z-index: 0(定位才有效)
  7. z-index(+)
阅读全文 »

盒模型这东西绝对算得上是 web 领域的高频词汇啦

这东西两个值,之前是三个

content-box(默认)标准盒模型

border-box: width = border + padding +(内容的) width

参考

前端工程师手册

wiki 上解释到 JSONP is JSON with padding

其实个人看来啥也没说啊。stackoverflow上还是有不错的解释。我在这里会解释我看来的 JSONP

阅读全文 »

语法

1
2
3
4
5
6
7
function.call(thisArg, arg1, arg2, ...)//在fun函数运行时指定的this值。需要注意的是,指定的this值并不一定是该函数执行时真正的this值,如果这个函数处于非严格模式下,则指定为nullundefinedthis值会自动指向全局对象(浏览器中就是window对象),同时值为原始值(数字,字符串,布尔值)的this会指向该原始值的自动包装对象。

func.apply(thisArg, [argsArray])//同上

fun.bind(thisArg[, arg1[, arg2[, ...]]])

//thisArg当绑定函数被调用时,该参数会作为原函数运行时的 this 指向。当使用new 操作符调用绑定函数时,该参数无效。
阅读全文 »

正是由于 AJAX 的出现才导致前端的快速发展,异步 JavaScript 和 XML,不过经过发展现在不再使用 XML 而使用 JSON 这门轻量级数据语言。

XMLHttpRequest 对象

1
let request = new XMLHttpRequest()
阅读全文 »

原则

兼容 IE8 float
其他 flex

  • 不到万不得已,不要写死 width 和 height
  • 尽量用高级语法,如 calc、flex
  • 如果是 IE,就全部写死

口诀

  1. float
    1. 儿子全加 float: left (right)
    2. 老子加 .clearfix
  2. flex
    1. 老子加 display: flex
    2. 老子加 justify-content: space-between;
阅读全文 »

昨天去知道创宇面试的时候面试官当时提了这样的问题,你对对象的属性了解有哪些,当场我说了知道 Enumerable Value Writable 然后说就记得这些了。但是面试官当时就又问那如果想知道我改变了对象中的值应该如何呢?当时我就想到了 MVVM 可当时却没有与 get set联系到一起,当时就只能尬聊了。

深入响应式原理

回去后把很久之前看过的《JavaScript高级程序设计》第 6 张重新看了遍。才发现原来自己把很多基础的东西都忘了。

阅读全文 »