Allenzc-优快云博客

转载 Flex 布局教程

Flex 布局教程：语法篇分享按钮作者：阮一峰日期： 2015年7月10日网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的

2017-01-21 16:26:11 338

由于js不像java那样是真正面向对象的语言，js是基于对象的，它没有类的概念所以，要想实现继承，可以用js的原型prototype机制或者用apply和call方法去实现。在面向对象的语言中，我们使用类来创建一个自定义对象。然而js中所有事物都是对象，那么用什么办法来创建自定义对象呢？这就需要用到js的原型：我们可以简单的把prototype看做是一个模版，新创建的自定义对象都是这个模版（pro

2017-01-16 00:28:26 643

转载 CSS 外边距(margin)重叠及防止方法

边界重叠是指两个或多个盒子(可能相邻也可能嵌套)的相邻边界(其间没有任何非空内容、补白、边框)重合在一起而形成一个单一边界。两个或多个块级盒子的垂直相邻边界会重合。结果的边界宽度是相邻边界宽度中最大的值。如果出现负边界，则在最大的正边界中减去绝对值最大的负边界。如果没有正边界，则从零中减去绝对值最大的负边界。注意：相邻的盒子可能并非是由父子关系或同胞关系的元素生成。但是边界的重叠也

2017-01-15 10:14:23 449

转载你应该知道的setTimeout秘密

计时器 setTimeout 是我们经常会用到的，它用于在指定的毫秒数后调用函数或计算表达式。语法： setTimeout(code, millisec, args);注意：如果code为字符串，相当于执行 eval() 方法来执行code。当然，这一篇文章并不仅仅告诉你怎么用 setTimeout ，而且理解其是如何执行的。1、setTimeout原理先来

2017-01-13 00:03:53 460

转载 30分钟手把手教你学webpack实战

30分钟手把手教你学webpack实战阅读目录一：什么是webpack? 他有什么优点？二：如何安装和配置三：理解webpack加载器四：理解less-loader加载器的使用五：理解babel-loader加载器的含义六：了解下webpack的几个命令七：webpack对多个模块依赖进行打包八：如何独立打包成样式文件九：如何打包成多个资源文件十：关于对图片的打包十一：React开

2017-01-12 23:52:31 481

转载 JavaScript中的call 和apply的用途以及区别

apply 接受两个参数，第一个参数指定了函数体内this 对象的指向，第二个参数为一个带下标的集合，这个集合可以为数组，也可以为类数组，apply 方法把这个集合中的元素作为参数传递给被调用的函数：var func = function( a, b, c ){ alert ( [ a, b, c ] ); // 输出 [ 1, 2, 3 ]};func.apply

2017-01-12 23:47:48 397

转载 JavaScript 函数式编程

JavaScript 函数式编程近年来，函数式编程（Functional Programming）已经成为了JavaScript社区中炙手可热的主题之一，无论你是否欣赏这种编程理念，相信你都已经对它有所了解。即使是前几年函数式编程尚未流行的时候，我已经在很多的大型应用代码库中发现了不少对于函数式编程理念的深度实践。函数式编程即是在软件开发的工程中避免使用共享状态（Shared State）

2017-01-12 23:46:20 372

转载去除inline-block元素间间距的N种方法

一、现象描述真正意义上的inline-block水平呈现的元素间，换行显示或空格分隔的情况下会有间距，很简单的个例子：间距就来了~~我们使用CSS更改非inline-block水平元素为inline-block水平，也会有该问题：.space a { display: inline-block; padding: .5em 1em;

2017-01-08 11:24:06 324

转载 JavaScript初学者应注意的七个细节

JavaScript初学者应注意的七个细节　　每种语言都有它特别的地方，对于JavaScript来说，使用var就可以声明任意类型的变量，这门脚本语言看起来很简单，然而想要写出优雅的代码却是需要不断积累经验的。本文利列举了JavaScript初学者应该注意的七个细节，与大家分享。（1）简化代码 JavaScript定义对象和数组非常简单，我们想要创建一个对象，一般是这样

2016-12-21 23:05:06 356

原创 javascript写的2048游戏

原生JS写的2048游戏，后又对js代码进行了精简，写了左移逻辑，其他方向采用转置矩阵后左移代码复用。代码如下： 2048小游戏 0--> SCORE:0

2016-12-08 22:23:54 2853

转载前端面试题整理汇总

一些开放性题目1.自我介绍：除了基本个人信息以外，面试官更想听的是你与众不同的地方和你的优势。2.项目介绍3.如何看待前端开发？4.平时是如何学习前端开发的？5.未来三到五年的规划是怎样的？position的值， relative和absolute分别是相对于谁进行定位的？absolute :生成绝对定位的元素，相对于最近一级的定位不是

2016-12-05 00:17:05 494

原创 JAVASCRIPT视频教程推荐==>李炎恢JavaScript教程第一季

教程地址：网易云课堂/观赏请忽略英文发音：http://study.163.com/course/courseMain.htm?courseId=252008

2016-12-04 18:27:26 1604

转载 js实现各种常用排序算法

js实现各种常用排序算法1.冒泡排序var bubbleSort = function (arr) { var flag = true; var len = arr.length; for (var i = 0; i len - 1; i++) { flag = true; for (var j = 0; j len - 1 - i;

2016-12-04 18:20:17 483

转载 Javascript面向对象编程（三）：非构造函数的继承

Javascript面向对象编程（三）：非构造函数的继承作者：阮一峰日期： 2010年5月24日这个系列的第一部分介绍了"封装"，第二部分介绍了使用构造函数实现"继承"。今天是最后一个部分，介绍不使用构造函数实现"继承"。一、什么是"非构造函数"的继承？比如，现在有一个对象，叫做"中国人"。　　v

2016-12-04 18:18:29 341

转载 Javascript面向对象编程（二）：构造函数的继承

Javascript面向对象编程（二）：构造函数的继承作者：阮一峰日期： 2010年5月23日这个系列的第一部分，主要介绍了如何"封装"数据和方法，以及如何从原型对象生成实例。今天要介绍的是，对象之间的"继承"的五种方法。比如，现在有一个"动物"对象的构造函数。　　function Animal(){

2016-12-04 18:17:34 303

转载 Javascript 面向对象编程（一）：封装

Javascript 面向对象编程（一）：封装作者：阮一峰日期： 2010年5月17日学习Javascript，最难的地方是什么？我觉得，Object（对象）最难。因为Javascript的Object模型很独特，和其他语言都不一样，初学者不容易掌握。下面就是我的学习笔记，希望对大家学习这个部分有所帮助。我主要参考了

2016-12-04 18:15:56 396

转载巧用浏览器CSS属性值的不兼容向下兼容hack技巧

巧用浏览器CSS属性值的不兼容向下兼容hack技巧一、越来越忙，废话就不多说了越来越忙，废话就不多说了，就少说一点，最近个把月收到了很多偏体验方向的简历，有2个点想槽一下：关键要有亮点很多人简历就是基本信息，然后巴拉巴拉一些我不熟悉的项目，用了什么框架，自己做了什么事情，然后就没了。完全没有让我想和你谈谈的理由，要知道，重要的不是你做了什么，而是你做

2016-12-04 18:12:32 1011

转载写好CSS代码的70个专业建议-前端开发博客

写好CSS代码的70个专业建议-前端开发博客CSS 并不总是容易处理。在你的能力和经验不够的时候，CSS编程会成为一个噩梦，特别是你不确定为页面元素中选择哪种选择器的时候。使用一个不常见的CSS属性以实现更好的语义化，没有比这个方法更好用的更简单的的实现减少代码复杂度的了。我们研究了一些很有用的CSS窍门，提示，意见，方法，技巧以及编程解决方案，并在下面列出了他们。我

2016-12-04 18:00:23 629