摘要：
从原理出发 什么是this? this是被调用函数对调用它上下文对象的引用。 首先我们围绕耳熟能详的“this始终指向它的调用者”开始。这句结论虽然没有什么问题，但是说得过于笼统，还是得深入到背后的执行原理才能举一反三解决问题。 举个简单的例子： var obj = { num: 2; foo: f 阅读全文
摘要：
总所周知，在CSS的世界中有很多样式和效果看起来简单实则不那么简单，就比如一个小小的▲符号元件，也是通过指定样式产生的，而并不是开箱即用的产物。 要掌握如何设计一个理想的▲符号元件，我们就必须先深入了解边框border的结构组成。 代码如下： .frame { background-color: # 阅读全文
摘要：
写一个简单的横向布局导航栏对li元素指定属性display: inline-block来横向排布li元素。 ul li { display: inline-block; } 结果li元素之间出现间隙： 之所以会出现间隙，是由于无序列表项之间的占位符导致的： 对此我们有一下三种行之有效的解决之道： 通 阅读全文
摘要：
direction css中 direction属性决定了文本的渲染方向（位置和书写方向）。unicode-bidi和direction两个属性结合使用可以改变文字书写顺序。 direction常用值 属性值 说明 inherit 继承父元素属性值 ltr 从左到右 rtl 从右到左 directi 阅读全文
摘要：
HTTP请求方法一览: 方法 定义 用法 GET GET方法请求一个指定资源的表示形式，使用GET的请求应该只被用于获取数据 常用于请求并获取指定的服务器资源 POST POST方法用于将实体提交到指定的资源，通常导致在服务器上的状态变化或副作用 常用于表单向服务器提交隐私性数据，比如用户登录信息 阅读全文
摘要：
同源策略 同源策略在web应用的安全模型中是一个重要概念。在这个策略下，web浏览器允许第一个页面的脚本访问第二个页面里的数据，但是也只有在两个页面有相同的源时。源是由URI，主机名，端口号组合而成的。这个策略可以阻止一个页面上的恶意脚本通过页面的DOM对象获得访问另一个页面上敏感信息的权限。 对于 阅读全文
摘要：
使用伪类选择器:hover配合相邻兄弟选择器+，实现鼠标触发一个元素，响应两个元素的样式。 代码如下： <style> .header-bar-search { display: inline-block; height: 50px; font-size: 16px; margin-top: 100 阅读全文