Front-End严黑C的博客

div 中 存在 img标签，由于img标签的display:inline-block属性。 display:inline-block布局的元素在chrome下会出现几像素的间隙，原因是因为我们在编辑器里写代码的时候，同级别的标签不写在同一 行以保持代码的整齐可读性，即inline-block布局的元素在编辑器里不在同一行，即存在换行符，因此这就是著名的inline-blo...

一、xss跨站脚本攻击(Cross Site Scripting)如果网站带有评论功能并将评论内容直接存到服务器中，那么显示评论的时候就可能遭到之前恶意用户恶意评论的攻击原理主要是通过在评论中输入html标签，如标签，就相当于往你的网页中嵌入了一段脚本理论上，所有可输入的地方没有对输入数据进行处理的话，都会存在xss漏洞例如在评论框中输入：<script>  while...

1.为什么src可以不受浏览器同源影响在浏览器中，对于标签 <script>、<img>、<iframe>、<link> 等标签都可以跨域加载资源，而不受同源策略的限制。这些带有“src”属性的标签每次加载的时候，实际上是由浏览器发起一个get请求。不同于XMLHttpRequest的是，通过src属性加载的资源，浏览器是限制了javascri...

《前端工程师进阶》 HTML先看《HTML & CSS: Design and Build Websites》1-9章，然后《HTML5: The Missing Manual》1-4章。 CSS先看《CSS: The Missing Manual》，然后《CSS权威指南》 javascript先看《javascript高级程序设计》，然后《javascript权威指南》 HTTP

知道JS有模块化开发的说法，也偶尔听过requireJs,AMD,CMD等等名字，甚至使用node的时候，还用过require之类的方法，但是对这些一直没有一个明确的认识和概念。想必这就是许多新手刚接触这方面知识时的一个普遍状态。其实仅仅做一些基础的活儿的时候，并不需要对它们有太多的了解，知道怎么用就行了，管他是什么理念，是什么实现呢。于是人就懒下来了。终于有一天，下定决心，一定要

移动端用tap时会有穿透问题一：click与tap比较click与tap都会触发点击事件，但是在手机web端，click会有200-300ms的延迟(这是因为，浏览器是等着看，如果你是真正执行双击，iOS Safari 在双击后准确地定位到页面主体文章，并将其缩放至适合比例展现)，所以一般用tap代替click作为点击事件。singleTap 和doubleTap分别代表单次点击和双次点击...

当nav中 页面都有相同html部分，我们可以尝试用 iframe 引入相同部分commonHeader.html， 需要加 frameboder="0" scrolling="no" 这样才不会有滚动条；这样可以减少代码冗余；其中nav中通过ul、li（a标签包裹）实现布局，此时的a标签 一定要加target="_parent" 这样点击时整个页面才会跳转，否则只是iframe页面会跳转；当然也可以用事件委托来解决这个小bug。

工厂模式和构造函数的区别学习JavaScript有一段时间了，但是随着工作的进展，我发现，javascript绝对不是写一下简单效果那么肤浅，是时候完全，透彻地理解他的精髓了。一：为什么使用工厂模式和构造函数？  虽然Object构造函数或者字面量(var person={})可以创建单个对象，但是，他有一个明显的缺点，那就是：重复造轮子，产生大量的重复性代码，为了解决这...

浏览器内核、渲染引擎、js引擎