随笔分类 -  WEB前端技术学习笔记

JavaScript中new操作都干了些什么？
摘要：JavaScript中的操作符new与其他面向对象语言中的new机制完全不同。 首先，在JavaScript中并没有所谓的“构造函数”，因为在JavaScrpit中没有类（class）的机制， 即使是被new调用的Function也不属于任何类，他们只是一些普通函数而已。 所以，在JavaScrip 阅读全文
posted @ 2017-12-06 09:59 JOYZzzzz 阅读(921) 评论(0) 推荐(0)
box-sizing理解
摘要：元素宽度：在浏览器中显示的占位宽度。在浏览器的默认计算方式下，块状元素的width = content宽度 + 左右padding + 左右border + 左右margin。 反默认浏览器计算方式：如果我们不想要浏览器按照这种计算方式计算宽度，则要用到CSS3中的bos-sizing属性。box- 阅读全文
posted @ 2017-11-27 15:57 JOYZzzzz 阅读(195) 评论(0) 推荐(0)
跨域与跨域访问
摘要：什么是跨域 跨域是指从一个域名的网页去请求另一个域名的资源。比如从www.baidu.com 页面去请求 www.google.com 的资源。跨域的严格一点的定义是：只要 协议，域名，端口有任何一个的不同，就被当作是跨域 为什么浏览器要限制跨域访问呢？ 原因就是安全问题：如果一个网页可以随意地访问 阅读全文
posted @ 2017-10-16 15:32 JOYZzzzz 阅读(571) 评论(0) 推荐(0)
JS编码函数escape(),encodeURI() 和 encodeURIComponent()
摘要：escape(),encodeURI() 和 encodeURIComponent()的基本功能都是把 URI 非法字符转化成合法字符，即对字符串进行编码。 以上三者解码的函数为unescape(),decodeURI和 decodeURIComponent()。 escape可以达到类似URL E 阅读全文
posted @ 2017-10-16 14:46 JOYZzzzz 阅读(203) 评论(0) 推荐(0)
CSS选择器权重/优先级
摘要：CSS优先级如下： !important > 内嵌样式 > ID > class | 伪类 | 属性选择 > 元素 > 继承 | 通配符。 ※注意：!important一般情况下不推荐使用。 CSS权重： 4个等级的定义如下： 例如上图为例，其中#NAV为二等选择器，.ACTIVE为三等选择器，UL 阅读全文
posted @ 2017-09-30 11:06 JOYZzzzz 阅读(725) 评论(0) 推荐(0)
CSS选择器
摘要：ID选择器： 类选择器： 属性选择器： 选择 lang 属性值以 "en" 开头的所有元素。该值必须是整个单词，比如 lang="en"， 或者后面跟着连字符，比如 lang="en-us"。 伪类选择器： 元素选择器： 注意：后代选择器，子元素选择器，兄弟选择器都属于派生选择器，而三者的区别如下： 阅读全文
posted @ 2017-09-30 11:03 JOYZzzzz 阅读(188) 评论(0) 推荐(0)
浏览器加载和渲染html的顺序
摘要：1.浏览器加载和渲染html的顺序 2. JS的加载 3.如何加快HTML页面加载速度 4.HTML页面加载和解析流程 5.Yahoo对网页设计性能的建议，个人感觉是说得非常好的。 英文版：http://developer.yahoo.com/performance/rules.html 中文翻译： 阅读全文
posted @ 2017-09-22 14:14 JOYZzzzz 阅读(679) 评论(0) 推荐(0)
寄生组合继承
摘要：寄生组合式继承，是集寄生式继承和组合继承的有点与一身，主要是通过借用构造函数来继承属性，通过原型链的混成形式来继承方法。 先看一个例子： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 function inheritPrototype(SuperType, SubType){ v 阅读全文
posted @ 2017-09-16 22:05 JOYZzzzz 阅读(220) 评论(0) 推荐(0)
prototype,__proto__和constructor的关系
摘要：作者：doris链接：https://www.zhihu.com/question/34183746/answer/58155878来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 初学javascript的时候也跟题主一样搞不清楚，自己好好总结了一下： 初学javas 阅读全文
posted @ 2017-09-13 15:09 JOYZzzzz 阅读(161) 评论(0) 推荐(0)
HTTP状态码
摘要：当浏览者访问一个网页时，浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前，此网页所在的服务器会返回一个包含HTTP状态码的信息头（server header）用以响应浏览器的请求。 HTTP状态码的英文为HTTP Status Code。 下面是常见的HTTP状态码： 200 - 阅读全文
posted @ 2017-09-13 15:07 JOYZzzzz 阅读(227) 评论(0) 推荐(0)