JavaScript ES6 核心功能一览[转]

2017-02-22

JavaScript 在过去几年里发生了很大的变化。这里介绍 12 个你马上就能用的新功能。

JavaScript 历史

新的语言规范被称作 ECMAScript 6。也称为 ES6 或 ES2015+ 。

自从 1995 年 JavaScript 诞生以来，它一直在缓慢地发展。每隔几年就会增加一些新内容。1997 年，ECMAScript 成为 JavaScript 语言实现的规范。它已经有了好几个版本，比如 ES3 , ES5 , ES6 等等。

如你所见，ES3，ES5 和 ES6 之间分别存在着 10 年和 6 年的间隔。像 ES6 那样一次进行大幅修改的模式被逐年渐进式的新模式所替代。

展开全文 >>

JS代码运行性能检测

2017-01-28

有时候需要检测一段代码的性能，怎么做呢？借用chrome检测可以帮忙检测。

启动chrome

通过命令行：

1	chrome –enable-memory-info

启动chrome

创建一个HTML：

<script>  
var i = 0;  
setInterval(function(){  
    var before = window.performance.memory.usedJSHeapSize;  
    // Start  
    //这里输入运行的代码 
    // End  
    var diff = window.performance.memory.usedJSHeapSize - before;  
    console.log(diff);  
}, 100);  
</script>

结果：

通过以上的方式，可以得出运行的代码所分配的内存，特别是可以在循环中用上可以检查性能～！

展开全文 >>

学习资料整理

2017-01-02

人生都是一个一个阶段开始的，在去年的这个时候，我大概是自我感觉最良好的时候，也恰恰是最无知的时候。那时候，感觉自己无所不能，特别是前端相关的知识，总觉得没有解决不了的问题和不会的知识。
随着时间和经验的积累，越来越发现自己的不足和缺陷，越来越觉察到需要大量的知识来补充我，特别是最近这一段时间，有一种完全不够时间再不学习就要淘汰的危机感了。
于是乎，在一边学习一边整理的阶段，零零碎碎的收集了一些学习资料，看过的以及想要看的的，非常的不全面但是，至少是一个良好的开始，方便自己方便他人，以后也会持续的更新和整理。

软件工程师基础

Javascript/ES6

展开全文 >>

Vue小结

2016-11-24

试着用Vue做了一个小东西，总结一下，很多都是官网有的，只是记录下了作为一个学习笔记吧。

Vuejs 组件

组件的使用，需要先注册再使用。

1	Vue.component('componentName',{ /component/ })；

Vue.component('mine',{
           template:'#mineTpl',
           props:['name','title','city','content']
        });

 var v=new Vue({
      el:'#vueInstance',
      data:{
          name:'zhang',
          title:'this is title',
         city:'Beijing',
         content:'these are some desc about Blog'
     }
});

指令

指令是指带有v-前缀的特殊属性，当表达式的值改变时，将其产生的连带影响，响应式的作用于DOM，指令可以有参数（指令只有以冒号表示）和修饰符（以.修饰）

var myHeader = {
    template: "<p v-html = 'test' v-on:keydown.enter = ''><my-header-child></my-header-child></p>",
    components:{
        "my-header-child":myHeaderChild
    }
}

展开全文 >>

让你的Vim支持ES6和React

2016-09-30

开始进入到了全民ES6的时代了，React 也越来越火，作为码农神器的Vim怎么能掉队呢？

自从开始使用 ES6 和 React 以来，vim的高亮和语法检查就不听话了，很多ES6的新特性都不认识了，怎么办呢？

JSX 语法高亮

作为码农神器的vim以及其社区总是不甘落后的，我们可以使用 mxw的JSX语法高亮插件:

安装插件（Vundle）
打开 .vimrc 文件，在插件区域添加以下代码
1
Plugin 'mxw/vim-jsx'
保存以后，运行:
1
$ vim +PluginInstall

展开全文 >>

Redis小入门

2016-08-21

两年前买了，可是一直都没有拿起来研究，最近team使用Redis，才开始有所了解，捡回来重新看看。

总结一些基本的不能更基本的知识：

数据结构

字符串 - String

string类型是二进制安全的。意思是redis的string可以包含任何数据。比如jpg图片或者序列化的对象。
string类型是Redis最基本的数据类型，一个键最大能存储512MB。
1
2
set key value [EX seconds] [PX milliseconds] [NX|XX]
get key
例：
1
2
3
4
127.0.0.1:6379> set string 'hello'
OK
127.0.0.1:6379> get string
"hello"

展开全文 >>

React:手把手搭建React大型应用

2016-07-10

前言

最近正在奋力研究React中，被它的魅力深深的吸引了。关于如何使用React和外部API搭建大型应用，看到一遍非常好的文章，于是乎翻译了一份，方便大家一起学习。

本文会一步一步演示如何搭建一个完整的React的项目，将要建立的项目名为：Clone Yelp 完整的代码在这里试试效果吧

在本博文中，我们会涉及到这些内容：

如何从零开始搭建一个React项目
如何创建一个基础React组件
如何使用postcss编写模块化CSS
如何React编写测试
如何利用React-Route做页面跳转
如何和Google地图集成
如何创建基于Google地图的React组件
如何创建五星React组件

在本文中，会运用React的很多属性和模块，手把手教大家搭建完整的React应用，不论你的前端知识了解多深！好了，让我们系好安全带，准备起飞啦！！！

展开全文 >>