- 博客(78)
- 收藏
- 关注
RSS订阅转载 Linux软链接与硬链接
1.Linux链接概念Linux链接分两种，一种被称为硬链接（Hard Link），另一种被称为符号链接（Symbolic Link）。默认情况下，ln命令产生硬链接。【硬连接】 硬连接指通过索引节点来进行连接。在Linux的文件系统中，保存在磁盘分区中的文件不管是什么类型都给它分配一个编号，称为索引节点号(Inode Index)。在Linux中，多个文件名指向同一索引节点是存在的。一般这种连接
2017-03-30 13:27:36
495
转载 将网站打造成单页面应用SPA（Single Page Application）
摘要：不知你有没有发现，像Github、百度、微博等这些大站，已经不再使用普通的a标签做跳转了。他们大多使用Ajax请求替代了a标签的默认跳转，然后使用HTML5的新API修改了Url，你可以在F12的Network面板里发现这个秘密。前言不知你有没有发现，像Github、百度、微博等这些大站，已经不再使用普通的a标签做跳转了。他们大多使用Ajax请求替代了a标签的默认跳转，然后使用HTML5的新A
2017-02-10 10:48:58
2110
转载 Request —— 让 Node.js http请求变得超简单
先前一直比较关注前端的东西，对后端了解较少。不过一直对Node.js比较感兴趣，去年12月还去参加了阿里的CNODE交流聚会。以后希望通过这里的博客分享一些学习Node.js的笔记。一方面总结了自己的学习心得，另一方面也可以和大家一起分享交流。嗯，大概就是这样子。这篇就先介绍一个Node.js的模块——request。有了这个模块，http请求变的超简单。使用超简单Request使用超简单，同时支持
2017-02-07 11:07:36
1008
转载 ES7 中使用 async/await 解决回调函数嵌套问题
JavaScript 中最蛋疼的事情莫过于回调函数嵌套问题。以往在浏览器中，因为与服务器通讯是一种比较昂贵的操作，因此比较复杂的业务逻辑往往都放在服务器端，前端 JavaScript 只需要少数几次 AJAX 请求就可拿到全部数据。但是到了 webapp 风行的时代，前端业务逻辑越来越复杂，往往几个 AJAX 请求之间互有依赖，有些请求依赖前面请求的数据，有些请求需要并行进行。还有在类似 node.
2017-02-05 19:13:00
9469
1
转载 generator对象
1、generator对象Generator函数是ES6提供的一种异步编程解决方案，语法行为与传统函数完全不同。Generator的中文翻译是生成器，它是ECMAScript6（代号harmory）中提供的新特性。在过去，封装一段运算逻辑的单元是函数。函数只存在“没有被调用”或者“被调用”的情况，不存在一个函数被执行之后还能暂停的情况，而Generator的出现让这种情况成为可能。2、generat
2017-02-05 18:19:31
793
转载 npm 包下载很慢的解决办法
国内访问外网都很慢，甚至不能访问！大家都懂，都很无奈！安装Node时自带的npm地址默认是：http://registry.npmjs.org ，访问很慢！ 没事，咋们换成国内的！怎么换？一、通过config命令npm config set registry http://registry.cnpmjs.org npm info underscore（如果上面配置正确这个命令会有字符串respo
2017-02-04 14:49:47
2416
转载 使用 nvm 管理不同版本的 node 与 npm
原文 http://www.cnblogs.com/kaiye/p/4937191.html 主题 npm使用 nvm 管理不同版本的 node 与 npm补充说明：Mac 下通过 brew install nvm 所安装的 nvm ，由于安装路径不同，无法正确启用。建议使用 brew uninstall nvm 卸载掉之后，通过本文的方案重新安装一次。最近 NodeJS 的版本更新速度有点 C
2017-02-04 13:49:45
1041
转载 淘宝 NPM 镜像使用
前言因为众所周知的原因，使用node，官方NPM仓库安装依赖包是个看人品的事情，不过有万能的淘宝，所以需要部分调整就可以避免这些原因。（以下内容osx, centos下测试通过）淘宝镜像基本使用首先是版本管理，NODE更新迭代较快，推荐使用NVM来进行版本管理，因为NVM支持镜像选项，所以，简单设置环境变量即可：export NVM_NODEJS_ORG_MIRROR=http://npm.taob
2017-02-04 13:35:19
1524
1
原创 node版本控制n的使用
n是Node的一个模块，作者是TJ Holowaychuk（鼎鼎大名的Express框架作者） 安装很简单：$ sudo npm install -g n安装完成之后，直接输入n后输出当前已经安装的node版本以及正在使用的版本（前面有一个o），你可以通过移动上下方向键来选择要使用的版本，最后按回车生效。$ n 0.10.1 0.10.15 o 0.10.21 0
2017-02-04 12:45:46
4211
原创 mac下查看和修改环境变量
//查看环境变量env//修改环境变量//打开终端，在终端中输入cd ~ && ls -a && sudo vim .bashrc//输入你要添加的环境变量//输完后依次按'esc' => 'shift' + ':' => 'wq'//最后让你的 shell 配置及时生效source ~/.bashrc//在终端输入env查看是否成功
2017-02-04 12:33:35
23801
1
原创 git常用命令整理
git常用命令速查转载请注明出处Git 提供了一个叫做 git config 的工具，专门用来配置或读取相应的工作环境变量。 这些环境变量，决定了 Git 在各个环节的具体工作方式和行为。这些变量可以存放在以下三个不同的地方：/etc/gitconfig 文件：系统中对所有用户都普遍适用的配置。若使用 git * config 时用 –system 选项，读写的就是这个文件。~/.gitconf
2017-02-03 13:59:18
397
转载 react生命周期
React 生命周期介绍一、理论 组件本质上是状态机，输入确定，输出一定确定 生命周期的三个阶段，三者时间是不固定的，只是在逻辑上的分类：二、初始化阶段： getDefaultProps:获取实例的默认属性(即使没有生成实例，组件的第一个实例被初始化CreateClass的时候调用，只调用一次,) getInitialState:获取每个实例的初始化状态（每个实例自己维护） compone
2016-11-10 14:03:57
381
转载 Unix常用命令
转载：http://www.cnblogs.com/hjzhang/archive/2009/12/04/2043586.html（一）基本命令命令格式： 命令 参数1.ls 显示文件名，等同于dos下dir命令命令格式：ls [option] fileoption：-l 显示详细列表域1 ：文件类型和文件权限域2 ：文件连接数域3 ：文件所有者名字域4 ：文件用户组名字域5 ：文件长度域6-8 ：
2016-10-05 16:05:51
868
原创 Markdown 语法的简要规则
Markdown 语法的简要规则标题标题是每篇文章都需要也是最常用的格式，在 Markdown 中，如果一段文字被定义为标题，只要在这段文字前加 # 号即可。# 一级标题## 二级标题### 三级标题以此类推，总共六级标题，建议在#号后加一个空格，这是最标准的 Markdown 语法。列表熟悉 HTML 的同学肯定知道有序列表与无序列表的区别，在 Markdown 下，列表的显示只需要在文字
2016-10-05 11:55:14
3768
原创 推荐一些好的atom插件
simplified-chinese-menu Atom 的简体中文语言包，完整汉化，兼容所有已发布版本 Atom(我目前见到最好的汉化插件)highlight-selected 双击高亮显示所有同名单词会持续更新！！！！
2016-09-28 22:20:11
1139
转载 nodejs npm常用命令
npm是一个node包管理和分发工具，已经成为了非官方的发布node模块（包）的标准。有了npm，可以很快的找到特定服务要使用的包，进行下载、安装以及管理已经安装的包。1、npm install moduleNames：安装Node模块 安装完毕后会产生一个node_modules目录，其目录下就是安装的各个node模块。node的安装分为全局模式和本地模式。 一般情况下会以本地模式运行，包会被
2016-08-22 18:07:14
439
转载 Sublime3玩转ES6+ReactJs
原文 (http://ued.fanxing.com/emmet/)前言Webpack+React+ES6无疑是目前最火热的开发模式了，为了与时俱进，开始对它进行探索和学习。工欲善其事必先利其器，众所周知，ES6和JSX都是新的语法，而目前的Sublime2已经力不从心了，作为Sublime的忠实粉丝，换IDE又得重新适应，于是折腾了一番，升级Sublime3，不断找相应插件，这里给大家分享一下必
2016-08-22 18:04:07
13757
原创 colorhighlighter使用（sublime text3）
ColorHighlighter是一个显示选中颜色代码的视觉颜色的插件。如果您选择“# fff“，它将向您展示白色。ColorHighlighter支持所有CSS颜色格式，如Hex,RGB,HSL,HSV,同时包括颜色关键词,如“red”“green”,等等。它还为你显示包含颜色值的LESS,Sass,和Stylus变量。它是一个帮助您更直观处理颜色的插件。相信我绝对比colorPicker好用！！
2016-08-20 19:14:54
15327
1
转载 FindKeyConflicts 用于找出键值映射（Key Mapping）冲突的插件（sublime text3）
这个插件可以通过运行指定命令在命令面板。按字母顺序列出的命令,ctrl+shift+p打开命令面板 输入FindKeyConflicts: All Key Maps to Quick Panel查询所有快捷键FindKeyConflicts: (Direct) Conflicts to Quick Panel查询所有冲突按键下面是文档 自己翻译吧FindKeyConflicts: All Key M
2016-08-20 19:04:42
2409
转载 Windows必备神器Cmder使用教程
出处: http://jingyan.baidu.com/article/63acb44acc855461fcc17ea6.html 本人已习惯使用Linux的命令，回过头来使用Windows原生Cmd感觉很不爽。也有很多网友吐槽这个弱爆了。用过Windows版本Git的都知道Git自带了Git Bash这个在很大程度上满足了我的需求，随着Git的版本升级越来越好用。直到有一天在网上看到了Cmde
2016-08-20 16:10:25
9172
转载 Sublime插件：Terminal
Sublime插件：Termina前言 这几天在window环境下用gulp构建前端工程，切来切去浪费了不少时间（右键sublime菜单打开文件所在目录，然后去项目根目录，右键打开cmder）。这点webstorm自带的Terminal真的有很方便的了。 现在有了它就和webstorm一样方便的了，ctrl+shift+T组合键搞定。地址 github.com wbond，熟悉不？写pack
2016-08-19 14:23:13
3599
转载 推荐一些css reset
/*KISSY CSS Reset理念：清除和重置是紧密不可分的特色：1.适应中文 2.基于最新主流浏览器维护：玉伯([email protected]), 正淳([email protected])*//* 清除内外边距 */body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构
2016-08-15 16:19:24
616
转载 javascript source map 的使用
出处: http://www.cnblogs.com/Ray-liang/p/4018162.html 之前发现VS.NET会为压缩的js文添加一个与文件名同名的.map文件，一直没有搞懂他是用来做什么的，直接删除掉运行时浏览器又会报错，后来google了一直才真正搞懂了这个小小的map文件背后的巨大意义。从源码转换讲起 JavaScript脚本正变得越来越复杂。大部分源码（尤其是各种函数库和
2016-08-12 10:50:36
2578
转载 强烈推荐！教你测试手机网页的五大方法
原文地址：http://blog.teamtreehouse.com/how-to-test-a-mobile-website1、在真正的移动设备上测试在真正的设备上测试手机版网页总是最好的，毕竟模拟器的拟真程度始终是有限的，有些体验的细节无法完全模仿出来。用户体验包含的因素很多，网络的影响，像素密度带来的视觉效果，各种视觉元素的实际大小，网页的实际加载时间，等待都还是实际的设备来的真实。当然，彻底
2016-08-08 17:39:25
1781
转载 gulp详细入门教程
简介： gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，我们不仅可以很愉快的编写代码，而且大大提高我们的工作效率。 gulp是基于Nodejs的自动任务运行器， 她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试、
2016-08-08 15:59:33
456
原创 ajax瀑布流加载技术
<!DOCTYPE HTML><html> <head> <title>please enter your title</title> <meta charset="utf-8"> <meta name="Author" content="年轻人"> <style type='text/css'> *{
2016-07-10 10:50:38
1074
转载 CSS实现的loading页面等待效果
<!doctype html><html lang="en"><head><meta charset="UTF-8"><title>无标题文档</title> <style type="text/css"> .loading{ width:160px; height:56px; position: absolute; top:50%;
2016-06-24 19:06:11
8251
转载 JS中cookie的基本使用
cookie是本身是HTML中ducument中的一个属性，可以用来保存一些简单的数据信息，比如用户名、密码等，提高一些网站的用户体验度。下面就来简单的说说cookie，它有下面几个特性：1.有过期时间，这个可以设置，如果不设置默认是关闭浏览器则清除 2.有大小限制，一般cookie的条数不会超过50条，但因浏览器的不同也会有差异，单个cookie的大小不能超过2M 3.cookie是以键值对的
2016-06-24 18:58:34
516
原创 手写的一个图表插件
转载请注明出处<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{margin: 0;padding: 0;list-style-type: none;} #box{ /*width:
2016-06-01 22:02:41
628
转载 js深拷贝和浅拷贝
js深拷贝和浅拷贝一、数组的深浅拷贝在使用JavaScript对数组进行操作的时候，我们经常需要将数组进行备份，事实证明如果只是简单的将它赋予其他变量，那么我们只要更改其中的任何一个，然后其他的也会跟着改变，这就导致了问题的发生。var arr = ["One","Two","Three"];var arrto = arr; arrto[1] = "test"; document.writeln("
2016-05-23 10:45:52
464
转载 JS(JavaScript)插入节点的方法appendChild与insertBefore
首先 从定义来理解 这两个方法： appendChild() 方法：可向节点的子节点列表的末尾添加新的子节点。语法：appendChild(newchild) insertBefore() 方法：可在已有的子节点前插入一个新的子节点。语法 ：insertBefore(newchild,refchild) 相同之处：插入子节点 不同之处：实现原理方法不同。 appendChild方
2016-05-15 15:27:47
5466
转载 JavaScript DocumentFragment：更快捷的操作DOM的途径
我相信很少人知道JavaScript里还有这样一个很有用的东西：DocumentFragment。程序员可以使用DocumentFragment将一批子元素添加到任何类似node的父节点上，对这批子元素的操作不需要一个真正的根节点。程序员可以不依赖可见的DOM来构造一个DOM结构，而效率高是它真正的优势，试验表明，它比直接操作DOM快70%。下面我们就来看看DocumentFragments是如何使
2016-05-15 15:17:54
616
原创 js常用属性及方法总结(温习下旧知识)
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div class="box" qwe="张展亮" style="background:#000"> asdfsdf </div></body>
2016-05-09 22:49:15
494
转载 JavaScript history 对象
JavaScript history 对象history – history用于窗体中的导航 history，中文”历史” 引用网址：http://www.dreamdu.com/javascript/window.history/ history对象是window对象的属性 浏览者通常可以使用浏览器的前进与后退按钮访问曾经浏览过的页面。JavaScript的history对象记录了用户曾经
2016-05-08 21:49:27
440
转载 location.hash的用法及onhashchange (精华，建议大家没事读一下)
location.hash是什么: 熟悉HTML都知道喵链接，没错，location.hash就是获取或设置喵链接的。上面的用法相信大家都知道，但是下面的就要考细节了。 当我们载入一个页面后，然后又去触发了一个AJAX请求去部分改变了页面上的内容，这个时候，你会发现，浏览 器其实并没有记录这两个动作，而是把这两个动作记录为了一个动作，即是认为你只打开一个页面，所以“前进/后退”按钮就没有用
2016-05-08 21:36:38
69632
转载 JSON.parse和eval的区别
摘自:http://blog.csdn.net/zk437092645/article/details/8641500 作者:第2016换个昵称JSON(JavaScript Object Notation)是一种轻量级的数据格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是Javascript原生格式，这意味着在javascript中处理JSON数据不需要任何特殊的API
2016-05-08 20:35:26
261
转载 labjs使用教程
知道LABJS这个概念其实早于sea.js，但因为sea.js是中文，并且第一眼就喜欢上sea.js的CommonJS所以并没有深入了解过LABJS。在使用sea.js的时候不可避免的碰到js文件依赖问题，这时候才想起不到5k的LABJS来，看过手册之后俺不禁怀疑“有必要sea.js和labjs一起使用么”，或许俺等到sea.js可以支持文件加载顺序之后再回到sea.js的怀抱？除了看起来美观和支持
2016-05-08 19:05:04
720
转载 CSS3的calc()使用
摘自:http://www.w3cplus.com/css3/how-to-use-css3-calc-function.html 作者:大漠calc()对大家来说，或许很陌生，不太会相信calc()是css中的部分。因为看其外表像个函数，既然是函数为何又出现在CSS中呢？这一点也让我百思不得其解，今天有一同事告诉我，说CSS3中有一个属性能实现自适应的布局，首先让我想到的是box-sizing，
2016-05-08 18:22:49
832
转载 web移动端页面适配
PPK的关于三个viewport的理论 摘自:http://www.cnblogs.com/2050/p/3877280.html 作者:无双ppk大神对于移动设备上的viewport有着非常多的研究（第一篇，第二篇，第三篇），有兴趣的同学可以去看一下，本文中有很多数据和观点也是出自那里。ppk认为，移动设备上有三个viewport。首先，移动设备上的浏览器认为自己必须能让所有的网站都正常显示，
2016-05-08 16:40:57
3333
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人