一、破解IntelliJ IDEA

1、从IntelliJ IDEA官网下载好电脑对应版本 https://www.jetbrains.com/idea/

2、下载破解文件
链接：https://pan.baidu.com/s/1BivsTztz9lN8ECYH6nKm2g 密码：gegl

3、将破解文件放到安装的bin目录下

4、把这两个文件用记事本打开，分别在最后一行添加以下内容-javaagent:E:\RuanJian\IntelliJ IDEA 2018.2.4\bin\JetbrainsCrack-3.1-release-enc.jar，其中-javaagent:E:\RuanJian\IntelliJ IDEA 2018.2.4\bin\JetbrainsCrack-3.1-release-enc.jar为笔者自己的idea安装路径，读者根据自己的安装路径更改。

5、在开启idea时候，选择Active code，访问网站 http://idea.lanyus.com获取注册码

粘贴上面的注册码到输入框中

注意：如果第四步粘贴发现this license has been cancelled问题
采用以下方法解决：
修改host文件：将在其最后一行加入：“0.0.0.0 account.jetbrains.com”

二、破解webStorm

1、下载软件
链接：https://pan.baidu.com/s/1ocQ6zNTwMfsM5kMHzqJuqA 密码：7ifo

2、下载破解文件
链接：https://pan.baidu.com/s/1KfQVneofDz7spDnBIXKIzQ 密码：4vql

3、将破解文件放到安装目录下的bin目录下

4、把这两个文件用记事本打开，分别在第一行添加以下内容-javaagent:E:\RuanJian\WebStorm\bin\JetbrainsCrack-2.10-release-enc.jar，其中-javaagent:E:\RuanJian\WebStorm\bin\JetbrainsCrack-2.10-release-enc.jar为笔者自己的idea安装路径，读者根据自己的安装路径更改。

5、在开启idea时候，选择Active code，访问网站 http://idea.lanyus.com获取注册码

粘贴上面的注册码到输入框中

首先了解一下什么是瀑布流效果？
你一定试过在百度搜索图片，拉动浏览器的右边的下拉框，图片会一直刷新，但是不管你怎么下拉，图片一直会加载，并且是到了末尾位置开始加载，百度上使用的是远程的图片数据，我这里使用的是使用json模仿的图片数据

我这里工具使用的是Hbuilder，你也可以使用别的像sublime Text，webStorm等开发工具。

废话不多说，开始！

1、index.html文件
插入图片，一共三层，最外层为container，第二层为box(该层是关键),第三层为img_box（图片div)，引入外部css文件和js文件
<div id="container"> <div class="box"> <div class="box_img"> <img src="img/1.jpg"> </div> </div> ........//很多box div </div>
2、style.css样式文件
该部分是样式文件：初始化 padding和margin，container div定位（relative），box浮动（float:left)，box_img(阴影，圆角)图片大小一致……就不贴代码了，样式设置根据自己的喜好就好

3、app.js文件（关键函数和代码在途中给出了注释）

4、效果：

前言

学习nodejs的初衷是因为很多企业需要你了解nodejs这门语言，同时也是因为自己想学习一下有关前端的一些服务器端编程（此前提是你要将html、css、javascript进行系统的学习，因为这三门语言是前端的基础)，因此有空写写自己学习笔记，仅供大家快速地认识什么是nodejs和如何使用nodejs编程。当然我是方便以后忘记了某些模块也可以直接输入博客网址快速查看，效率是不是很高呢！

一、认识node.js

1、2008年被开发出来
2、国内使用情况：知乎的推送、网易、阿里（天猫转移nodejs）
3、主要应用领域（实时通信，比如消息推送 高并发 i/o阻塞）
4、以npm为核心
5、知名度较高的开源项目：express（web服务器框架）、jade（模板引擎），coffeescript,atom
Socket.io（方便nodejs的websocket编程)、 mongoose、mocha（测试框架）

二、nodejs和javascript的关系

1、javascript诞生：10天时间
2、ECMAScript和DOM/BOM
Javascript=ECMAScript（语法基本对象）+BOM/DOM
3、Gmail发布：2004年发布（突破1g）
GoogleMaps发布，后面又推出街景服务
GoogleChrome发布：2008年，V8（javascript引擎，快）也发布
4、新浪潮的前端框架：jQuery/ExtJs/YUI（dom操作）
结构化前端框架：Angularjs/Backbone.js/Ember.js（mvc模式）
5、nodejs就是前端开发的服务器端的语言

三、nodejs的特点

1、部署：只需要安装Node.js，npm安装扩展
2、注重约定（便于统一和扩展）
3、项目需要的扩展和插件等独立，不易冲突
4、事件驱动
5、异步编程（效率高）
实现异步的方式：①回调函②事件监听三订阅/发布
6、高校和性能：通过优化资源调配和io操作来实现高效，单个操作不能实现高效
7、单线程与多进程

Nodejs 缺点：
1、大量采用匿名函数，使得抛出的异常不容易阅读
2、Try/catch限于同步代码，使得异常捕获较为复杂
3、不适合cpu密集型的场合
4、回调的代码影响阅读（无法解决，只能优化）

四、Nodejs实战项目开发：

1、web组件：gui(浏览器,http客户端)-web服务器（Node.js service）-数据库（SQLite\LevelDB\Redis)
2、Express:
2.1、安装：npm install -g express和npm install -g express-generator

其中 var app=express()//初始化操作
访问：localhost:3000/index
显示：hello index test
3、Express api官网：———-
4、Express的配置与路由
4.1、express基础：request、response的一系列方法
4.2、express初始化设置：
①request->中间件（回调函数组成app.use\app.get\app.post)->response
实例：（返回课程信息和答疑json数据）

在cmd中打开服务:node express_json
浏览器返回：
1、未解决

2、所有答疑列表

3、已解决

4.3、返回html格式

浏览器返回：

五、Expressh和html（如何使用模板引擎）

主要代码行：
App.set(‘view engine’,’ejs’); //设置引擎模板ejs
app.set(‘views’,__dirname+’/views’); /等下的render会找这个路径下的ejs文件
Res.render(‘home.ejs’,{title:’ejs template’});//视图渲染文件home.ejs,其中title是变量，可以在home.ejs中获取得到并显示在html中
注意：
准备工作：
1、布置好工作区间（本地测试），新建文件夹：在d盘新建一个项目文件夹：
我的路径是D:\nodejs_project
2、创建项目，执行 npm init，创建项目。说白就是主要用来创建一个package.json这个文件，下面会让你设置一些参数，默认即可，在项目文件夹中会出现一个package.json文件
3、安装express npm install express –save
说明：如果指定了 –save 参数，那么此模块将被添加到 package.json 文件中 dependencies 依赖列表中。 然后通过 npm install 命令即可自动安装依赖列表中所列出的所有模块。个人推荐使用–save的方式。
4、装完express之后，项目文件夹中多了一个package-lock.json文件和node_modules文件夹。
5、安装ejs: npm install ejs –save,安装完之后，在node_modules文件夹中会多一个ejs的文件夹。代表项目中已经添加了ejs

测试一下项目：
其中express_html.js

Home.ejs

目录结构：

Home.ejs在views文件夹下，如下图

Cmd 开启node服务，如下图：

浏览器测试：

成功！（成功输出变量）