自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

荀建祥

个人学习记录

  • 博客(12)
  • 收藏
  • 关注

原创 Sublime Text 3 —— 插件

常用插件 AutoFileName 在输入文件的时候提示文件路径,以免手动输入错误 Babel 支持ES6 ConverToUTF8 支持GBK等编码的正常展示 Emmet 前端神器,必装 Jade 支持jade Modific 提示与上次commit之间的改动,并高亮提示 Sass 支持sass PS: 使用sass作为文件后缀的时候,每次打开都会发现syntax为ruby htm

2016-02-17 17:59:58 1147

原创 ES6个人学习整理(九)——Module

export// 变量 export let a = 1; // 常量 export const A = 1; // function export function fun() {return 'fun';}; // class export class Cla { constructor() {} }; // default export default function () {re

2016-02-17 16:23:53 435

原创 ES6个人学习整理(八)——Class

语法基本语法实例// Person.js export default class { constructor(name, age) { this.name = name; this.age = age; } getName() { return this.name; } setName(name) {

2016-02-16 19:33:19 390

原创 ES6个人学习整理(七)——Generator

语法个人理解:Generator是一个代码生成器,每次调用,生成一块代码。特征: function和函数名之间有一个* 函数体内是用yield关键词(return表示结束) 方法: next() throw() return() 一个简单的demofunction* Gen () { yield 'Hello'; yield 'Generator'; return '!';

2016-02-16 17:01:10 426

原创 ES6个人学习整理(六)——Promise

Promisepromise用来解决异步操作同步编程的问题 constructor let promise = new Promise((resolve, reject) => { // body }) // resolve为执行成功时的回调,reject为执行失败时的回调methods Promise.prototype.then(resolve, rejec

2016-01-27 19:29:43 491

原创 ES6个人学习整理(五)——Set和Map

Set和MapSet无序且不可重复 - constructorvar set = new Set(); // 支持解构赋值 [2,3,5,4,5,2,2].map(x => set.add(x)); // 可传入一个进行赋值 var set = new Set([1, 2, 3, 4, 5]); size —— 返回成员数量 add(value) —— 添加成员 delete(value) —— 删

2015-12-17 00:40:50 444

原创 ES6个人学习整理(四)——扩展

扩展String includes(string, index) —— 返回boolean,表示从index开始,剩余字符串是否找到参数 startWidth(string, index) —— 返回boolean,表示从index开始,剩余字符串是否以参数开头 endWidth(string, index) —— 返回boolean,表示从index开始,剩余字符串是否以参数结尾 repeat(n

2015-12-16 23:42:56 402

原创 ES6个人学习整理(三)——解构赋值

解构赋值ES6允许按照一定的模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。 如果解构不成功,就会赋值undefined 数组解构时按顺序排列 let [a, b, c] = [1, 2, 3]; // a = > 1; b => 2; c => 3;let [a, [b, c], d] = [1, [2, 3], 4]; // a => 1; b => 2;

2015-12-16 00:15:02 553

原创 ES6个人学习整理(二)——let和const

变量和常量let用于声明变量特性: 类似var, 但定义的变量仅仅在代码块内有用 不存在变量提升,所有一定要声明后使用 应用于局部变量、for循环 // 作用域 { var a = 1; console.log(a); // 1 let b = 2; console.log(b); // 2 } console.log(a) // 1 c

2015-12-14 23:42:45 604

原创 ES6个人学习整理(一)——编译环境搭建

ES6编译环境搭建经过测试,整理出一套ES6编译成ES5的环境 目录结构整个目录结构如下:--ES6 --.git --dist --node_modules --scripts --sourcemaps .gitignore gulpfile.js index.html LICENE package.json

2015-12-14 22:36:05 1453

原创 CSS技巧(一)

最实用的CSS技巧能够避免工作中大部分的困扰 1. 使用 :note()通常我们在给列表元素添加分割线的时候是这样做的:ul li { border-top: 1px solid #DDD; }ul li:first-child { border-top: none; }如果你对兄弟选择器理解不错的话你可能会这么做:ul li:first-child ~ li { borde

2015-10-15 23:12:37 430

原创 初识Markdown

Markdown 语法这是第一篇文章,记录下markdown语法以便日后查看并进行巩固。 标题#标题1 ##标题2 ###标题3 ... 以此类推,一共6级标题 图片图片格式: ![图片描述](图片地址 'title') 引用引用格式: >引用文本 这是一个引用 超链接地址格式: ![连接文字](连接地址 'title') Google无序列表 无序列表格式: item前添加 -(*和+也可以

2015-10-12 23:27:16 356

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除