Javascript中Array方法的总结

在ECMAScript中最常用的类型之一就是Array类型,Array类型的方法也有很多,所以在这篇文章中,梳理一下Array类型的方法。

新建数组

新建数组的方法有三种:

1
2
3
4
5
6
/*方法一*/
var a = new Array(1,2,3);
/*方法二*/
var b = [1,2,3];
/*方法三(ES6新增)*/
var c = Array.of(1,2,3);

Array.of()是ES6中新增的将一组值转换为数组的方法,该方法的出现时为了弥补构造函数Array()因为参数不同导致的不同行为。

1
2
3
Array() //[]
Array(3) //[ , , ]
Array(1,2,3) //[1,2,3]

从上面可以看出,只有在参数个数不少于2时候,才会返回新的数组。

查看全文
Vuejs的一些总结

最近一段时间忙着工作的一些事情,同时自己也在试着把项目中的一些移动端页面试着用vuejs重写,所以没时间写文章,今天终于有空可以写一下,由于页面并没有写完,所以就将自己这几天做页面的时候遇到的一些问题总结了一下。其实很多在官网都能找到,但是我们只看官网教程不去写,很难理解到底是什么意思,这里我把我用到的列出来。

文章中提到的很多东西都在我的demo中用到,demo地址

查看全文
六月总结

不知不觉中,六月已经过去,七月悄悄到来,写这篇文章,总结六月,并给七月做一些计划。在未来,每个月都会做一次总结,无论得失,都记录下来,记录自己的成长。

  六月结束,2016年也已过去一半。六月收获很多,无论是工作还是生活。在2015年年底的时候我曾经计划,在2016年要学习新的编程上的技术,每天跑步,学吉他,多读书。在六月,我终于全部开始做了。

查看全文
利用webpack和vue实现组件化

上一篇webpack+vue起步我们实现了用webpack打包vue的最基本用法,这篇我们将利用webpack+vue实现组件化

在vue中实现组件化用到了vue特有的文件格式.vue,在每一个.vue文件就是一个组件,在组件中我们将html,css,js全部写入,然后在webpack中配置vue-loader就可以了。

查看全文
webpack与vue起步

记得第一次知道Vue.js是在勾三股四大大的微博,那时候他开始翻译vue的文档,从那时候开始到现在,看了几次vue的教程,每次都有更深的理解,因为之前并没有研究过angular等框架,所以对MVVM并不是很了解,但是经过这段时间对vuejs的一些研究,越来越懂了,这篇文章,只是对vuejs和webpack配合的非常基础的文章,我想随着我对vue的深入理解,会对组件化,模块化,MVVM有更深入的理解。

项目的创建

1.新建项目文件夹,并在其中建立package.json

1
2
3
$ mkdir [project name]
$ cd [project name]
$ npm init

查看全文
Webpack初探

很早就听说webpack包管理工具,但是一直没有机会学习,这次又看到掘金上面有关于vue+webpack的初级文章,而且最近公司没什么事儿做,决定搞一下。在搞的过程中,虽然按照文章中写的去做,但是还是有很多问题,所以写下本文,总结下我遇到的问题以及解决办法。

包管理工具—webpack

Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔,等到实际需要的时候再异步加载。通过 loader的转换,任何形式的资源都可以视作模块,比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等。

查看全文
慕课网---深入理解vertical-align总结

看了张鑫旭在慕课网关于vertical-align的讲解,感觉讲的挺深,所以总结了一下
vertical-align的百分比值相对于line-height计算
IE6/7下line-height不支持小数

vertical-align起作用的前提

该属性应用于inline水平或者table-cell元素

inline水平

inline:img,span,strong,em等
inline-block:input,button(ie8+,ie6/7会把inline-block当作inline)

table-cell元素

td
所以默认情况下支持vertical-align的有:图片,按钮,文字,单元格

查看全文
Gulp+BroserSync实现浏览器自动刷新

  在写前端代码的时候,我们为了看效果,需要一直按F5进行刷新,这样做很繁琐而且非常浪费时间,在网上搜过后发现很多关于自动刷新的办法,这里我介绍的是基于gulp和broserSync实现浏览器的自动刷新,即只要编辑器保存,浏览器就会自动刷新。
  那么gulp,broserSync是什么呢?

Gulp

  Gulp是一个前端自动化工具,基于nodejs,和grunt差不多,但是比grunt语法更加简单,语法更加自然。在gulp的插件中,我们可以找到自动刷新,压缩图片/代码/等等各类工具,方便我们的使用,并且gulp的任务是流(pipe),即一个任务完成后,紧接的另一个任务开始进行。gulp的使用如下:

1.安装gulp

  1. 全局安装gulp:

    1
    $ npm install --global gulp
  2. 作为项目的开发依赖(devDependencies)安装:

    1
    $ npm install --save-dev gulp
  3. 生成package.json

    1
    $ npm init
查看全文
text-algin:justify实现文本两端对齐

最近在写页面的时候遇到了一个问题—当行文本双端对齐,大家都知道CSS属性中有一个“text-align:justify”,但是这个属性使用的时候,要求还是挺多的,尤其是要实现单行文本双端对齐。关于两端对齐,大漠和张鑫旭的博客中都有文章讲,非常不错,推荐给大家:
display:inline-block/text-align:justify下列表的两端对齐布局
Text-align:Justify和RWD

text-align:justify与text-align-last:justify

1.text-align

MDN中这样介绍到:“text-align CSS属性定义行内内容(例如文字)如何相对它的块父元素对齐。text-align并不控制块元素自己的对齐,只控制它的行内内容的对齐。”从这里可以看出,控制文本居中对齐直接写text-align:justify就可以。但是这对于多行文本(即有文本换行)除了最后一行都可以实现两端对齐,最后一行依旧左对齐。所以就需要控制最后一行文本对齐方式的CSS属性:text-align-last。

查看全文