2016年07月_lifeblood123

原创单页面应用程序

单页面应用程序优点：单页面应用程序缺点：无法做seo,html里只有一个壳子，所有的数据都是通过ajax来的，搜索引擎无法抓取到任何内容，谷歌的搜素引擎可以抓到ajax的内容，但百度目前还无法做到

2016-07-29 07:40:13 630

今天出去面试，面试官问我，css sprite 是什么？说出她的优缺点，虽然知道一些，但是语言组织不够好，答的也不够完善，在这里我做了一下总结：css sprite 也可以说是叫图片精灵，也有人叫它雪碧图，它的原理是允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。加速的关键，不是降低重量，而是减少个数。传统切图讲

2016-07-27 20:19:29 697

原创自执行函数的问题

在写js代码时，我们一般吧代码包在自执行函数里，(function(){ //独立的作用域但是，今天我遇到这样一个问题，我在一个js文件里，写了两个自执行函数，然后就报错了，再经过检查没发现任何语法问题，甚至我单独执行任何一个，都可以执行。后来，查了很多资料发现，第一个自执行函数后面必须加一个分号，就没错了//举个例子var btn =document.getElementById('bt

2016-07-26 11:33:45 324

原创 gulp

当前的前端·开发 -不再是简简单单的使用html+css+javascript这些简单的技术构建的技术构建网页应用程序了 -我们要提高效率，就必须减少重复的工作 -使用less之类预处理的css coffeescript -提供开发阶段的便利，开发阶段更快捷现在的开发行业优质的开发人员是不应该将精力放在这些重复性质的工作上 -gulp就是一种可以自动化完成我们开发过程中大量的重复工作

2016-07-26 10:36:28 235

原创关于node

为什么要有自动化流程？在我们开发过程中有大量的重复操作，开发人员的精力应该放在创造上面，不应该放在重复的工作上面。什么是node? 不是js文件，也不是js框是Server side Javascript runtime,服务端的一个js运行时目前我们js是运行在浏览器内核中 nodejs就是一个运行环境为什么node选择js node中只能运行ecmascript 不能运行b

2016-07-24 18:45:34 234

原创一些前段面试回答技巧

1.什么是函数？答：函数其实就是一个工具，我们只要学会是用这些工具实现某个功能，这就是封装性，我们不需要知道代码怎么写，只要知道函数的名称和所需要的参数就可以使用这个工具，比如alert(),我们看到的这个简单的方法，实际上他背后甚至有一千行代码，用·c语言写的 2.对象：对象是一个包含很多工具的工具包，分类管理，类似的功能放在一起管理，工具包包含两种东西：方法和属性整个js都是面向对

2016-07-23 18:34:08 309

原创函数四种调用模式以及this指向

第一种：函数执行模式function add(a,b){ console.log(this); return a+b; } add();//this===window//true第二种：对象方法的调用模式function Cat(){ this.show = function(){ console.log(this); }

2016-07-17 18:16:47 590

原创理解overflow

overflow 基本属性值visible(默认）hiddenscroll 纵向横向都会出现滚动条auto 图片尺寸溢出会自动出现滚动条inherit IE8以上才支持会有很多兼容性问题 overflow-x:hidden 水平方向隐藏，但竖直方向可能·会出现滚动条 overflow-y:hidden 与上面相反如果overflow-x 与 overflow-y值相同等

2016-07-09 14:17:51 2049

原创 angularJS

1.angularjs的核心思想 *依赖注入 *模块化 *双向绑定 *语义化标签 2.用途：轻松页面构建spa(单一页面应用程序）单一页面应用程序： * 只有一个页面（整个的一个载体） * 内容全部是由AJAX方式呈现出来啦 * 带领当前市面上的框架走向模式化或者架构化 3.angularjs的优点：不用像jquery那样操作过多的dom,只需要改变数据模型就可以了 4,

2016-07-06 09:18:08 263

原创清除浮动的几种方法

当元素a浮动时，他将不再处于普通文档流中，相当于浮在文档之上，不占据空间，但是会缩短行宽，产生文字环绕的效果。浮动带来的影响：1，父级的高度塌陷2.背景不能显示3.变框不能撑开4.margin值不能正确显示5.产生文字环绕的效果6.由于脱离文档流，不占位，而后面的元素未脱离文档流导致后面的元素被挡住下面我将会总结几种清除浮动的方法：举一个简单的例子，我们找一张图片并让她向左浮动，代码

2016-07-03 19:41:43 341 1

转载区分伪类和伪元素总结

标准的定义： CSS 引入伪类和伪元素的概念是为了实现基于文档树之外的信息的格式化。伪类有：:first-child ，:link:，vistited，:hover，:active，:focus，:lang 伪元素有：:first-line，:first-letter，:before，:after 尽管，第一行和第一个元素，这两者的语意相似，但最后作用的效果却完全不同。所以，伪类和

2016-07-03 17:40:24 284

原创 css样式重置

作为一名切图仔，经常会遇到头疼的各大浏览器兼容性问题，确切的说是兼容它们“默认”的CSS样式表。重置样式成为我们为我们的网页梳妆打扮的第一步，也是关键性的一步。以前我这样重置样式：*{ margin:0; padding:0;}后来通过看一些大神的博客以及查阅相关资料发现，上面的方式会让网页解析的很慢，于是我根据自己的需求，这样重置样式：body,html,div,blockq

2016-07-03 16:22:15 424

lifeblood123的博客