你不知道的sharlly-CSDN博客

原创深入理解Node系列-细说Connect(下)

在细说 Connect (上)中，我们了解到了 Connect 的中间件架构，在架构中有许多透明的逻辑，比如事件的触发，body 的解析等等，而这些逻辑正是 node 中的基础模块以及 connect 的部分中间件完成的。 node 基础模块 1. events 我们都知道 Node 是事件驱动的服务器，而 events 就是其架构核心。很多基础模块都会继承 events 模块，

2017-04-18 14:53:12 1039

原创深入理解Node系列-细说Connect(上)

前言想必对于广大前后端的同学们，Node 或是用来作为网站服务器的搭建，亦或是用来作为开发脚手架的运用，或是早有套路，亦或是浅尝辄止。从现在开始博主将会不定时的对 Node 系列的产品做分析，其中夹杂着常见的基础模块，三方模块，丰富大家的 Node 技术栈。很多童鞋上手项目时，通常会将 Express 作为 Node 端框架，而本文主要对其底层构件 Connect 做一个分析。

2017-03-04 17:53:25 2097

原创微信小程序开发带来的思考

若无小程序开发经验，可先阅读玩转微信小程序一文。微信小程序正式上线已有几周时间，相信它的开发模式你已烂熟于胸，可能你也有所疑问，我竟能用 web 语言开发出如此流畅的几乎原生体验的应用。可能你又会猜这不就是 h5 么，厉害点的想不就是 hybrid 么。但是在我们的开发旅途中至始至终都没有使用过 webview ，为啥呢？开发时用的 view 一类的标签，浏览器又是怎么解析成页面的呢？带着重

2017-02-23 18:25:21 11342 4

原创懒加载原理分析

最近添加了相册功能到网站上，一旦打开浏览器就会加载大量图片，从而造成页面的卡顿和跳动，同时对服务器也造成一定的压力。所以很显然需要用到懒加载功能。懒加载的概念，就是等到让图片出现在浏览器中的窗口的时候再去加载该图片资源。这样避免网页在同一时间加载过多资源出现的页面卡死。牛刀小试现有插件很多，我也直接拿来用了，推荐使用 jQuery 的 lazyload.js ，大致阐述一下它的用法。 st

2017-02-23 18:25:16 1685

原创基于React服务器端渲染的博客系统

系统目录及源码由此进入目录 1. 开发前准备 1.1 技术选型1.2 整体设计1.3 构建开发 2. 技术点 2.1 react2.2 redux, react-router2.3 server-render 3. 总结正文 1. 开发前准备 1. 1 技术选型对于个人的博客系统而言，服务器计算能力往往不是需要考虑，而其中的 I/O 操作是比较复杂的，同理对前端的交互要求也是较高的，所以这次

2017-02-23 18:25:12 1723

原创细说webpack之流程篇

引言目前，几乎所有业务的开发构建都会用到 webpack 。的确，作为模块加载和打包神器，只需配置几个文件，加载各种 loader 就可以享受无痛流程化开发。但对于 webpack 这样一个复杂度较高的插件集合，它的整体流程及思想对我们来说还是很透明的。那么接下来我会带你了解 webpack 这样一个构建黑盒，首先来谈谈它的流程。准备工作 1. webstorm 中配置 webpack-

2017-02-23 18:25:07 970

原创网站重构那些事儿

向Litten致谢! 濯去旧见，以来新意距写上一篇博客足足有两个月了，实在是没有脸继续拖下去，毕竟马上就是要入职实习的人，还是要开始找回文字的感觉，而不是整天守望着防御塔和水晶了(话说你见过敌方的水晶吗?) 说正经的，当我准备开始撰写时看到我的personalWeb1.0 ，我还是愿意去开黑的，1.0真是太挫了，这里附几张美照。 excuse me?是不是有一种某校教务系统的感觉

2017-02-23 18:25:02 1394

原创 2016阿里前端开发实习生面试经历

终于有时间也有机会来写这么一次面经了。其实距阿里的最近一次面试也有29天了，这段时间一直在等待通知，终于在昨天下午收到了阿里的贺电，一直悬着的心也可以放下了。现在赶紧把我的经历分享给各位小伙伴。　　一面: 　　没有一点点防备，内推的第5天下午正在做实验的我突然收到了阿里一面的电话，当时觉得自己状态还可以，于是就直接面了(面试的时候如果状态不好，可以给面试官重新约时间)，虽然是一面但觉得考察的

2017-02-23 18:24:57 2580 7

最近的计算机网络课上老师开始讲socket,tcp相关的知识，当时脑袋里就蹦出一个想法，那就是打造一个聊天室。实现方式也挺多的，常见的可以用C++或者Java进行socket编程来构建这么一个聊天室。当然，我毫不犹豫选择了node来写，node有一个名叫socket.io的框架已经很完善的封装了socket相关API，所以无论是学习还是使用都是非常容易上手的，在这里强烈推荐！demo已经做好并放到

2017-02-23 18:24:53 1347

原创进军es6(2)---解构赋值

本该两周之前就该总结的，但最近一直在忙校招实习的事，耽误了很久。目前依然在等待阿里HR面后的结果中...但愿好事多磨!在阿里的某轮面试中面试官问到了es6的掌握情况，说明es6真的是大势所趋，我们更需要加快步伐掌握它，跟上前端改革的潮流。　　上一篇大概提到了es6的一些变量声明基础，可能是有些乏味的，但今天所讲可能是在别的语言中都不存在的一种语法现象。它就是今天的主人公"解构赋值"。　

2017-02-23 18:24:48 409

原创进军es6(1)---初识es6

es6，全称ECMAScript6(又名es2015)。何为ECMAScript？我们常说的Javascript和它又有什么联系呢？　　阮一峰老师有一句话描述的比较准确：“ECMAScript是Javascript语言的国际标准，Javascript是ECMAScript的实现”。js有几个大版本，现在用的比较多的是es3,es5。而在去年，es6的标准被推出，对于每个前端开发者而言，拥抱新的

2017-02-23 18:24:43 550

原创前端模块化开发篇之grunt&webpack篇

几个月前写了一篇有关gulp和browserify来做前端构建的博客，因为browserify用来做js的打包时可能有些麻烦(特别是在写React的时候)，所以这里再强烈推荐一款js打包工具-webpack。webpack很强大，不光可以模块化加载js,甚至还有jsx,css,图片等等。可以看看webpack托管到github的官网，相信你看一眼就能懂webpack的强大之处了。进入webpack

2017-02-23 18:24:39 2255

原创简述三种异步上传文件方式

很久没写过博客了！　　上次写已经是去年的12月了，离现在也有足足三个月了。这几个月因为要搭建个人网站以及准备个人简历，包括最近要准备最近的各大公司的实习春招，很难抽时间来写博客，这次的异步文件上传我觉得是很有必要了解的，笼络了很多知识点，因此准备写一篇博客来巩固下。　　异步上传文件是为了更好的用户体验，是每个前端必须掌握的技能。这里我提出三点有关异步文件上传的方式。　　　　使用第三方控

2017-02-23 18:24:34 7082

原创前端模块化开发学习之gulp&browserify篇

随着web应用的发展，前端的比重占得越来越多，编写代码从而也越来越复杂。而通常我们需要将不同功能或者不同模块的代码分开写，最后在html中一起加载，这样做是可以的，但是当你需要进行维护或者是二次开发的时候，你会觉得十分费劲，因为你不知道文件之间复杂的关系，所以我们需要利用一些插件来配合进行模块化的开发。　　所谓模块化的开发，写过nodejs的人都知道，文件之间的依赖可以用require()实现

2017-02-23 18:24:29 1014

原创原生javascript难点总结(1)---面向对象分析以及带来的思考

------*本文默认读者已有面向对象语言(OOP)的基础*------ 　　我们都知道在面向对象语言有三个基本特征 : 封装，继承，多态。而js初学者一般会觉得js同其他类C语言一样，有类似于Class这样的关键字可以让我们在js中更好的进行面向对象的操作。可事实并非如此。　　严格地说，我们并不能称js是一种OOP语言，但是我们可以利用js里面的一些高级特性来进行OOP编程。

2017-02-23 18:24:24 547

原创双11不再孤单，结识ECharts---强大的常用图表库

又是一年双十一，广大单身狗们有没有很寂寞(好把，其实我也是)！但是这次的双十一，我不再孤单，因为结识了一个js的强大的图表库---ECharts。　　最近做软件工程项目的时候，由于设计图中有柱状图和饼图的设计，第一反应用原生js写肯定很麻烦，于是我请求能否不做，但我们的PM铁了心要做，最终逼迫我找到了这个强大的图表库，哈哈，在这里感谢一下PM李佳玮。(当我发现它还兼容IE6-8时，真的炒

2017-02-23 18:24:19 415

原创 js中singleton模式解析及运用

singleton模式，又名单例模式。顾名思义，就是只能实例化一次的类（javascript中没有真正的类，我们通常用函数来模拟类，习惯称之为"伪类"）。具体地说，singleton模式，就是在该实例不存在的情况下，可以通过可以方法创建一个类来实现创建类的新实例；如果实例已经存在，它会返回一个该对象的引用。　　接下来我将用一个案列来将singleton模式进行分析。在我们的web网上通常会看到

2017-02-23 18:24:10 408

原创有关DOM的小总结

一直以为DOM（文档对象模型）是JS中最简单的一部分。不可否认，它确实很简单，因为DOM的思维模式有点固定，只需要简单地记住一些固定的方法，所以DOM可以说是所有js(这里指的是客户端的js)入门的起手点。　　最近我在做一些有用到DOM的练习时，发现自己的DOM知识非常零散(一直以为掌握的很好)，可能有很多朋友都觉得，DOM嘛，也就调用调用几个方法，或者我直接使用jQuery，根本不用考虑DO

2017-02-23 18:24:05 313

yingxiaoqiang520的专栏