liblog.sql

/*
Navicat MySQL Data Transfer

Source Server         : ss
Source Server Version : 50549
Source Host           : 139.196.185.229:3306
Source Database       : online

Target Server Type    : MYSQL
Target Server Version : 50549
File Encoding         : 65001

Date: 2016-06-14 15:57:00
*/

SET FOREIGN_KEY_CHECKS=0;

-- ----------------------------
-- Table structure for li_account
-- ----------------------------
DROP TABLE IF EXISTS `li_account`;
CREATE TABLE `li_account` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `username` varchar(255) CHARACTER SET latin1 DEFAULT NULL,
  `password` varchar(255) CHARACTER SET latin1 DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=MyISAM AUTO_INCREMENT=2 DEFAULT CHARSET=utf8;

-- ----------------------------
-- Records of li_account
-- ----------------------------
INSERT INTO `li_account` VALUES ('1', 'admin', 'e10adc3949ba59abbe56e057f20f883e');

-- ----------------------------
-- Table structure for li_article
-- ----------------------------
DROP TABLE IF EXISTS `li_article`;
CREATE TABLE `li_article` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `title` varchar(255) NOT NULL,
  `abstract` text,
  `content` text NOT NULL,
  `picurl` varchar(255) DEFAULT NULL,
  `author` varchar(255) DEFAULT NULL,
  `createtime` datetime DEFAULT NULL,
  `view` bigint(20) DEFAULT '1',
  `totop` smallint(6) DEFAULT '0',
  `torecom` smallint(6) DEFAULT '0',
  `topicrecom` smallint(6) DEFAULT '0',
  `tag` int(11) DEFAULT NULL,
  `keywords` varchar(255) DEFAULT NULL,
  `allowcomment` int(11) DEFAULT '1',
  `ispublished` int(11) DEFAULT '0',
  `from` varchar(255) DEFAULT NULL,
  `item` int(11) DEFAULT NULL,
  `like` int(11) DEFAULT '0' COMMENT '喜欢',
  PRIMARY KEY (`id`)
) ENGINE=MyISAM AUTO_INCREMENT=174 DEFAULT CHARSET=utf8;

-- ----------------------------
-- Records of li_article
-- ----------------------------
INSERT INTO `li_article` VALUES ('131', 'javascript之单例模式', '单例模式即保证一个类仅有一个实例，并提供一个访问它的全局访问点。单例模式也称作为单子模式，更多的也叫做单体模式。为软件设计中较为简单但是最为常用的一种设计模式。', '<h3 id=\"-\">单例模式的定义</h3>\n<p>单例模式即保证一个类仅有一个实例，并提供一个访问它的全局访问点。单例模式也称作为单子模式，更多的也叫做单体模式。为软件设计中较为简单但是最为常用的一种设计模式。</p>\n<blockquote>\n<p>单例模式的思路是：一个类能返回一个对象的引用（并且永远是同一个）和一个获得该实例的方法（静态方法，通常使用 getInstance 名称）。那么当我们调用这个方法时，如果类持有的引用不为空就返回该引用，否者就创建该类的实例，并且将实例引用赋值给该类保持的那个引用再返回。同时将该类的构造函数定义为私有方法，避免其他函数使用该构造函数来实例化对象，只通过该类的静态方法来得到该类的唯一实例。</p>\n<h3 id=\"-\">实现单例模式</h3>\n<p>用一个变量标记当前是否已经为某个类创建过对象，如果是，则在下一次获取类的实例时，直接返回之前创建的对象。</p></blockquote><br><pre><code>```js<br>var Singleton = function (name) {<br>    this.name = name;<br>    this.instance = null; //标记是否已经实例化<br>};<p></p>\n\n<p>Singleton.prototype.getName = function () {<br>    console.log(this.name);<br>};</p>\n<p>Singleton.getInstance = function (name) {<br>    if (!this.instance) {<br>        //没有实例，实例化一下<br>        this.instance = new Singleton(name);<br>    }<br>    return this.instance; //返回实例<br>}</p>\n<p>var a = Singleton.getInstance(\'sven1\');<br>var b = Singleton.getInstance(\'sven2\');</p>\n<p>alert(a === b); //true</p></code></pre>\n<pre><code>或者：\n```js\nvar Singleton = function (name) {\n    this.name = name;\n};\n\nSingleton.prototype.getName = function () {\n    console.log(this.name);\n};\n\nSingleton.getInstance = (function () {\n    var instance = null; //标记是否已经实例化\n    return function (name) {\n        if (!instance) {\n            instance = new Singleton(name);\n        }\n        return instance;\n    }\n}());\n\nvar a = Singleton.getInstance(\'sven1\');\nvar b = Singleton.getInstance(\'sven2\');\n\nalert(a === b); //true\n</code></pre><p>这两种方法相对简单，但是有一个问题，增加了这个类的不透明性，Singleton类的使用者必须知道这个单例类。</p>\n<h3 id=\"-\">透明的单例模式</h3>\n<pre><code class=\"lang-js\">var createDiv = (function () {\n    var instance;\n\n    var CreateDiv = function (html) {\n\n        if (instance) {\n            return instance;\n        }\n\n        this.html = html;\n        this.init();\n\n        return instance = this;\n    };\n\n    CreateDiv.prototype.init = function () {\n        var div = document.createElement(\'div\');\n        div.innerHTML = this.html;\n        document.body.appendChild(div);\n    };\n\n    return CreateDiv;\n}());\n\nvar a = new createDiv(\'hello\');\nvar b = new createDiv(\'kit\');\n</code></pre>\n<p>虽然这样子完成了一个透明的单例类，但它同样有一些缺点。<br>1.程序复杂，使用自执行的匿名函数和闭包，让这个匿名函数返回真正的单例类。<br>2.实例单例的构造函数，负责了两件事：第一保证只有一个实例，创建对象和执行init()方法。    </p>\n<h3 id=\"-\">用代理实现单例模式</h3>\n<pre><code class=\"lang-js\">//首先是一个普通的创建div的类\nvar CreateDiv = function (html) {\n    this.html = html;\n    this.init();\n};\n\nCreateDiv.prototype.init = function () {\n    var div = document.createElement(\'div\');\n    div.innerHTML = this.html;\n    document.body.appendChild(div);\n};\n\n//负责管理单例的逻辑移到这个代理类\nvar proxySingletonCreateDiv = (function () {\n    var instance;\n    return function (html) {\n        if (!instance) {\n            instance = new CreateDiv(html);\n        }\n        return instance;\n    };\n}());\n\nproxySingletonCreateDiv(\'aaa\');\nproxySingletonCreateDiv(\'bbb\');\nproxySingletonCreateDiv(\'ccc\');\n</code></pre>\n<h3 id=\"javascript-\">javascript里的单例模式</h3>\n<p>全局变量不是单例模式，但是我们要经常会把全局变量当成单例模式，比如：</p>\n<pre><code class=\"lang-js\">var a = {};\n\n//浏览器自带了一个单例对象。\nwindow;\n</code></pre>\n<p>单例模式的核心是只有一个实例，并提供全局访问，但是全局变量会造成命名空间污染。</p>\n<h3 id=\"-\">惰性单例</h3>\n<p>惰性单例是指在需要的时候才创建对象实例。<br>这种技术在实际开发中很有作用，比如制作一个悬浮的登陆框。   </p>\n<p>事先页面只有登陆按钮，用于触发事件。</p>\n<pre><code class=\"lang-html\">&lt;body&gt;\n    &lt;button id=\"loginBtn\"&gt;登录&lt;/button&gt;\n&lt;/body&gt;\n</code></pre>\n<p>js部分：</p>\n<pre><code class=\"lang-js\">//负责实现单例\nvar getSingle = function (fn) {\n    var result;\n    return function () {\n        return result || (result = fn.apply(this, arguments));\n    }\n};\n\n//负责创建登陆框\nvar createLoginlayer = function () {\n    var div = document.createElement(\'div\');\n    div.innerHTML = \'我是一个登陆框\';\n    document.body.appendChild(div);\n    return div;\n};\n\n//生成一个单例对象\nvar createSingleLoginYayer = getSingle(createLoginlayer);\n\n//当有需要的时候创建对象，并具只创建一次\ndocument.getElementById(\'loginBtn\').onclick = function () {\n    createSingleLoginYayer();\n};\n</code></pre>\n<h3 id=\"jquery-one\">jQuery one</h3>\n<pre><code class=\"lang-html\">&lt;button id=\"btn1\"&gt;按钮一&lt;/button&gt;\n&lt;button id=\"btn2\"&gt;按钮二&lt;/button&gt;\n&lt;script src=\"http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js\"&gt;&lt;/script&gt;\n&lt;script src=\"007.js\"&gt;&lt;/script&gt;\n</code></pre>\n<p>007.js如下：</p>\n<pre><code class=\"lang-js\">var console1 = function () {\n    console.log(1);\n};\n\nvar console2 = function () {\n    console.log(2);\n};\n\nvar btn1 = $(\'#btn1\');\nvar btn2 = $(\'#btn2\');\n\n//每次一次，执行一次\nbtn1.on(\'click\', console1);\n\n//只执行一次\nbtn2.one(\'click\', console2);\n</code></pre>\n<h3 id=\"_-once\">_.once</h3>\n<p>underscorejs也有实现单例的方法，我们拿之前的例子改一下。</p>\n<pre><code class=\"lang-html\">&lt;button id=\"loginBtn\"&gt;登陆按钮&lt;/button&gt;\n&lt;script src=\"http://cdn.bootcss.com/underscore.js/1.8.2/underscore-min.js\"&gt;&lt;/script&gt;\n&lt;script src=\"008.js\"&gt;&lt;/script&gt;\n&lt;/body&gt;\n</code></pre>\n<p>008.js如下：</p>\n<pre><code class=\"lang-js\">//负责创建登陆框\nvar createLoginlayer = function () {\n    var div = document.createElement(\'div\');\n    div.innerHTML = \'我是一个登陆框\';\n    document.body.appendChild(div);\n    return div;\n};\n\n//生成一个单例对象\nvar createSingleLoginYayer = _.once(createLoginlayer);\n\n//当有需要的时候创建对象，并具只创建一次\ndocument.getElementById(\'loginBtn\').onclick = function () {\n    createSingleLoginYayer();\n};\n</code></pre>', '', 'guosheng', '2016-05-16 10:20:31', '27', '0', '1', '0', '7', 'javascript,单例模式，设计模式', '1', '1', '网络', '1', '0');
INSERT INTO `li_article` VALUES ('129', 'HTML5.1 将于9月份正式发布 更新内容预览', 'HTML 5.1 来了。HTML 5 诞生多年以来，受到多数主流浏览器的支持。接下来，这门互联网编程语言也将走上更加规范化的道路。 W3C组织最新宣布，正在编写 HTML 5.1 的语言标准规范，预计6月中旬完成初稿，9月份正式发布。', '<p>据悉，相比于 HTML 5 ，即将到来的 HTML 5.1 不仅功能更强，而且更加友善，执行效率更高。HTML5，像任何已经发展了几十年的标准一样，隐含了各式各样的问题。 5.1旨在解决一些问题。</p><p>更新内容预览：</p><p>Tabbed Out</p><p>XSS</p><ul><li>&nbsp;Content Security Policy 介绍了防止跨站点脚本攻击。 HTML 5.1 将增加内联元素，以及样式和脚本的其他规范。</li></ul><p>Off the Table</p><ul><li>在HTML 4时，你在“TBODY”之前写“TFOOT”， HTML5允许在任何地方。但由于Tab键的缘故和HTML 5.1的可访问性，内容模型已经恢复到HTML 4。</li></ul><p>RIP Microformats</p><ul><li>Microformat 以及 Microdata 这些都是很酷的小标签，你可以添加到您的HTML中，以指定内容是什么，比如一个地址。</li></ul><p>据介绍，HTML 5最早诞生于2008年一月，但直到2014年10月才有了第一版标准语言规范。目前，HTML 5技术被认为将取代老旧的Flash，成为新一代Web开发的主流编程语言。</p><p><br></p>', '', '网络', '2016-05-13 17:36:44', '37', '0', '1', '0', '6', 'html5', '1', '1', 'http://www.cnbeta.com/articles/493397.htm', '2', '0');
INSERT INTO `li_article` VALUES ('130', '万维网联盟正在Github上开发HTML5.1', '据外媒报道，很快，互联网上使用的主流语言就要来一次“整容”了，获悉，日前，万维网联盟(W3C)披露正在开发HTML5.1的消息，并表示初版将在今年6月中旬完成，9月则确定最终版。现在，W3C正在软件开发代码托管平台Github上展开相关开发工作，任何对数据修改器bikeshed和HTML熟悉的人也都能进行简单的代码编辑。', '<p>据外媒报道，<strong>很快，互联网上使用的主流语言就要来一次“整容”了，获悉，日前，万维网联盟(W3C)披露正在开发HTML5.1的消息，并表示初版将在今年6月中旬完成，9月则确定最终版。</strong>现在，W3C正在软件开发代码托管平台<a target=\"_self\" href=\"https://github.com/w3c/html\">Github</a>上展开相关开发工作，任何对数据修改器bikeshed和HTML熟悉的人也都能进行简单的代码编辑。<br></p><p>W3C表示，任何被发现的问题都值得他们关注。如果上面推荐的<a href=\"http://click.aliyun.com/m/3628/\" target=\"_blank\">解决方案</a>无法解决他们的问题，那么他们可以通过执行Pull Request从编辑或W3C职工得到方案。</p><p>W3C称，开发HTML5.1是为了让用户在网络的阅读变得更加容易，另外它还能精简未来潜在的变化程序。</p><p>如果HTML5.1的新功能有超过2个浏览器引擎不给予支持，那么W3C将选择抛弃，当这并不意味着就完全丢失，因为它还是可以以扩展的身份回归。比如一些在HTML5上的扩展，它就是由一些Google软件和User Interface信息库Web Components使用者开发。</p><p>据悉，HTML5于2014年10月正式发布标准版，不过它的开发工作却早在2008年的1月就已经开始了。</p><p><br></p>', 'static/upload/pics/5/17/2016k94aiko3_oyOc6piV-KNkF95.jpg', '网络', '2016-05-17 11:07:13', '55', '1', '1', '0', '6', '', '1', '1', '', '2', '0');
INSERT INTO `li_article` VALUES ('128', 'javascript常见数组操作整理', '数组常见操作包含了 增、删、查、改、插入、交集、并集', '<p>数组常见操作包含了 增、删、查、改、插入、交集、并集，现整理如下：</p>\n<p>1、数组整体元素修改</p>\n<pre><code class=\"lang-javascript\">        //map,给数组每个元素加1 输出[1,2,3]\n        $.map([0,1,2],function(n){\n            return n+1;\n        })\n</code></pre>\n<p>2、 数组筛选</p>\n<pre><code class=\"lang-javascript\">        $.map([0,1,2],function(n){\n            return n&gt;0?n+1:null\n        })\n        //[2,3]\n</code></pre>\n<p>3、jquery 元素转数组</p>\n<pre><code class=\"lang-javascript\">        $(\"li\").toArray()\n        $.makeArray($(\"li\"))\n</code></pre>\n<p>4、获取两个数组中相同部分或者不同部分</p>\n<pre><code class=\"lang-javascript\">        //去掉true则显示相同部分，保留true则显示不同部分\n        var a=[1,2,3,5,6,3,7,12],\n             b=[1,3,5,12]\n\n        $.grep(a,function(n,i){\n             if(b.indexOf(n)&gt;=0)\n                 return n\n        },true);\n        //[2, 6, 7]\n</code></pre>\n<p>5、数组去重并倒序排序</p>\n<pre><code class=\"lang-javascript\">        var a=[1,2,3,5,6,3,7,12];\n        $.unique(a)\n        //[12, 7, 6, 5, 3, 2, 1]\n</code></pre>\n<p>6、数组排序</p>\n<pre><code class=\"lang-javascript\">        var arr=[1,34,5,8,4,9,12]\n        arr.sort(function(a,b){\n            return a-b;\n        });\n        //顺序：a-b   [1, 4, 5, 8, 9, 12, 34]\n        //倒序：b-a   [34, 12, 9, 8, 5, 4, 1]\n</code></pre>\n<p>7、数组截取slice</p>\n<pre><code class=\"lang-javascript\">        var arr=[1,34,5,8,4,9,12];\n            arr.slice(2,4) // [5, 8]\n        //arr  输出 [1, 34, 5, 8, 4, 9, 12]\n</code></pre>\n<p>8、数组插入、删除splice(需明确位置)</p>\n<pre><code class=\"lang-javascript\">        var arr=[1,34,5,8,4,9,12];\n        //删除\n             arr.splice(2,4)\n            //arr  输出[1, 34, 12]\n        //替换\n            arr.splice(1,2,3,4)\n            //arr  输出[1, 3, 4, 8, 4, 9, 12]\n        //插入\n            arr.splice(2,0,44)\n        //arr  输出[1, 34, 44, 5, 8, 4, 9, 12]\n</code></pre>\n<p>9、数组遍历</p>\n<pre><code class=\"lang-javascript\">        var members=[\"1\",\"2\",\"3\"];\n        $.each(members,function(i,item){\n            console.log(item);\n        });\n        //如何跳出当前的each循环\n        //return false;——跳出所有循环；相当于 javascript 中的 break 效果。\n        //return true;——跳出当前循环，进入下一个循环；相当于 javascript 中的 continue 效果。\n</code></pre>\n<p>10、jQuery根据元素值删除数组元素的方法</p>\n<pre><code class=\"lang-javascript\">        var arr = [\'a\',\'b\',\'c\',\'d\'];\n        arr.splice($.inArray(\'c\',arr),1);\n        console.log(arr);\n        //[\"a\", \"b\", \"d\"]\n</code></pre>\n<p>11、常见的数组操作</p>\n<pre><code class=\"lang-javascript\">        push、pop、shift、unshift、concat\n</code></pre>\n<p>12、数组操作兼容性</p>\n<pre><code class=\"lang-javascript\">        IE8下\n        $.inArray 代替 indexOf\n\n        $.grep代替Array.prototype.filter\n</code></pre>\n<p>13、常见数组操作案例：</p>\n<p>1、jquery实现从数组移除指定的值</p>\n<pre><code class=\"lang-javascript\">        function delItem(arr,m)\n        {\n                return $.grep(arr,function(n,i){\n                    return n!=m\n                });\n        }\n        var a=[1,2,3,5,6,3,7,12];\n            delItem(a,3)\n</code></pre>\n<p>或者</p>\n<pre><code class=\"lang-javascript\">        function delItem(arr,m)\n            {\n                arr.splice($.inArray(m,arr),1);\n                return arr\n            }\n        var arr = [\'a\',\'b\',\'c\',\'d\'];\n            delItem(arr,\"c\")\n</code></pre>\n<p>2、jquery实现从数组移除指定的数组</p>\n<pre><code class=\"lang-javascript\">        function delArray(arr,delArr)\n        {\n                return $.grep(arr,function(n,i){\n                    if( delArr.indexOf(n)&gt;=0)\n                    return n\n                },true);\n        }\n        var a=[1,2,3,5,6,3,7,12],\n            b=[5,7];\n            delArray(a,b)\n</code></pre>\n<p>3、jquery找出2个数组同有的部分</p>\n<pre><code class=\"lang-javascript\">        function findCommonArray(arr,delArr)\n        {\n                return $.grep(arr,function(n,i){\n                    if( delArr.indexOf(n)&gt;=0)\n                        return n\n                });\n        }\n        var a=[1,2,3,5,6,3,7,12],\n            b=[5,7,9];\n            findCommonArray(a,b)\n</code></pre><p><br></p>', 'static/upload/pics/5/17/2016YuKqGjR0liiRzXoofEQPpjld.jpg', '阿华田', '2016-05-17 10:58:44', '59', '1', '1', '1', '7', 'js,jquery', '1', '1', '', '1', '0');
INSERT INTO `li_article` VALUES ('126', 'thinkjs配置邮件—基于nodemailer模块', 'Nodemailer 是一个简单易用的 Node.JS 邮件发送模块（通过 SMTP，sendmail，或者 Amazon SES），支持 unicode，你可以使用任何你喜欢的字符集。', '<h3 id=\"thinkjs-nodemailer-\"><span style=\"line-height: 1.8; font-size: 14px;\">Nodemailer 是一个简单易用的 Node.JS 邮件发送模块（通过 SMTP，sendmail，或者 Amazon SES），支持 unicode，你可以使用任何你喜欢的字符集。</span><br></h3>\n<h4 id=\"-nodemailer-\">安装nodemailer模块</h4>\n<pre><code>npm install nodemailer@0.7.1 --save\n</code></pre><blockquote>\n<p>注意1：nodejs默认安装最新的nodemailer版本，如果版本和nodejs版本不匹配则会提示你下降版本，本例的适配版本是0.7.1</p>\n</blockquote>\n<h4 id=\"-\">邮件账号配置</h4>\n<p>在src/common/config/下新建mail.js,配置代码如下：</p>\n<pre><code class=\"lang-javascript\">export default {\n  //发送邮件配置\n  host:\"smtp.qq.com\",\n  port: 465,\n  domains:\'[\"qq.com\"]\',\n  account:\'262248861@qq.com\',\n  pass: \"XXXXXXXX\",\n  from:\"262248861@qq.com\",\n  route_on: true,\n  encoding: \"utf-8\"\n};\n</code></pre>\n<blockquote>\n<p>注意2:QQ邮箱的密码不是你的登录密码，而是在设置/账户里开启SMTP后腾讯给出的一串第三方登录密码</p>\n</blockquote>\n<h4 id=\"-mail-controller-\">新建mail控制器，在controller里配置：</h4>\n<pre><code class=\"lang-javascript\">var nodemailer  = require(\"nodemailer\");\nlet mailer=think.config(\"mail\");\nvar smtpTransport = nodemailer.createTransport(\"SMTP\", {\n    host: mailer.host,\n    secureConnection: true,\n    port: mailer.port,\n    requiresAuth: true,\n    domains: mailer.domains,\n    auth: {\n        user: mailer.account, // 账号\n        pass: mailer.pass // 密码\n    }\n});\nsmtpTransport.sendMail({\n    from: mailer.account,\n      to: \"390039626@qq.com,livisky@163.com\", // 收件列表\n subject: \'Node.JS通过SMTP协议从QQ邮箱发送邮件\',\n    html: \'have a try!\'\n},function(err, res) {\n    console.log(err, res);\n});\n</code></pre>\n<p>刷新页面，即可完成邮件的发送。</p>\n<p>在前台页面,controller方法里可以是一个连接，当前台点击此连接时(发送邮件)，自动发送邮件</p>\n<h4 id=\"-\">常见问题</h4>\n<p>1、Invalid login - 535 Authentication failed<br>此项为密码错误，详见注意2<br>2、454 Authentication failed, please open smtp flag first!\'<br>请在QQ邮箱 -&gt; 设置 -&gt; 帐户 -&gt; 开启服务：POP3/SMTP服务</p><p><br></p>', 'static/upload/pics/5/17/2016BK15AZ8w0jz2-i70Fpb5AXzH.jpg', '前端汇', '2016-05-17 16:26:44', '80', '1', '1', '1', '3', 'thinkjs,nodejs', '1', '1', '', '3', '0');
INSERT INTO `li_article` VALUES ('127', 'Puer安装及前端应用', 'puer是一个可以实时编辑刷新的前端服务器。特性一览:\n提供一个当前或指定路径的静态服务器\n所有浏览器的实时刷新：编辑css实时更新(update)页面样式，其它文件则重载(reload)页面\n提供简单熟悉的mock请求的配置功能，并且配置也是自动更新。', '<h4 id=\"puer-\">Puer安装及前端应用</h4>\n<blockquote>\n<p>Puer是一个可以实时编辑刷新的前端服务器。特性一览:<br>提供一个当前或指定路径的静态服务器<br>所有浏览器的实时刷新：编辑css实时更新(update)页面样式，其它文件则重载(reload)页面<br>提供简单熟悉的mock请求的配置功能，并且配置也是自动更新。<br>可用作代理服务器，调试开发既有服务器的页面，可与mock功能配合使用<br>集成了weinre，并提供二维码地址，方便移动端的调试<br>可以作为connect中间件使用(前提是后端为nodejs，否则请使用代理模式)</p>\n</blockquote>\n<h5 id=\"-\">一、安装：</h5>\n<p>安装NodeJS后，cmd输入命令行</p>\n<pre><code>npm install puer -g\n</code></pre><p>输入puer -h 查看帮助，验证是否安装成果</p>\n<pre><code>puer -h\n</code></pre><h5 id=\"-\">二、应用场景</h5>\n<h5 id=\"-1-\">场景1：实时编辑刷新的前端服务器</h5>\n<p>1、新建任意文件夹，cmd进入目录，输入puer<br>2、自动打开<a href=\"http://localhost:8000页面(端口可以\">http://localhost:8000页面(端口可以</a> -p 8001参数进行控制)<br>3、新建index.html，实时修改，自动刷新</p>\n<p>&lt;br/&gt;</p>\n<h5 id=\"-2-ajax-\">场景2：便捷模拟ajax数据接口，快速开发小型应用</h5>\n<p>1、新建router.js并添加代码</p>\n<pre><code class=\"lang-javascript\">module.exports = {\n  \"GET /v1/posts/:id\": function(req, res, next){\n    res.send({\n      title: \"title changed\",\n      content: \"tow post hahahah\"\n    })\n  },\n  \"PUT /v1/posts/:id\": function(){\n  },\n  \"POST /v1/posts\": function(){\n  },\n  \"DELETE /v1/posts/:id\": function(){\n  }\n}\n</code></pre>\n<p>2、输入命令：</p>\n<pre><code>puer -a route.js\n</code></pre><p>3、输入 <a href=\"http://localhost:8000/v1/posts/1即可访问接口返回模拟的Json数据\">http://localhost:8000/v1/posts/1即可访问接口返回模拟的Json数据</a></p>\n<pre><code>{\n      title: \"title changed\",\n      content: \"tow post hahahah\"\n}\n</code></pre><p>&lt;br/&gt;</p>\n<h5 id=\"-3-weinre-\">场景3：集成了weinre,实现远程调试</h5>\n<p>cmd输入</p>\n<pre><code>puer -i\n</code></pre><p>1、手机连接内网，访问本地ip地址或扫描puer提供的二维码<br>2、新窗口打开(或点击nav to weinre terminal)<a href=\"http://localhost:9001/client/#anonymous\">http://localhost:9001/client/#anonymous</a> 即可进行远程调试</p><p><br></p>', 'static/upload/pics/5/17/2016uzQyW6RL5076-m4s9xJPdAb9.jpg', '前端汇', '2016-05-17 11:02:05', '51', '1', '1', '1', '13', 'puer,nodejs', '1', '1', '', '3', '0');
INSERT INTO `li_article` VALUES ('124', 'thinkjs开启csrf示例教程', '什么是CSRF? 就是防止批量、重复地模拟表单提交，达到恶人的目的。所有项目，考虑安全问题，最好所有提交请求都加一下。某公司因为注册时候的短信验证码请求时未加，导致被人利用发送好几万条短信...', '<h4 id=\"-csrf-\">什么是CSRF?</h4>\n<blockquote>\n<p>CSRF（Cross-site request forgery跨站请求伪造，也被称为“One Click Attack”或者Session Riding，通常缩写为CSRF或者XSRF，是一种对网站的恶意利用。。。。详见百度</p>\n</blockquote>\n<p>通俗地讲：就是防止批量、重复地模拟表单提交，达到恶人的目的。所有项目，考虑安全问题，最好所有提交请求都加一下。某公司因为注册时候的短信验证码请求时未加，导致被人利用发送好几万条短信...</p>\n<h4 id=\"thinkjs-\">thinkjs如何配置？</h4>\n<p>贴上官方文档提供的配置代码：</p>\n<blockquote>\n<p>开启 CSRF</p>\n<p>配置 hook 文件 src/common/config/hook.js，添加如下的配置：</p>\n<pre><code>export default {\n  logic_before: [\"prepend\", \"csrf\"]\n}\n</code></pre><p>CSRF 默认的配置如下，可以在配置文件 src/common/config/csrf.js 中修改：<br>(在 src/common/config下新建csrf.js文件贴上代码)</p>\n<pre><code>export default {\n  session_name: \"__CSRF__\", // Token 值存在 session 的名字\n  form_name: \"__CSRF__\", // CSRF 字段名字，从该字段获取值校验\n  errno: 400, //错误号\n  errmsg: \"token error\" // 错误信息\n};\n</code></pre><p>如此，thinkjs端的配置完成了，注意两个配置项：session_name: \"<strong>CSRF</strong>\",和form_name: \"<strong>CSRF</strong>\"。</p>\n</blockquote>\n<p>应用场景：</p>\n<p>假如后台登录需要添加csrf:<br>在controller/login.js的session里获取csrf值,并assign到前台页面</p>\n<pre><code>  async indexAction(){\n      this.assign(\"title\",\"管理员登陆\")\n      let csrf=await this.session(\"__CSRF__\");\n      this.assign(\"csrf\",csrf);\n      //判断是否登陆\n            let data=await this.session(\'userInfo\');\n            if(think.isEmpty(data)){\n                  return  this.display();\n                }else{\n                  return  this.redirect(\"/admin/index\");\n            }\n       //判断是否登陆 \n  }\n</code></pre><p>这样前台页面就能获取到<strong>CSRF</strong>的值了<br>在前台login.html页面里可以弄个隐藏域来放CSRF值</p>\n<pre><code> &lt;form&gt;\n   &lt;div class=\"form-group\"&gt;\n    &lt;label for=\"username\"&gt;用户名&lt;/label&gt;\n    &lt;input type=\"text\" class=\"form-control\" id=\"username\" placeholder=\"用户名\"&gt;\n   &lt;input type=\"hidden\" id=\"csrf\" value=\"&lt;%=csrf%&gt;\"&gt;\n &lt;/div&gt;\n&lt;/form&gt;\n</code></pre><p>然后在前台表单提交的时候，传输的数据添加<strong>CSRF</strong>参数</p>\n<pre><code>$(\"#loginBtn\").on(\'click\', function () {\n    $.ajax(\n    {\n        url: \'http://localhost:8361/login/dologin\',\n\n        data: {\n            username: $(\"#username\").val(),\n            password: $(\"#password\").val(),\n            __CSRF__: $(\"#csrf\").val()\n        },\n        type: \'POST\',\n        success: function (json) {\n\n            if (json.errno === 0) {\n\n                alert(json.errmsg);\n\n                window.location.href = \"/admin/index\";\n            } else {\n                alert(json.errmsg);\n            }\n        }\n    }\n    )\n})\n</code></pre><p>如此，CSRF的简单应用就完成了。</p>\n<p>进阶用法，可以考虑在controller/base.js里统一assign系统的CSRF值，这样所有页面都有了。CSRF值写在前台的公用头部的meta标签里，其他页面&lt;%include inc/header.html%&gt;，然后表单提交的时候获取一下并提交CSRF值。（个人想法）</p><p><br></p>', 'static/upload/pics/5/17/2016LyfWg_NSkyBQytxInLcGMc0G.jpg', '前端汇', '2016-05-17 11:10:54', '92', '1', '1', '1', '3', 'csrf,thinkjs', '0', '1', '', '3', '0');
INSERT INTO `li_article` VALUES ('125', 'nodejs的守护进程pm2的使用方法', '什么是pm2?pm2 是一个带有负载均衡功能的Node应用的进程管理器。当你要把你的独立代码利用全部的服务器上的所有CPU,并保证进程永远都活着,0秒的重载, PM2是完美的。', '<h3 id=\"nodejs-pm2-\"><span style=\"color: inherit; font-size: 18px; line-height: 1.8;\">什么是pm2?</span><br></h3>\n<blockquote>\n<p>pm2 是一个带有负载均衡功能的Node应用的进程管理器。当你要把你的独立代码利用全部的服务器上的所有CPU,并保证进程永远都活着,0秒的重载, PM2是完美的。</p>\n</blockquote>\n<h4 id=\"-pm2\">安装pm2</h4>\n<p>进入项目目录，输入命令</p>\n<pre><code class=\"lang-javascript\">npm install pm2 --save\n</code></pre>\n<p>安装好项目的pm2模块后，在node_modules目录下就会多一个pm2模块</p>\n<h4 id=\"pm2-\">pm2使用</h4>\n<p>新建pm2.json文件</p>\n<pre><code class=\"lang-javascript\">{\n  \"apps\": [{\n    \"name\": \"liblog\",\n    \"script\": \"npm start www/production.js\",\n    \"cwd\": \"E:/jsout/liblog\",\n    \"max_memory_restart\": \"1G\",\n    \"autorestart\": true,\n    \"node_args\": [],\n    \"args\": [],\n    \"env\": {\n\n    }\n  }]\n}\n</code></pre>\n<p>cwd为项目文件夹路径<br>script为项目入口文件<br>其余不多做解释...</p>\n<p>最后执行pm2开始命令</p>\n<pre><code class=\"lang-javascript\">   pm2 start pm2.json\n   或\n   pm2 startOrReload pm2.json\n   或\n   pm2 startOrGracefulReload pm2.json\n</code></pre>\n<h4 id=\"-\">常用命令</h4>\n<pre><code class=\"lang-javascript\">pm2 status +项目名或id\npm2 list\npm2 delete +项目名或id\npm2 delete all\n</code></pre><p><br></p>', 'static/upload/pics/5/17/2016COmC5fwujjRSHLnwBvHezV8p.jpg', '前端汇', '2016-05-17 10:56:00', '34', '1', '1', '1', '3', 'nodejs,thinkjs', '1', '1', '', '3', '0');
INSERT INTO `li_article` VALUES ('132', '第五届中国（西部）高新技术产业与金融资本对接推进会', '时间: 05-17 09:00 - 05-18 17:00\n地点:成都 - 世纪城新国际会议中心标签 ', '<p><i>时间:</i>&nbsp;<i>05-17 09:00 - 05-18 17:00</i></p><p><i>地点:</i><i>成都 - 世纪城新国际会议中心</i></p><p><span style=\"color: inherit; font-size: 18px; line-height: 1.8;\">活动内容</span></p><p>&nbsp;&nbsp;&nbsp;&nbsp;由民建中央、科学技术部、四川省人民政府、深圳证券交易所联合主办，成都市人民政府、四川省科学技术厅等承办的“第五届中国（西部）高新技术产业与金融资本对接推进会”将于2016年5月17日-18日在成都世纪城新国际会展中心隆重举行。</p><p>&nbsp;&nbsp;&nbsp;&nbsp;作为中国西部乃至全国有重要影响力的科技金融品牌盛会，中国（西部）高新技术产业与金融资本对接推进会已成功举办四届，共促成四川地区科技型企业投融资项目510项，融资金额388亿元。其中风险投资项目193项，融资金额152.52亿元；银行贷款项目301项，融资金额 203.03亿元。大会以助推科技和金融深度结合为目标，通过政府搭台、社会参与、市场运作相结合的方式，在优化产业结构推动转型升级、促进经济提质增效、构筑区域创新体系等方面发挥了积极而独特的作用！</p><p>&nbsp;&nbsp;&nbsp;&nbsp;“第五届中国（西部）高新技术产业与金融资本对接推进会”将秉承往届办会宗旨，深入贯彻党的十八大精神，紧紧围绕全面创新改革试验区建设和创新驱动发展战略实施，以“科技金融深度融合，创新创业全面推进”为主题，强化突出科技金融对创新创业的支撑作用，推动供给侧结构性改革，助力大众创业、万众创新。本届大会将呈现以下特色和创新：</p><p></p><p>&nbsp;&nbsp;&nbsp;&nbsp;权威性强：大会邀请国家相关部委领导权威解读政策导向；邀请世界顶尖投资专家、孵化器专家参会，分享国际先进经验，启迪创新创业思维，点亮投资智慧；邀请国内知名金融专家、学者、业界领袖，把脉热点趋势，揭示最前沿的金融投资之道。</p><p>覆盖面广：设置科技金融高峰论坛暨重大科技成果转化发布会，重大科技成果抢先亮相；设置创新创业投资、多层次资本市场、银贷保等主题论坛，聚焦各类金融机构，思维碰撞新观点，对接迸发新活力。</p><p>&nbsp;&nbsp;&nbsp;&nbsp;热点突出：紧贴“双创”热潮，着力打通科技与经济结合通道，紧密围绕科技成果转化、创新创业、科技孵化、天使投资、新三板等行业和市场热点话题，邀请国内外重量级嘉宾传道解惑，助力整合各类金融资本，营造创新创业良好金融生态。</p><p>&nbsp;&nbsp;&nbsp;&nbsp;务实高效：（1）项目发布：甄选400余项优质高新技术企业项目和重大科技成果转化项目编入《项目汇编手册》，甄选100余家优质投资机构编入《机构信息表》；（2）路演对接：筛选40个重大科技成果转化项目、高新技术企业项目、拟挂牌项目、银行贷款项目进行路演推介；（3）展览展示：以重点区域专题展、特色科技金融服务展、重大科技成果转化项目展等全方位展示四川省促进科技金融结合的丰硕成果和骄人成绩。</p><p><a target=\"_blank\" href=\"http://events.pedaily.cn/customized/422/Overview.shtml\">去官网报名</a><br></p><p><br></p>', '', '网络', '2016-05-16 14:57:44', '11', '0', '1', '0', '14', '', '0', '1', '', '6', '0');
INSERT INTO `li_article` VALUES ('133', 'APP推广之最高性价比渠道剖析---【鸟哥笔记x陌陌】内部密训', '时间：05-17 13:30 - 16:30\n地点：北京 - 昆泰酒店', '<p><i>时间</i>：<i>05-17 13:30 - 16:30</i></p><p><i>地点：</i><i>北京 - 昆泰酒店</i><br></p><ul></ul><h4>活动内容</h4><p>移动营销，效果为王，</p><p>究竟什么是高性价比的渠道？</p><p>如何Hold住新一波社会化营销浪潮？</p><p>如何助力品牌推广？</p><p>一场你不得不来的内部分享！</p><p>*根据报名信息完整度、匹配度等因素确定300个名额。</p><p>培训人：鸟哥——鸟哥笔记创始人 曹道富</p><p>日程安排：</p><p>13：30-14：30 签到</p><p>14：30-15：30 APP推广之最高性价比渠道剖析 &nbsp;鸟哥笔记创始人 曹道富（鸟哥）</p><p>15：30-16：00 陌陌高管分享</p><p>16：00-16：30 现场答疑</p><p>活动联系人：布瓜 微信号cj-kiki</p><p><a target=\"_blank\" href=\"http://www.huodongxing.com/event/9334002404300\">去官网报名</a><br></p><p><br></p>', '', '网络', '2016-05-16 15:23:20', '10', '0', '1', '0', '14', '', '0', '1', '', '6', '0');
INSERT INTO `li_article` VALUES ('134', '2016中美医药·医疗创业大赛北京分赛区', '时间：05-17 09:00 - 17:30\n地点：北京 - 海淀区安宁庄西路9号', '<p><i>时间</i>：<i>05-17 09:00 - 17:30</i></p><p><i>地点：</i><i>北京 - 海淀区安宁庄西路9号</i><br></p><ul></ul><h4>活动内容</h4><p>Demohealth2016创业大赛（北京站），优秀的参赛项目正在征集中。DemoHealth创业大赛是健康医疗领域创业大赛，2015年启动以来，先后在北京、上海、武汉、青岛、厦门等多地举办城市赛，聚集了超过2000家创业项目、500家专业投资机构及上千名医疗领域专业投资人，吸引了包括科研院所、医院、企业等科技人员以及美国、以色列、澳大利亚等海外归国人才参赛，其中10个项目通过平台成功获得了融资，融资金额超过4亿元，单体项目最大融资额1500万美元。这些创业项目的融资和产品上市进程明显加快，创新创业和投资的成功率均得到提高。</p><p><a target=\"_blank\" href=\"http://www.huodongxing.com/event/1331263513900\">去官网报名</a><br></p><p><br></p>', '', '网络', '2016-05-16 15:26:22', '12', '0', '0', '0', '14', '', '1', '1', '', '6', '0');
INSERT INTO `li_article` VALUES ('135', '汇聚AR/VR/新材料/新能源/智能硬件/——’科交会‘杯深圳区决赛', '时间 ：05-17 13:30 - 17:00\n地点：深圳 - 讯美科技广场3号楼', '<p><i>时间</i>&nbsp;：<i>05-17 13:30 - 17:00</i></p><p><i>地点：</i><i>深圳 - 讯美科技广场3号楼</i></p><h4>活动内容</h4><p>&nbsp;&nbsp;&nbsp;&nbsp;“科交会”杯全国创新创业大赛作为第二届中国科技成果交易会的重要环节，由中国科协、九三学社中央、中国工程院、广东省政府和广州市政府共同举办，广州市政府承办，是于3月起在全国北京赛区、广佛赛区、深圳赛区、成都赛区、南京合肥赛区、苏杭沪赛区、武汉赛区、广西赛区八大赛区同步启动报名，此次深圳赛区是由方橙创投、太库孵化器、创客街主办；新三板智库、创新谷、LAB360孵化器、众英创投、南极圈、大工坊创客基地、GMGC全球移动游戏联盟深圳分会联合主办；最后经初赛、晋级赛选拨优质项目送往广州总赛场参加决赛。</p><p></p><p>&nbsp;&nbsp;&nbsp;&nbsp;1 新创中天	A轮</p><p>专注于智能交通、智慧城市和机器视觉技术的应用研究，国家高新技术企业，多项发明专利；2016年营收同比增长数倍以上，在手订单超过5000万元。</p><p></p><p>&nbsp;&nbsp;&nbsp;&nbsp;2	新三板智库	pre-A</p><p>新三板研究领域第一品牌；最专业的新三板微信公众平台；15年获硅谷天堂数百万天使投资。</p><p></p><p>&nbsp;&nbsp;&nbsp;&nbsp;3	小宅VR&nbsp;A轮</p><p>专注于可穿戴设备虚拟现实技术的研究与产业化，拥有虚拟现实技术多项专利，目前已成功发布多款受市场欢迎的VR产品；出货量居国内前三，2016年预计净利润可达4000万。</p><p></p><p>&nbsp;&nbsp;&nbsp;&nbsp;4	小派VR	A轮</p><p>目前已拥有18项专利，发布了全球首款4K分辨率VR设备“小派4K”，配置双陀螺仪和将延迟率控制在18ms以解决多数VR设备难以绕过的眩晕感重的难关，并将重量控制为220g；未来以核心研发技术为基础，围绕“硬件+内容”两大领域，推动产品的持续进步，为用户带来最好的虚拟现实体验。</p><p></p><p>&nbsp;&nbsp;&nbsp;&nbsp;5&nbsp;以色列VR芯片公司（CII-Gemsense）&nbsp;pre-A</p><p>来自以色列的领先高科技企业，为第三⽅提供可穿戴传感器技术芯⽚以及研发平台。</p><p></p><p>&nbsp;&nbsp;&nbsp;&nbsp;6	小储能源速递	pre-A</p><p>公司提供基于储能的移动充电服务，以充电云服务平台的大数据系统、运营管理系统、手机充电服务APP为基础，结合充电设施，构建统一调度与合理调配的集约式移动配电服务网络，是上海市新能源推进办目前认定的唯一一家移动充换电设施企业。</p><p></p><p>&nbsp;&nbsp;&nbsp;&nbsp;7	格莱特	A轮</p><p>光固化对于传统的热固化有颠覆性技术优势，而格莱特则是光固化新型材料（国家十三五规划重点行业）的领先者，国家高新企业和深圳高新企业，拥有光固化材料工程技术研究中心，2015年起成为三星和苹果指定唯一光固化材料供应商。</p><p></p><p>&nbsp;&nbsp;&nbsp;&nbsp;8	回购网	pre-A</p><p>国内首家二手数码环保回收、销售的C2B2B平台，致力于打造以二手3C数码为核心的互联网回收平台；现已和魅族，苏宁，天猫、中域电讯、中国电信、中国移动等取得合作，14年营收3000万，15年营收近5000万，16年预计营收1个亿。</p><p></p><p>&nbsp;&nbsp;&nbsp;&nbsp;9	沙师弟	A轮</p><p>沙师弟专注研究“互联网+传统物流”致力于解决全国3000多万货车司机吃住行修等行车相关问题，目前已开发出全国首款且唯一一款货车专用导航及全国唯一一款移动版运力管理工具，现用户下载量超50万+，周活13万+；运力管家合作物流企业近1000家。</p><p></p><p>&nbsp;&nbsp;&nbsp;&nbsp;10	奇境科技	pre-A</p><p>专注于虚拟现实技术应用与开发，打造虚拟现实线上线下体验平台，团队核心成员均在虚拟现实行业从业超过8年，对虚拟现实行业有着深刻的理解，已获得12项专利知识产权及已发布四款原创VR游戏；16年初已获2000万天使投资。</p><p></p><p>&nbsp;&nbsp;&nbsp;&nbsp;11	超级电	pre-A</p><p>国内首家自主研发的线上线下结合的移动式智能充电桩，目前已发布数款符合不同场景的移动充电桩的产品。拥有专利十余项。</p><p><a target=\"_blank\" href=\"http://huodong.tuicool.com/huodong/goto?id=57345ddb651a5ece5e252b70\">去官网报名</a><br></p><p><br></p>', '', '网络', '2016-05-16 15:32:58', '17', '0', '0', '0', '14', '', '0', '1', '', '6', '0');
INSERT INTO `li_article` VALUES ('136', '第十届中国创业天使会Demo-day', '时间： 05-17 14:00 - 17:00\n地点：上海 - 沪太支路538号', '<p><i>时间：</i>&nbsp;<i>05-17 14:00 - 17:00</i></p><p><i>地点：</i><i>上海 - 沪太支路538号</i><br></p><ul></ul><h4>活动内容</h4><p>&nbsp;&nbsp;&nbsp;&nbsp;创业者的嘉年华，投资界的风向标。一月一次的中国创业天使Demo-day又迎来了他的到来，Demo-day已经顺利举办到第十期，本次Demo-Day届时将有多个好项目，投资人多多，绝对是您物色项目、融资宣传的绝好时机！</p><p>【路演项目介绍】</p><p>&nbsp;&nbsp;&nbsp;&nbsp;1、地捷科技 &nbsp;CEO赵毅</p><p>地捷科技是一家在上海图书馆孵化的企业，致力于城市交通中个人捷运系统（PRT）的研究。个人捷运系统即为有轨化无人驾驶汽车，是一种个性化的公共交通。PRT能够达成舒适私密、一站直达的交通服务，但其核心难点在于运能不足。地捷科技在有轨无人驾驶的基础上，采用动力轨与立体变轨两项新技术，解决了PRT运能不足的难题。本公司致力于打造全球领先的交通技术研发类企业，成为城市交通领域的发明公司。</p><p>自项目上线，在一天的时间内，融满众筹金额，超募126%。</p><p></p><p>&nbsp;&nbsp;&nbsp;&nbsp;2、圈圈科技 &nbsp;CEO许峰</p><p>圈圈科技致力于通过AR技术将信息融入场景，同时赋予信息更多的维度。首创以立场为核心的信息交互平台，通过空间定位，AR搜索引擎等方式实现用户与场景的交互。</p><p>获得过英特尔数据中心总裁朱巍，汇纳科技，飞马旅天使轮投资。</p><p></p><p>&nbsp;&nbsp;&nbsp;&nbsp;3、中云之翼 &nbsp;CEO关磊</p><p>中云之翼是一家专业从事云计算产品开发和技术服务的纯内资控股软件公司。公司主要面向国内各行业普遍存在的虚拟化和云计算产品需求，提供虚拟化平台产品，IaaS私有云平台产品，技术咨询和整体解决方案服务。</p><p>获得鼎坤资本旗下尔英基金投资天使轮并在本次众筹中领投。</p><p><a target=\"_blank\" href=\"http://www.huodongxing.com/event/2334472839400\">去官网报名</a><br></p><p><br></p>', '', '网络', '2016-05-16 15:35:41', '10', '0', '0', '0', '14', '', '0', '1', '', '6', '0');
INSERT INTO `li_article` VALUES ('137', '500 Startups 硅谷加速器BIG CAMP创业成长营', '时间 ：05-17 14:00 - 18:00\n地点：杭州 - 梦想小镇互联网村21号楼', '<p><i>时间</i>&nbsp;：<i>05-17 14:00 - 18:00</i></p><p><i>地点：</i><i>杭州 - 梦想小镇互联网村21号楼</i><br></p><ul></ul><h4>活动内容</h4><p>500 Startups是硅谷一流的创业加速器，</p><p>5年来已投资了超过1000个项目，</p><p>是不少创业团队争先恐后想要进入的地方。</p><p>但他们每年拒绝了几十万份创业公司的申请，</p><p>只为遇见更优秀的你。</p><p>作为一名出色的创业者，</p><p>想了解如何才能获得500 Startups投资人的青睐？</p><p>想知道什么样的项目适合加入500 Startups？</p><p>想看看500 Startups与其他的加速器、</p><p>孵化器或其他投资基金有什么不同？</p><p>今年五月，曾袭卷台北、香港的硅谷顶级加速器500 Startups 创业成长营BIG CAMP将首次登陆杭州，四位连续创业家及流量骇客导师亲身传授第一手实战创业经验，让杭州本地创业家不必远赴硅谷也能体验世界顶级加速器500 Startups的第一手创业课程！</p><p>组建团队、打磨产品、融资募资。。。</p><p>——500 Startups导师的实战洞察将是助preA轮创业者夯实基础的关键！ 500 Startups的强大全球网络会为出海项目带来各方面的巨大价值，同时主攻跨境投资，有心出海放眼国际市场的创业者不容错过。</p><p><a target=\"_blank\" href=\"http://www.huodongxing.com/event/7334303492700\">去官网报名</a><br></p><p><br></p>', '', '网络', '2016-05-16 15:38:11', '9', '0', '0', '0', '14', '', '0', '1', '', '6', '0');
INSERT INTO `li_article` VALUES ('138', '中韩“新消费”创业公司+投资人沙龙', '时间 ：05-17 14:00 - 22:30\n地点：北京 - 凯宾斯基酒店（亮马桥店）', '<p><i>时间</i>&nbsp;：<i>05-17 14:00 - 22:30</i></p><p><i>地点：</i><i>北京 - 凯宾斯基酒店（亮马桥店）</i><br></p><ul></ul><h4>活动内容</h4><p>“消费升级”是当前中国经济发展的重要主题之一。“韩流”的注入，对中国的消费升级增添了独特的活力，形成了不可忽视的时代现象。</p><p>“韩流”一词源于中国围棋，现泛指韩国出口的文化、娱乐和科技产品。韩国创造了“韩流”，加之与中国同样传承着儒家的文化传统，韩国产品在中国有很广泛的受众。</p><p>本次沙龙由点石微投行和BeSuccess主办，将韩国最前沿的“新消费”领域美业、教育、娱乐公司和投资者带到北京，与中国创业者和投资者进行深度交流。</p><p>点石微投行和beSuccess携手与你一起发现中韩“新消费”领域下一只独角兽!</p><p><img src=\"http://cdn.huodongxing.com/file/20160413/11F232506E1CCB8D9BA36116A30F7BBEDC/30392309553079670.jpg\" alt=\"160427_中韩论坛邀请函（终）_02.jpg\"></p><p><img src=\"http://cdn.huodongxing.com/file/20160413/11F232506E1CCB8D9BA36116A30F7BBEDC/30372309553549727.jpg\" alt=\"160427_中韩论坛邀请函（终）_05.jpg\"></p><p><a target=\"_blank\" href=\"http://www.huodongxing.com/event/4332470469500\">去官网报名</a><br></p><p><br></p>', '', '网络', '2016-05-16 15:41:28', '8', '0', '0', '0', '14', '', '0', '1', '', '6', '0');
INSERT INTO `li_article` VALUES ('139', '猎桔公开课 | 优秀CEO必须建立的财税观', '时间 ：05-17 19:00 - 21:00\n地点：北京 - 银丰大厦3楼纳什空间', '<p><i>时间</i>&nbsp;：<i>05-17 19:00 - 21:00</i></p><p><i>地点：</i><i>北京 - 银丰大厦3楼纳什空间</i></p><h4>活动内容</h4><p>创业九死一生，面对艰难的环境，繁多的事务，学习能力对创业者尤显重要。</p><p>我们邀请了易后台创始人姚宁，联手打造了优秀CEO必须建立的财税观课程，带你了解初创企业常见的财税硬伤，学会处理稅企关系等，为公司的壮大发展打下基础。</p><p>通过课程你将学到：</p><p>初创企业常见的财税硬伤；</p><p>两套账的风险及解决方案；</p><p>初创企业如何处理好税企关系；</p><p>关于发票需要注意的问题；</p><p>需要关注的税收优惠政策。</p><p>建议听课对象：</p><p>初创公司创始人/联合创始人</p><p>活动嘉宾</p><p>姚宁：易后台创始人</p><p>资深会计师，曾担任本土最大会计师事务所合伙人、央企下属互联网通信企业财务负责人，先后为多家知名IT及互联网企业、上市公司提供过专业服务，对TMT领域的财税处理有深入的研究和实践。</p><p><a target=\"_blank\" href=\"http://www.huodongxing.com/event/1331165561700\">去官网报名</a><br></p><p><br></p>', '', '网络', '2016-05-16 15:43:54', '12', '0', '0', '0', '14', '', '1', '1', '', '6', '0');
INSERT INTO `li_article` VALUES ('140', '大数据第一网红维克托见面会', '时间 ：05-18 08:00 - 12:00\n地点：北京 - 国家会议中心四层大会堂', '<p><i>时间</i>&nbsp;：<i>05-18 08:00 - 12:00</i></p><p><i>地点：</i><i>北京 - 国家会议中心四层大会堂</i><br></p><ul></ul><h4>活动内容</h4><p>生活的奇妙之处，在于你永远不知道吃到的下一颗巧克力是什么味道，就像你突然被通知，不懂大数据都算不上合格公民了——“大数据”登上国家科技部和中央宣传部最近印发的《中国公民科学素质基准》。</p><p></p><p>话是这么说，大部分人对大数据只是一知半解，当个时髦的谈资，但世间总有高人在，一个牛人最早洞察了大数据的本质和秘密，成为大数据届当之无愧的超级网红。</p><p>他就是《大数据时代》作者维克托•迈尔•舍恩伯格，他将于5月18日在第八届中国云计算大会上与您见面。</p><p>作为国外大数据研究的先河之作，《大数据时代》阐述信息风暴正在变革我们的生活、工作和思维，在这个时代只需要知道“是什么”，而不需要知道“为什么”，这一观点颠覆了千百年来人类的思维惯例。</p><p>而维克托本人，被誉为“大数据商业应用第一人”和大数据时代的预言家。十余年潜心研究数据科学，担任耶鲁大学、芝加哥大学、弗吉尼亚大学、圣地亚哥大学、维也纳大学等多所高校的客座教授。</p><p>没有大数据，世界会怎样？</p><p>大数据是如何塑造和改变我们的商业？</p><p>如何不陷入大数据的困境？</p><p>……</p><p><a target=\"_blank\" href=\"http://huodong.tuicool.com/huodong/goto?id=5720b728651a5ece5e252359\">去官网报名</a><br></p><p><br></p>', '', '网络', '2016-05-16 15:46:53', '15', '0', '0', '0', '14', '', '0', '1', '', '6', '0');
INSERT INTO `li_article` VALUES ('141', '第八届中国云计算大会', '时间： 05-18 08:30 - 05-20 18:30\n\n地点：北京 - 国家会议中心', '<p><i>时间：</i>&nbsp;<i>05-18 08:30 - 05-20 18:30</i></p><p><i>地点：</i><i>北京 - 国家会议中心</i></p><h4>活动内容</h4><p>中国云计算大会迄今已有八年历史，是中国最大规模、最具影响力的年度云计算技术、产业、应用盛会，也是国内外云计算大数据领域最具权威性的政、产、学、研、用、融多方融合的高端大会。</p><p>第八届中国云计算大会预计超过14000人次，将承续前七届大会的成功经验，采用全体大会、专题论坛、展览展示等形式，突出行业应用，推动云计算大数据落地生根；聚焦技术创新，同步国内外创新成果，持续打造云计算大数据技术、产业和应用等领域最有影响力的交流平台。</p><p>参加第八届中国云计算大会，您将加入成为中国云计算技术与产业联盟、中国电子学会云计算专家委员会、中国大数据专家委员会与ZD至顶网共同组织成立的中国云计算研习会（以下简称研习会），享受如下特权：</p><p>与云计算、大数据专家线上、线下学术交流机会</p><p>享受研习会提供的与云计算、大数据生态伙伴商业对接机会</p><p>优先参与中国云计算技术与产业联盟、中国电子学会云计算专家委员会、中国大数据专家委员会组织的各项活动</p><p>免费活动研习会提供的专属学习资料</p><p>免费加入中国云计算大会社交圈，结识人脉 &nbsp;</p><p><a target=\"_blank\" href=\"http://www.ciecloud.org/2016\">去官网报名</a><br></p><p><br></p>', '', '网络', '2016-05-16 19:58:11', '26', '0', '0', '0', '14', '', '0', '1', '', '6', '0');
INSERT INTO `li_article` VALUES ('142', 'VR行业沙龙——创业路上那些坑', '时间 ：05-18 13:30 - 16:30\n地点：北京 - 中关村鼎好大厦A座二层', '<p><i>时间</i>&nbsp;：<i>05-18 13:30 - 16:30</i></p><p><i>地点：</i><i>北京 - 中关村鼎好大厦A座二层</i></p><h4>活动内容</h4><p>活动目的：</p><p>分享、交流在VR创业的路上都遇到过哪些“坑”和困难，共同探讨如何规避创业风险，避免团队走不必要的弯路，让企业更高效的成长。</p><p>活动议程：</p><p>13:30-14:00 &nbsp; 入场签到</p><p>14:00-14:10 &nbsp;开场介绍</p><p>14:10-14:25 &nbsp;DreamVR CMO 许京凯：初创团队做VR的艰辛路</p><p>14:25-14:40 &nbsp;暴风魔镜 CEO 黄晓杰：成熟型公司做VR也有坑（待确认）</p><p>14:40-14:55 &nbsp;VR竞技时代 COO 于阳：VR相关产业人的难处</p><p>14:55-15:10 &nbsp;Founder 创始人&amp;CEO 伏英娜：VR创业技术上的难题</p><p>15:10-15:25 &nbsp;创客总部合伙人 李建军：投资人眼中VR雷区</p><p>15:25-15:35 &nbsp;互动抽奖：一台移动电源、两台VR头盔</p><p>15:25-16:00 &nbsp;圆桌论坛</p><p>16:00-16:20 &nbsp;互动提问</p><p>16:20-16:30 &nbsp;互动抽奖：一台智能摄像头、两台VR头盔</p><p><a target=\"_blank\" href=\"http://www.huodongxing.com/event/8333294048300\">去官网报名</a><br></p><p><br></p>', '', '网络', '2016-05-16 18:35:48', '11', '0', '0', '0', '14', '', '0', '1', '', '6', '0');
INSERT INTO `li_article` VALUES ('143', '一线互联网团队是怎么搞创业的？ ——杨少锋回西安', '时间： 05-18 14:00 - 15:30\n地点：西安 - 陕西省图书馆', '<p><i>时间：</i>&nbsp;<i>05-18 14:00 - 15:30</i></p><p><i>地点：</i><i>西安 - 陕西省图书馆</i></p><h4>活动内容</h4><p>在资本寒冬里，有着丰富投资经验、创业经验的杨少锋总裁将与你分享他的真实经历，让你从浪尖的投资人、成功企业家的角度看互联网创业团队该如何度过。</p><p></p><p>成熟企业的架构是什么样的？</p><p>创业者的短板他如何避免？</p><p>杨少锋自己的最佳实践经验</p><p>工程师如何参与到企业利润分配？</p><p></p><p>... ...</p><p></p><p>『创业坐诊』</p><p>交流你的创业难题，杨少锋与你面对面交流，作为投资人+管理者的双重身份，他的解决方案到底有什么不同？</p><p>投资人到底看中项目、团队的什么？</p><p>公司的钱花在哪才是“刀刃”？</p><p>员工的薪资到底怎么平衡？</p><p>不烧钱到底能不能做市场？</p><p></p><p>... ...</p><p></p><p>『团队约聘』</p><p>本次归来，杨少锋总裁除了与大家分享他的经验外，还将与本地团队面对面约谈，寻找能够共同前进的同行者，一起让西安的互联网圈再次走出一匹黑马。</p><p>约聘团队要求：</p><p>1.研发团队</p><p>·具有比较完备的团队配置</p><p>·团队核心人员有3-5年及以上的开发经验</p><p>·优先条件：团队有过创业经验；团队有APP、IOS等开发经验</p><p>·如果你够优秀，一个人也请来！</p><p></p><p>2.运营团队</p><p>·大学毕业的标准果粉，谈资满满能说会道</p><p>·善于创作，并熟悉新媒体运营方式、投放渠道</p><p>·思维敏捷，年轻有活力，90后最爱啦！</p><p>·团队有3个或以上的小伙伴，一个能把控全盘、一个能高效产出、一个能搞定渠道</p><p>·优秀的小伙伴，一个人也可以！</p><p><a target=\"_blank\" href=\"http://huodong.tuicool.com/huodong/goto?id=57345e99651a5ece5e252ba7\">去官网报名</a><br></p><p><br></p>', '', '网络', '2016-05-16 18:41:27', '12', '0', '0', '0', '14', '', '0', '1', '', '6', '0');
INSERT INTO `li_article` VALUES ('144', '易启·创未来——NTESxWuhan 武汉创业基友见面会', '时间 ：05-19 13:00 - 17:00\n\n地点：武汉 - 广埠屯资讯广场B座2楼', '<p><i>时间</i>&nbsp;：<i>05-19 13:00 - 17:00</i></p><p><i>地点：</i><i>武汉 - 广埠屯资讯广场B座2楼</i><br></p><ul></ul><h4>活动内容</h4><p>☆ 融合产品、运营、市场、技术全才 增长黑客</p><p>☆ 服务驱动体验 首席服务官</p><p>☆ 从0到1 运营践行者</p><p>☆ 百万次朋友圈转发 运营团队领袖</p><p>☆ 近百位创业基友们的智慧众筹</p><p></p><p>活动议程☆——</p><p></p><p>13：30——14：00 &nbsp;来宾签到/暖场视频</p><p>14：00——14：10 &nbsp;主持人开场</p><p>14：10——14：50 &nbsp;《冷启动和快速增长阶段的不同产品运营策略》</p><p>14：50——15：30 &nbsp;《服务驱动体验》</p><p>15：30——16：10 &nbsp;《运营之从0到1》</p><p>16：10——16：50 &nbsp;《创业公司运营团队组建及优化》</p><p>16：50——17：30 &nbsp; Q&amp;A</p><p></p><p>演讲嘉宾☆——</p><p></p><p>No.1《冷启动和快速增长阶段的不同产品运营策略》</p><p>章鑫辉 &nbsp;网易云信市场运营总监</p><p>拥有丰富的产品、市场、运营经验，曾负责亿级用户产品，横跨三界。目前专注于面向开发者提供真正稳定的即时通讯云服务。截至目前，网易云信接入开发者数量超过5万+；日活总用户超过2.3亿。</p><p></p><p>No.2《服务驱动体验》</p><p>程青 &nbsp;网易七鱼 服务总监</p><p>阿里和网易十年的客户服务经历，拥有丰富的服务运营和产品经验。先后负责和参与了多个行业的服务中心规划和搭建，经历了各种阶段和不同形式的客户服务。目前主要负责网易云服务系列中的SaaS级软件，七鱼云客服的服务运营。网易七鱼于4月12日正式发布，上线后广受热捧。</p><p></p><p>No.3《运营之从0到1》</p><p>曾罗 极验验证运营负责人 &nbsp;</p><p>毕业于电子科技大学，毕业后加入华为从事营销、销售工作，2015年加入极验验证，市场和运营核心成员。极验验证独创行为式验证技术，帮助用户解决业务风险问题，目前日均验证上亿次，为超过6万家用户提供验证服务，并于2015年底获得IDG、红杉资本2400万美金的B轮融资。</p><p></p><p>No.4《创业公司运营团队组建及优化》</p><p>何斌 &nbsp;简寻创始人&amp;CEO</p><p>连续创业者，华中科技大学联创团队前队长，曾获国际大学生超级计算机大赛HPL冠军并打破该比赛世界纪录；曾举办了全国第一场高校编程马拉松，也是武汉第一场编程马拉松，创业后带领团队做了武汉开发者峰会，做了传播近百万次的朋友圈游戏等标志性运营活动，和运营团队一起走过了从创建到优化的全过程。</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ——☆活动奖品☆——</p><p>雷蛇 人气爆款 游戏鼠标 价值289元</p><p><a target=\"_blank\" href=\"http://huodong.tuicool.com/huodong/goto?id=57306258651a5ece5e252928\">去官网报名</a><br></p><p><br></p>', '', '网络', '2016-05-18 09:54:17', '19', '0', '0', '0', '14', '', '1', '1', '', '6', '0');
INSERT INTO `li_article` VALUES ('145', '初创公司的品牌营销误区及运营', '时间：05-19 13:00 - 17:00\n\n地点：北京 - 中关村东路1号科技大厦', '<p><i>时间</i>：<i>05-19 13:00 - 17:00</i></p><p><i>地点：</i><i>北京 - 中关村东路1号科技大厦</i></p><h4>活动内容</h4><p>创业者的梦想，产品上线，路演成功，融资到账，团队扩容，上市有望。</p><p>创业者的理想，用产品改变行业，用产品改变未来，然后成就自己的未来。</p><p>创业者的担心，我的理念和模式能被投资人认可么？</p><p>创业者的疑惑，怎么把自己和产品包装出去被认可？</p><p>那么这场分享会你应该来。</p><p>我们讲的不止是公关，而是更加符合创业者的新营销。</p><p>我们讲的不止是营销，还有那些创业的你想知道的潜规则。</p><p>创业营销进化论：更精准·更高效·更经济</p><p>2015年，在“大众创业、万众创新”“互联网+”的火热浪潮下，孵化器、联合办公空间在全国各地蓬然兴起，创业者迎来了黄金时代。</p><p>尽管这些创业者从事不同行业，但却有共同的特点，即创业初期会将全部精力投放在新产品开发、商业模式创新上。虽然内容为王，但是在“人人是媒体，处处是中心，无处是边缘“的时代，如果忽视企业传播价值，那么无异于失去强有力的后盾。</p><p>营销作为公司对外界主要的沟通桥梁，肩负着明晰企业商业价值的重要角色；通过配合公司阶段性的运营策略，提供舆论和品牌支持，塑造公司良好品牌形象，为公司营造良好发展环境，最大限度扩大企业品牌知名度和影响力，最终促进销售。</p><p>营销如此重要，那么问题来了，</p><p>初创企业究竟如何制定营销策略？</p><p>营销团队怎么搭建？</p><p>怎样以合适的方式讲企业故事？讲什么样的故事？</p><p>如何让媒体、投资者、大众知道你、了解你？</p><p>营销讯息的发布一般都找谁？</p><p>……………</p><p>基于此，启迪之星与三点一刻携手，共同为创业公司提供服务，为创业者答疑解惑。</p><p><a target=\"_blank\" href=\"http://www.huodongxing.com/event/7334186290800\">去官网报名</a><br></p><p><br></p>', '', '网络', '2016-05-18 09:58:46', '22', '0', '0', '0', '14', '', '1', '1', '', '6', '0');
INSERT INTO `li_article` VALUES ('146', '知行合一，集客营销策略解析 第三弹', '时间 ：05-19 13:00 - 17:30\n\n地点：广州 - 待定', '<p><i>时间</i>&nbsp;：<i>05-19 13:00 - 17:30</i></p><p><i>地点：</i><i>广州 - 待定</i><br></p><ul></ul><h4>活动内容</h4><p>20年前，人们不会想到互联网会以如此迅猛之势渗入到生活工作中。</p><p>但是今天，我们可以预见到云端SaaS工具集将会变成未来营销的主流。</p><p>知是行之始，行是知之成，我们将以点入面，先带您深入了解M1云端市场部作为营销工具集集大成者的价值所在，再深入浅出，以最浅易的方式带您掌握工具的使用方法。</p><p>知行合一，走在时代的前端，用更简单的方式做更专业的营销。</p><p></p><p>议程安排</p><p>12:30-13:30 &nbsp; 来宾签到</p><p>13:30-14:00 &nbsp; 主持人开场，各位来宾自我介绍</p><p>14:00-14:30 &nbsp;</p><p>应对消费升级的集客营销</p><p>程然	梅花网研究院执行院长</p><p>14:30-14:50</p><p>集客营销的执行利器—梅花网M1</p><p>程然	梅花网研究院执行院长</p><p>15:10-15:30 &nbsp; 完成一次营销，你只需要利用这些工具</p><p>15:30-16:00 &nbsp; 现场互动讨论</p><p>16:00 &nbsp; 活动结束</p><p><a target=\"_blank\" href=\"http://event.meihua.info/539\">去官网报名</a><br></p><p><br></p>', '', '网络', '2016-05-18 10:00:57', '24', '0', '0', '0', '14', '', '1', '1', '', '6', '0');
INSERT INTO `li_article` VALUES ('147', '创新、融合：聚焦“新经济”下的智能化行业', '时间： 05-19 13:00 - 06-19 17:00\n\n地点：杭州 - 味雅咖啡', '<p><i>时间：</i>&nbsp;<i>05-19 13:00 - 06-19 17:00</i></p><p><i>地点：</i><i>杭州 - 味雅咖啡</i><br></p><ul></ul><h4>活动内容</h4><p>“新经济”——时代转折的深层思考，带来更多商机。当前我国正处在经济转型发展的关键时期，过去代表经济增长主动力的传统动能改造升级速度加快，新动能不断出现,新经济格局正在形成。两会期间，“新经济”这一概念成为行业内外关注的热点。作为对时代转折的深层思考，“新经济”不仅代表着“互联网+”、信息技术或信息服务等新产业和新业态，昭示着传统行业从工业时代迈向信息时代转变所带来的创新和融合。</p><p>“新经济”推动智能化行业发展。对于智能化行业来说，信息时代的“新经济”形态着力于突破工业时代的传统经济形态，呈现出比规模经济和范围经济更为丰富、更为深刻的内容。随着云、网、端等新的生产基础设施的出现，以及数据作为新生产要素的加入，“新经济”正成为推动智能化行业生产、管理和营销模式变革，重塑产业链、供应链、价值链的有效助力。</p><p>本届全国巡回论坛将于5月19日在杭州举办论坛活动，以“创新、融合：聚焦“新经济”下的智能化行业”为主题。届时将邀请资深学者、品牌高层、系统集成商、设计院、房地产开发商、运营商及软件服务商等相关行业人士出席，并结合当地市场发展，以最新趋势观察，集中体现智能化行业发展过程中取得的进展和成效，帮助与会嘉宾对智能化行业发展及市场趋向能够拥有更加深入的了解。</p><p><a target=\"_blank\" href=\"http://huodong.tuicool.com/huodong/goto?id=572c4087651a5ece5e25280c\">去官网报名</a><br></p><p><br></p>', '', '网络', '2016-05-18 10:05:36', '21', '0', '0', '0', '14', '', '1', '1', '', '6', '0');
INSERT INTO `li_article` VALUES ('148', 'mac下的sftp软件Yummyftp下载', 'Yummy FTP Mac版是Mac OS平台上的一款好用的FTP、FTP SSL/TLS和SFTP客户端，Yummy FTP Mac版结合并改进了其它文件传输方案中最好的功能，添加了大量独特的强大功能，以一个高度可调谐的FTP引擎驱动。', '<h4 id=\"-\">软件简介</h4>\n<p>Yummyftp是mac下的sftp软件，功能堪比WinSCP，是mac下相当不错的ftp工具 对中文有着天生的支持。笔者强力推荐</p>\n<p>Yummy FTP Mac版是Mac OS平台上的一款好用的FTP、FTP SSL/TLS和SFTP客户端，Yummy FTP Mac版结合并改进了其它文件传输方案中最好的功能，添加了大量独特的强大功能，以一个高度可调谐的FTP引擎驱动。</p>\n<p>Yummy FTP for mac是一个非常高速、灵活并且完全可靠的Mac OS X下的文件传输工具，它具有非常漂亮和直觉的用户界面，像Finder一样的FTP浏览器、工具栏和随处可用的拖拽。</p>\n<h4 id=\"-\">功能介绍</h4>\n<p>1、高度调整加速转移，多连接FTP引擎超快速传输。<br>2、自动故障恢复。<br>3、可直接拖放上传到服务器。<br>4、定义本地文件夹自动上传到指定的服务器。<br>5、丰富的远程编辑支持。<br>6、能编辑任何的应用程序。你甚至可以重新自定义每个应用程序和文件的类型，包括内置的文本编辑器。<br>7、同步浏览本地和远程目录。<br>8、文件/文件夹过滤。<br>9、高级内置设置文字，图形，视频，音频的预览。<br>10、将图形放大到全尺寸检查，甚至直接从远程编辑文本预览。<br>11、对全部书签进行收藏。<br>12、轻松访问您的服务器和普通文件夹，配置站点的特定设置<br>13、提供华丽的视觉效果。</p>\n<h4 id=\"-\">系统要求</h4>\n<p>10.6+</p>\n<h4 id=\"-\">下载链接</h4>\n<p><a href=\"http://pan.baidu.com/s/1qYOSlhM\">http://pan.baidu.com/s/1qYOSlhM</a><br>提取密码：ddg7</p>', '', '前端汇', '2016-05-18 22:46:49', '28', '0', '1', '0', '13', 'sftp,yummyftp', '0', '1', '', '4', '0');
INSERT INTO `li_article` VALUES ('149', 'mac下ssh登陆软件vSSH下载', '这是一款Mac平台的SSH客户端工具，支持用户名和密码加密，非常实用的一款SSH客户端工具。\nvssh mac是一款比较适合站长们使用的SSH客户端工具，可以帮助用户轻松的实现远程服务器管理、博客搬家等一系列的操作，无需使用复杂的代码等指令即可完成。', '<h4 id=\"-\">软件简介</h4>\n<p>这是一款Mac平台的SSH客户端工具，支持用户名和密码加密，非常实用的一款SSH客户端工具。<br>vssh mac是一款比较适合站长们使用的SSH客户端工具，可以帮助用户轻松的实现远程服务器管理、博客搬家等一系列的操作，无需使用复杂的代码等指令即可完成。</p>\n<h4 id=\"-\">功能介绍</h4>\n<p>1、SSH和Telnet协议<br>2、用户名/密码和公共/私人密钥认证<br>3、标签式界面多会话<br>4、iCloud、Dropbox连接，宏和其他视频信号采样与保持应用程序共享密钥（用于iPhone，ipad　OS X）<br>5、支持宏变量<br>6、选择并复制/粘贴文本<br>7、定制的字体和颜色<br>8、多窗口的标签式界面<br>9、自动滚动设置</p>\n<h4 id=\"-\">系统要求</h4>\n<p>10.6+</p>\n<h4 id=\"-\">下载链接</h4>\n<p><a href=\"http://pan.baidu.com/s/1i5cxyUL\">http://pan.baidu.com/s/1i5cxyUL</a></p>\n<p>提取密码：a3v2</p>', '', '前端汇', '2016-05-18 22:51:28', '9', '0', '1', '0', '13', 'vssh,ssh for mac', '1', '1', '', '4', '0');
INSERT INTO `li_article` VALUES ('150', 'mac下markdown编辑器马克飞象下载', '马克飞象是一款专为印象笔记（Evernote）打造的Markdown编辑器，通过精心的设计与技术实现，配合印象笔记强大的存储和同步功能，带来前所未有的书写体验。', '<h4 id=\"-\">软件简介</h4>\n<p>马克飞象是一款专为印象笔记（Evernote）打造的Markdown编辑器，通过精心的设计与技术实现，配合印象笔记强大的存储和同步功能，带来前所未有的书写体验。</p>\n<p>马克飞象虽然是收费的，但本地用用，用于文档、教程、文章的编写还是十分给力的。特别是马象的UI及样式设计，都是相当顺眼和成熟的，像软件作者致敬。当然也希望有经济实力的能支持一下软件作者，并获得更优质的功能和服务</p>\n<h4 id=\"-\">功能介绍</h4>\n<p>1、支持高亮代码块、<em>LaTeX</em> 公式、流程图，本地图片以及附件上传，甚至截图粘贴，工作学习好帮手；</p>\n<p>2、简洁高效的编辑器，提供以桌面软件及离线chrome应用、支持移动端 Web；</p>\n<p>3、支持选择笔记本和添加标签，支持从印象笔记跳转编辑，轻松管理。</p>\n<h4 id=\"-\">系统要求</h4>\n<p>10.6+</p>\n<h4 id=\"-\">下载链接</h4>\n<p><a href=\"http://pan.baidu.com/s/1jIOy1XO\">http://pan.baidu.com/s/1jIOy1XO</a><br>提取密码：j6rg</p>', '', '前端汇', '2016-05-18 22:53:25', '16', '0', '1', '0', '13', '马克飞象,markdown', '1', '1', '', '4', '0');
INSERT INTO `li_article` VALUES ('151', '珍爱网诚聘高级前端开发工程师（深圳 10K+）', '珍爱网（www.zhenai.com） 是国内最知名的婚恋服务网站之一。以“成就天下姻缘”为己任，服务于有婚恋需求的广大单身男女人士。珍爱总部位于中国深圳，同时在北京、上海、广州、成都、武汉等主要城市均设有分公司。目前网站注册用户已达到9000万以上，并拥有2000人以上规模的全国最大的专业红娘服务团队。珍爱网同时也是江苏卫视《非诚勿扰》等各大电视台主要社会服务性栏目主要的合作伙伴。', '<h2>招聘岗位：高级前端开发工程师</h2><p>岗位职责：</p><ol><li>负责珍爱网站前端、手机客户端前端页面的开发和维护；</li><li>负责优化网站前端性能和用户体验；</li><li>前端技术难点的攻坚、新技术的研究和分享。</li></ol><p>岗位要求：</p><ul><li>熟悉HTTP协议、W3C标准，能书写兼容主流浏览器并且能够良好的适配各个尺寸移动设备</li><li>熟悉javascript设计模式 能以模块化进行程序开发；熟悉主流Javascript MVC框架，如reactjs AngularJS Vue.js Backbone.js</li><li>H5移动项目经验优先</li><li>熟悉web前端自动化构建流程</li><li>注重程序性能</li><li>有Node.js项目经验者优先</li></ul><p>福利：双休、弹性工作制、扁平化管理、技术分享会、员工旅游、年终奖金、可办理深户等</p><p>地址：深圳市南山区朗山路7号中航工业南航大厦2楼珍爱网</p><p>邮箱：xiaoyou.zhou@zhenai.com</p><p>官网：www.zhenai.com</p><p><br></p>', '', '珍爱网', '2016-05-18 22:57:30', '12', '0', '1', '0', '15', '珍爱网,前端工程师', '1', '1', '', '5', '0');
INSERT INTO `li_article` VALUES ('152', '米络科技（KK直播）招聘 前端开发', '10k-20k 杭州 经验1-3年 本科及以上 全职\n职位诱惑 : 股权激励 氛围好 平台佳 弹性工作', '<h3><span style=\"line-height: 1.8; font-size: 14px;\">职位描述：</span><br></h3><p>1、负责前端开发、前端架构设计与技术性能优化；</p><p>2、与后端开发工程师配合完成产品开发；</p><p>职位要求：</p><p>1、1-3年web前端工作经验，熟悉W3C标准，有强烈的前端性能优化意识；2、精通各种Web前端技术，XHTML(HTML5)、XML、CSS(3)、JavaScript，熟悉页面架构和布局；&nbsp;3、熟悉原生Javascript，有Node.js开发经验者优先；4、HTML5/CSS3方面有实际的理解和实践经验；5、对工作认真负责，具有良好的沟通能力、分析问题和解决问题的能力；</p><p>公司网址：</p><p><a href=\"http://www.kktv5.com/\" target=\"_blank\">http://www.kktv5.com</a></p><p>工作地址：</p><p>祥园路99号运河广告产业园2号楼502室<br></p><p><br></p>', '', ' 米络科技', '2016-05-18 23:08:54', '15', '0', '0', '0', '15', ' 米络科技,前端开发工程师', '1', '1', '', '5', '0');
INSERT INTO `li_article` VALUES ('153', '海蜜全球购金融事业部招聘 前端开发工程师', '8k-16k 杭州 经验1-3年 大专及以上 全职\n职位诱惑 : 五险一金，双休，带薪年假，餐补,旅游等', '<p>职位描述：</p><p>1、负责产品的前端代码开发、页面重构以及交互设计逻辑处理。</p><p>2、开发高性能、高兼容性的前端代码，完成脚本通用类库、框架、UI控件的编写，并形成文档。</p><p>3、与产品、UI设计、后台开发人员等协作实现产品功能。</p><p>4、评估、优化网站前端性能</p><p>职位要求：</p><p>1、对Web技术发展有强烈兴趣，对新技术的发展趋势保持关注，能不断学习最新技术；</p><p>2、精通Javascript开发，具有Ajax开发经验，能够优化代码；</p><p>3、精通HTML/CSS开发，熟悉响应式布局优先；</p><p>4、工作认真仔细有激情，有良好的团队合作精神和沟通能力；</p><p></p><p></p><p>我们的诱惑：</p><p>你的钱途：月薪+14薪起+每年两次调薪+各类餐补交通补&nbsp;</p><p>你的健康：公司给每位员工提供年度体检，举办各类健康讲座，希望每位员工身心灵健健康康&nbsp;</p><p>你的生活：自由开发+业余生活（聚餐、看电影、K歌，公司买单，说走就走；生日会、节日party、节日福利，每个节日你都不会寂寞，从此忘记单身狗）&nbsp;</p><p>年度旅游：世界很大，咱们一起出去看看，从不用自己掏钱，也没人敢算你旷工&nbsp;休闲零食区，咖啡奶茶零食，休闲娱乐区，台球随便拼，更有你想象不到的诱人一角</p><p>还有更多，来了便知！</p><p>金融产品链接：http://www.caizhu.com</p><p>工作地址：</p><p><a href=\"http://www.lagou.com/jobs/list_?city=%E6%9D%AD%E5%B7%9E#filterBox\">杭州</a>&nbsp;-&nbsp;<a href=\"http://www.lagou.com/jobs/list_?city=%E6%9D%AD%E5%B7%9E&amp;district=%E6%B1%9F%E5%B9%B2%E5%8C%BA#filterBox\">江干区</a>&nbsp;- 东方电子商务园<br></p><p><br></p>', '', ' 海蜜全球购', '2016-05-18 23:08:24', '13', '0', '1', '0', '15', ' 海蜜全球购', '1', '1', '', '5', '0');
INSERT INTO `li_article` VALUES ('154', '冒险元素技术部招聘 前端工程师', '10k-20k 杭州 经验1-3年 大专及以上 全职\n职位诱惑 : 五险一金、期权、大牛多、年终奖、妹纸美', '<p>岗位职责：</p><p>- 从事基于Web的UI开发工作，负责公司产品前端开发；</p><p>- 熟练使用Javascript实现界面交互效果；</p><p>- 与设计师、开发工程师紧密工作在一起，负责产出高质量的产品前端层</p><p>我们希望你：</p><p>- 精通HTML、CSS、JavaScript，能熟练解决浏览器兼容性问题.</p><p>- 熟悉HTML5，CSS3，有移动设备端Web开发经验；</p><p>- &nbsp;对编程、开发有兴趣有热情, 并持续关注前端开发前沿技术，崇尚极客文化；</p><p>- 善于沟通, 能够高效协同, 有较好的抗压能力；</p><p>- 至少一年以上Web前端工作经验；</p><p>工作地址：</p><p>滨盛路1507号天恒大厦1楼<br></p><p><br></p>', '', '冒险元素', '2016-05-18 23:07:48', '11', '0', '1', '0', '15', '', '1', '1', '', '5', '0');
INSERT INTO `li_article` VALUES ('155', '前端开发者的代码回顾清单', '\n我们的目的并不是定义一套固有的代码回顾实践方式，而是为回顾者 (reviewer) 提供一份清单。\n\n当然，它也帮助开发者了解在代码回顾时如何扮演好一名回顾者的角色。回顾者本应如此专注于撰写更好更简洁的代码。\n\n因为代码的作者没有进行自我回顾。所以开发者需要一种新的方式——很显然他们可以持续提炼并改进代码。', '<p>我们的目的并不是定义一套固有的代码回顾实践方式，而是为回顾者 (reviewer) 提供一份清单。</p><p></p><p>当然，它也帮助开发者了解在代码回顾时如何扮演好一名回顾者的角色。回顾者本应如此专注于撰写更好更简洁的代码。</p><p></p><p>因为代码的作者没有进行自我回顾。所以开发者需要一种新的方式——很显然他们可以持续提炼并改进代码。</p><p></p><p><b>理念</b></p><p></p><p>代码回顾对事不对人 (Code Review is about the code not about the coder)</p><p></p><p>首先，代码回顾只专注在写出来的代码上。</p><p></p><p>这种场合最应该做的是确认代码符合既定标准、最佳实践等等，务必回避指责作者的行为。</p><p>没有人能够挑战这一原则，不论他是新雇员、老鸟、主管哪怕是 CTO。</p><p></p><p>我们必须意识到，没有任何代码是足够优秀到不需要回顾的。</p><p></p><p>同时，这也是分享开发技术技巧的绝佳时机，再顺便探讨一下当下流行的编码方式，何乐而不为呢？</p><p></p><p><b>清单</b></p><p></p><p>这里的清单是指一套代码回顾时遵循的要点集合。</p><p></p><p>同时这份清单也会帮助开发者理解哪些东西需要回顾。</p><p></p><p>0. 编码规范</p><p>这件事情排在步骤 0，因为实际上它并不算在清单本身的范畴内：编码规范是需要时刻遵守的。</p><p></p><p>也就是说，每一名开发者都必须遵循既定的编码规范。</p><p></p><p>1. 代码质量</p><p>A：代码质量能够确保：</p><p>B：减少 bug 数量；</p><p>C：让每个人都读得懂。</p><p>D：前端团队可以通过 JSHint 或 Plato 等类似的工具来监控 JavaScript 代码的质量。</p><p></p><p></p><p>2. 一致性</p><p>回顾者要确保写出的代码能够满足需求，正常工作。</p><p></p><p>3. 简单</p><p>A：回顾者要确保代码直接有效的解决了问题。</p><p>B：然后我们可以通过 JSHint (详见第 2 条) 来计算条件复杂度。</p><p>C：复杂度和 bug 的出现频率是由相关性的。</p><p>D：基本上，越是复杂的地方，就越要简化。</p><p></p><p></p><p>4. 可维护性</p><p>回顾者确保另一名开发者也可以对现有代码进行快速修改。</p><p>回顾者确保代码是 (比如通过一些模式达到) 模块化的，并且变量和方法的命名是清晰的。</p><p>HTML 和 CSS 选择器也同样如此。我们必须能够理解 class 或方法表现出的含义。</p><p>还要确保一个方法做一件事的原则。</p><p></p><p>5. 性能</p><p>性能问题不仅限于 js 或 css 文件的压缩比率以及对图片精灵的使用。</p><p>它还存在于循环、数组操作、DOM 操作等方方面面……</p><p>jsPerf 是一个非常棒的工具，它可以在线测试一段代码在各种浏览器中的性能：http://jsperf.com/。</p><p><br></p>', '', '前端早读课', '2016-05-20 11:43:34', '8', '0', '1', '0', '1', '', '0', '1', '', '2', '0');
INSERT INTO `li_article` VALUES ('156', '用户体验自检清单', '每一次的项目发布都是胆战心惊的，最怕发布出去后没过多久就要重新发布一次（羞羞~~）。多次之后发现基本都是一些常规性的问题比如title，alt，是否屏蔽爬虫，seo相关，还有一些上线前的数据准备。所以沟通完做了一份每次上线前的清单，提醒检查。所以今天分享的关于用户体验的检查清单，产品就是需要打磨细节的。', '<p>ps：每一次的项目发布都是胆战心惊的，最怕发布出去后没过多久就要重新发布一次（羞羞~~）。多次之后发现基本都是一些常规性的问题比如title，alt，是否屏蔽爬虫，seo相关，还有一些上线前的数据准备。所以沟通完做了一份每次上线前的清单，提醒检查。所以今天分享的关于用户体验的检查清单，产品就是需要打磨细节的。</p><p> </p><p>用户体验</p><p> </p><p>个性化的功能，货币、语言、具体国家的税收、还有快递选项是基于用户位置的。未经用户授权，不能启用基于IP的地理位置。</p><p> </p><p>让用户觉得注册使用产品有价值，『免费试用』的按钮要比『注册』按钮更吸引用户。并且，如果能够不注册就允许用户使用，那么就不要加入注册流程，这会让更多人愿意试用你的产品。</p><p> </p><p>透明的价格，价格需要被清晰地显示出来，不要隐藏在条款里隐藏价格或者相关信息。</p><p> </p><p>页面不自动刷新，如果页面突然有新的内容加载，用户会感到困惑。比如在浏览新闻网站时候。</p><p> </p><p>演示内容，比如，在一个表单旁边加上一个该表单内容的示例。</p><p> </p><p>证明网站真实可信，真实可靠的参考资料、凭证（备案）、联系方式，地点以及在网站上显示真实的人像。此外，网站需要经过专业的设计和保证及时的更新。</p><p> </p><p>整洁的产品和服务信息，信息是可以被扫描的，图片可以被放大或缩小以保证不同尺寸下的可见。</p><p> </p><p>首页</p><p> </p><p>明确的操作步骤，让用户知道下一步怎么做，以及为什么要这么做。让用户明白网站的价值和目的。</p><p> </p><p>第一印象，首页能够给用户留下一个好的印象并且支持跳转。</p><p> </p><p>显示已登录的用户名，比如显示『你好，Charles 』 而不是『您好，先生』。</p><p> </p><p>在主页上进行发布一些重要变化的通知。如策略的变更或网站停机等。</p><p> </p><p>能够很轻松的从主页上获取到公司的地点和联系方式。</p><p> </p><p>隐私策略，如果网站获取了用户的信息，应该要保护用户的隐私。</p><p> </p><p>图片、视频必须是与主题相关的或有意义的，不要有不相关的照片，要有高质量的产品和服务的截图、视频或者照片等。未经用户允许，音频或者视频不要自动播放。</p><p> </p><p>URL重定向，网站有无www均可以访问。比如 “www.userium.com “ 和 “userium.com”。</p><p> </p><p>可访问性</p><p> </p><p>给非文本元素加上Alt属性，如图像和地图，然后给音频和视频加上字幕和说明。</p><p> </p><p>单色不足以传达信息。</p><p> </p><p>内容在没有css样式下都可以顺利阅读。</p><p> </p><p>链接，复选框，按钮容易被点击，例如用户可以通过点击文本达到选择复选框的目的。</p><p> </p><p>导航</p><p> </p><p>重要的链接不要去使用动画特效，比如转盘或者轮播效果。</p><p> </p><p>不要只是用按字母排序，如果有更好的排序方式（如分类、等 ）尽量不要使用按字母排序方式。</p><p> </p><p>让用户能够明确的知道所处位置，比如Wordpress里的breadcrumbs效果，还有大型网站的站点地图。</p><p> </p><p>导航在每一个页面上都是一致的。</p><p> </p><p>链接都是具有描述性的，不要出现「点击这里」的链接。</p><p> </p><p>在网页的标题要有一个简洁的描述，这样的话在书签中很容易被识别和理解。</p><p>网址如果能令人记忆深刻就最好了。</p><p> </p><p>搜索</p><p> </p><p>在数据比较多的网站上，需要有一个全局搜索。</p><p> </p><p>在每一个页面都能找到搜索框，而不仅仅是在首页。</p><p> </p><p>用户可以随时随地的开始搜索，而不是需要点击链接才能搜索。</p><p> </p><p>链接</p><p> </p><p>重要的操作都应该使用按钮，比如「购买」「支付」都应该是按钮，而不是链接。</p><p> </p><p>链接很容易辨识，他门应该是看起来可点击的。不是链接的文字不要做成可点击状态。</p><p> </p><p>访问过的链接颜色要不同于未访问过的。</p><p> </p><p>不要有不能访问的链接。</p><p> </p><p>布局</p><p> </p><p>重要的内容优先显示。</p><p> </p><p>响应式设计 ，网站的内容要能适应不同尺寸的屏幕。不要出现横向的滚动条。</p><p> </p><p>相关的信息作为一个组合放在一起。这样看起来清晰易读。</p><p> </p><p>尽量少使用弹出框。</p><p> </p><p>页面保证整洁，保证足够的留白。</p><p> </p><p>流程</p><p> </p><p>问题跟踪。有一个专门的地方处理可用性和用户体验问题。</p><p> </p><p>用户测试。在开发的不同阶段都需要进行可用性测试。参与测试的应该是非项目开发和设计成员。</p><p> </p><p>优先级。根据功能重要程度、目的、紧迫程度、预算和其它限制因素等确定功能的优先级 。</p><p> </p><p>改版的影响分析。如果变化会影响到产品的其他部分，其他人或者整个流程，改版可能会变得费时费力的。所以在做任何改变的时候做影响分析是很重要的。</p><p> </p><p>网站改版前后的投入产出比评估。</p><p> </p><p>表单</p><p> </p><p>简洁。表单里只出现必要的项目。</p><p> </p><p>避免出现很长的下拉列表。可以采用通过文字进行筛选的方式，长的下拉菜单在鼠标滚动的时候容易出错。</p><p> </p><p>出错提示出现在输入框旁边，而不要出现在页面顶部。</p><p> </p><p>内容</p><p> </p><p>对比。文字和背景之间要有明确的对比度 。</p><p> </p><p>内容是可以被扫描的，尽量使用简洁的段落，描述性的标题，列表和图片。适当地使用一些视觉元素，而不是大片的文字。</p><p> </p><p>内容采用用户可以理解的通用语言。</p><p> </p><p>联系方式和公司信息能够被清楚地显示出来，点击联系的链接不要自动打开邮件应用程序。</p><p> </p><p>内容是有用的并且经常保持更新，常用问题给出明确的答案。不要出现很长的介绍或者「欢迎使用我们网站」之类的文字。</p><p>不要在文本中滥用大写，大写仅限于在具体格式中使用。</p><p> </p><p>ps：针对常规性的检查，如果能靠工具检查的就尽量使用工具自动化（比如书签）这样更方便。</p><p><br></p>', '', '前端早读课', '2016-05-20 11:46:00', '8', '0', '0', '0', '1', '', '1', '1', '', '2', '0');
INSERT INTO `li_article` VALUES ('157', '怎样快速学会一门技术', '前几天fork了Ruby China的源码，面对陌生的Ruby技术栈，一头雾水。我fork它并不单为了学习，而是要在最短的时间搭建起我脑海中的社区网站。所以我不可能针对每一门新技术都去买一本书来读上半个月', '<p>前几天fork了Ruby China的源码，面对陌生的Ruby技术栈，一头雾水。我fork它并不单为了学习，而是要在最短的时间搭建起我脑海中的社区网站。所以我不可能针对每一门新技术都去买一本书来读上半个月。</p><p>我在本机运行起Ruby China，新注册一个用户，发现不能发帖，提示说要注册一个月以上才可以。于是我去找相关代码：</p><p> </p><p># 是否能发帖 </p><p>def newbie? </p><p>return false if self.verified == true </p><p>self.created_at &gt; 1.week.ago end</p><p> </p><p>明明是一星期嘛，代码是不会说谎的。于是把文字改掉，顺便提个pull request。扯远了，代码说如果是self.verified就不是新手了，我先去管理后台看了一下，没有修改这个字段的界面。于是我不得不去数据库里更新这个字段。我大概知道mongodb是数据库，但我不知道该怎么操作。</p><p> </p><p>从宏观出发</p><p> </p><p>当我了解到一个新的技术名词，不会直接陷入细节，而是从宏观上把握它。了解它的背景，为何出现，解决什么问题，有什么同类技术，没有它之前我们如何工作。因为有了宏观的了解，我就能很容易把它和我熟悉的技术去建立关联，从而更快地理解它。</p><p></p><p>实践出真知</p><p> </p><p>打开官网，发现有个非常棒的Try it out，先花10分钟玩一下，对其玩法有个大概了解，然后再来解决实际的问题。</p><p>从前面的Try it out中我知道了help命令，于是便通过help知道了show dbs，use ruby_china_dev。根据使用SQL的经验，我想当然地认为更新一条记录的一个字段应该是这样：</p><p>db.users.update({\"_id\":3}, {verified: true})</p><p> </p><p>但我悲剧地发现，整条记录被替换了，好吧，这就是文档型数据库。于是放狗搜索：</p><p> </p><p>How to update specific field in mongodb</p><p> </p><p>很快便找到了答案。</p><p> </p><p>db.myCollection.update({condField: \'condValue\'}, { $set: { dateField: new Date(2011, 0, 1)}}, false, true);</p><p> </p><p>对应我这里的需求就是：</p><p> </p><p>db.users.update({_id:3}, {$set:{verified:true}}, false, true)</p><p> </p><p>问题解决了。</p><p>随着接触的越来越深，遇到的问题就会越来越多。我会把每一个解决掉的问题放到我的Evernote里，这样下次再遇到就能很快找到答案。当我发现postach.io这个可以和Evernote同步的博客系统后，就开通了这样一个博客，其他人遇到同样的问题时也更容易找到答案了。当我真正对一门技术感兴趣并且有足够的时间去学习时，我通常会按照下面的步骤去学习。</p><p>教是最好的学</p><p> </p><p>实践足够多后时，我可能觉得已经掌握这门技术了。但当我尝试去表达的时候，会惊讶地发现还有很多概念是似懂非懂的。于是我会去查资料，完善自己的体系。只有当我把学到的东西用自己的语言表达出来，并且能让听众明白的时候，才是真正掌握了该技术。学会分享是很重要的，把在该技术上的经验总结出来，写成博客，集结成书出版，再到行业会议上分享实践经验。这样才能成为该领域公认的专家。</p><p> </p><p>推迟学习</p><p> </p><p>一位一年读100多本书的同事说：</p><p> </p><p>你一年才能读几十本书，就不要什么书都看了，多花点时间挑书吧。</p><p> </p><p>现在新技术层出不穷，我们没有那么多时间去深入学习每一门。对于大多数技术，我们只需要搞懂概念部分，从宏观上了解一下，决定我们要不要深入地去学习它。有了这些了解，就能轻松地与别人聊天了，也可以为以后技术选型做一些储备。当面对真正的需求时，或者你有足够的时间做技术储备时，才去进入实践部分。</p><p>编程是一个知识更新很快的行业，只有真正有热情并掌握了好的学习方法的人，才能走的长久。</p><p> </p><p>PS：早读君看到这个身有体会，最近在利用nodeJS结合码农日报的rss来做阅读。我可以分享下整个做的想法：</p><p>A：当初的想法其实就很小，能在命令行中输出那些标题，突然有一天想把这些内容分享给团队的同事看但总不能跑到我这看吧，那这样就需要一个可视化界面了。</p><p>B：那天周五晚下班后在咖啡馆又找了周刊的rss，那多个周刊要在同一套代码里显示，我所想到的就是用参数来做配置，根据不同的参数读取不同的内容。</p><p>其实还是跟早读君实现其他产品思路，学一门新技术一样。基于产品实现学技术学得会更踏实。可能刚开始的时候都是点，但相信到了一定程度后那就是把点结网成面。</p><p><br></p>', '', '前端早读课', '2016-05-20 18:45:55', '18', '0', '0', '0', '1', '', '0', '1', '', '2', '0');
INSERT INTO `li_article` VALUES ('158', 'html5本地存储localStorage介绍', 'localStorage是html5新增的功能，它的作用是可以在浏览器里保存我们需要的信息，从而可以在页面之间切换和使用，比cookie方便，也比cookie能够存储更多的东西，下面是几个常用的localStorage方法', '<p>localStorage是html5新增的功能，它的作用是可以在浏览器里保存我们需要的信息，从而可以在页面之间切换和使用，比cookie方便，也比cookie能够存储更多的东西，下面是几个常用的localStorage方法：</p><p><b>1、添加localStorage</b></p><p>localStorage.setItem(“key”,”value”); &nbsp; &nbsp; //以“key”为名称存储一个值“value”</p><p><b>2、获取localStorage</b></p><p>localStorage.getItem(“key”); &nbsp; &nbsp;//获取名称为“key”的值</p><p><b>3、删除localStorage</b></p><p>localStorage.removeItem(“key”); &nbsp; &nbsp; //删除名称为“key”的信息</p><p><b>4、清空localStorage</b></p><p>localStorage.clear(); &nbsp; &nbsp; //清空localStorage中所有信息</p><p><b>5、查看已经保存的localStorage</b></p><p>可通过chrome浏览器的控制台工具Resource–Local Storage里查看</p>', '', '前端汇', '2016-05-20 13:41:09', '9', '0', '1', '0', '6', 'html5', '0', '1', '', '1', '0');
INSERT INTO `li_article` VALUES ('159', 'html5shiv，让低版本的IE浏览器支持HTML5元素(IE8)', '随着html5的盛行，我们在页面中也越来越多的运用到html5元素，但是悲催的是，脑残的IE的低版本实在让人抓狂，咱们辛苦规划好的页面在这些IE版别下显得是浆糊一桶。为了让这不一样的IE版别之间能”认识”HTML5元素，开源的html5shiv呈现了！', '<p>八年抗战，html5终于定稿，近年来，随着html5的盛行，我们在页面中也越来越多的运用到html5元素，但是悲催的是，脑残的IE的低版本实在让人抓狂，咱们辛苦规划好的页面在这些IE版别下显得是浆糊一桶。为了让这不一样的IE版别之间能”认识”HTML5元素，开源的html5shiv呈现了！</p><p><font size=\"4\" style=\"\">1、html5shiv的特点\n</font></p><p>html5shiv的最大特点是让那些个不认HTML5的IE浏览器认出HTML5元素，并依照最基本的处理方法处理HTML5元素——块化（display:block)。这样就阻止了脑残的IE对我们前端人员的残害。</p><h2><font size=\"4\">2、html5shiv的使用方法</font></h2><p>html5shiv的运用方法非常简略，默许只需要将html5shiv按下面方法放在页面的head内即可。</p><pre style=\"max-width:100%;overflow-x:auto;\"><code class=\"javascript hljs\">&lt;!--[<span class=\"hljs-keyword\">if</span> lt IE <span class=\"hljs-number\">9</span>]&gt;\n<span class=\"xml\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">script</span> <span class=\"hljs-attr\">src</span>=<span class=\"hljs-string\">\"dist/html5shiv.min.js\"</span>&gt;</span><span class=\"undefined\"></span><span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">script</span>&gt;</span>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">![endif]--</span>&gt;</span></span></code></pre><h2><font size=\"4\">3、html5shiv的原理</font></h2><p>html5shiv的原理是使用createElement方法，这包含document.createElement和document.createDocumentFragment，对当前页面的HTML5元素进行动态的调整，并且为这些元素提供最基本的样式。<br></p><h2><font size=\"4\">4、html5shiv官方给的建议</font></h2><p>a.使用min版本的js（压缩过的）以节省带宽和提高加载速度；</p><p>b.必须在body元素之前加载；</p><p>c.可以在页面的CSS之前或者之后加载，但从性能性能上出发，CSS先于html5shiv加载会更优。</p><p></p><p>参考地址：</p><p>html5shiv在GitHub上的地址：https://github.com/aFarkas/html5shiv</p><p><br></p>', '', '前端汇', '2016-05-20 13:46:26', '13', '0', '1', '0', '6', '', '0', '1', '', '1', '0');
INSERT INTO `li_article` VALUES ('160', 'HTML5获取摄像头视频演示', '', '<p>html5新增了很多强大的API，其中可以获取设备的摄像头视频是个比较大的亮点，零度从网上找到了一些代码，进行了整合，搞出来一个html5获取摄像头的例子，大家可以参考一下。</p><p>主要代码如下：<br></p><p><br></p><pre style=\"max-width:100%;overflow-x:auto;\"><code class=\"javascript hljs\"><span class=\"hljs-built_in\">window</span>.addEventListener(<span class=\"hljs-string\">\"DOMContentLoaded\"</span>, <span class=\"hljs-function\"><span class=\"hljs-keyword\">function</span>(<span class=\"hljs-params\"></span>) </span>{\n	<span class=\"hljs-keyword\">var</span> canvas = <span class=\"hljs-built_in\">document</span>.getElementById(<span class=\"hljs-string\">\"canvas\"</span>),\n		context = canvas.getContext(<span class=\"hljs-string\">\"2d\"</span>),\n		video = <span class=\"hljs-built_in\">document</span>.getElementById(<span class=\"hljs-string\">\"video\"</span>),\n		videoObj = { <span class=\"hljs-string\">\"video\"</span>: <span class=\"hljs-literal\">true</span> },\n		errBack = <span class=\"hljs-function\"><span class=\"hljs-keyword\">function</span>(<span class=\"hljs-params\">error</span>) </span>{\n			<span class=\"hljs-built_in\">console</span>.log(<span class=\"hljs-string\">\"视频获取失败: \"</span>, error.code); \n		};\n\n	<span class=\"hljs-keyword\">if</span>(navigator.getUserMedia) { <span class=\"hljs-comment\">// Standard</span>\n		navigator.getUserMedia(videoObj, <span class=\"hljs-function\"><span class=\"hljs-keyword\">function</span>(<span class=\"hljs-params\">stream</span>) </span>{\n			video.src = stream;\n			video.play();\n		}, errBack);\n	} <span class=\"hljs-keyword\">else</span> <span class=\"hljs-keyword\">if</span>(navigator.webkitGetUserMedia) { <span class=\"hljs-comment\">// WebKit-prefixed</span>\n		navigator.webkitGetUserMedia(videoObj, <span class=\"hljs-function\"><span class=\"hljs-keyword\">function</span>(<span class=\"hljs-params\">stream</span>)</span>{\n			video.src = <span class=\"hljs-built_in\">window</span>.webkitURL.createObjectURL(stream);\n			video.play();\n		}, errBack);\n	} <span class=\"hljs-keyword\">else</span> <span class=\"hljs-keyword\">if</span>(navigator.mozGetUserMedia) { <span class=\"hljs-comment\">// moz-prefixed</span>\n		navigator.mozGetUserMedia(videoObj, <span class=\"hljs-function\"><span class=\"hljs-keyword\">function</span>(<span class=\"hljs-params\">stream</span>)</span>{\n			video.src = <span class=\"hljs-built_in\">window</span>.URL.createObjectURL(stream);\n			video.play();\n		}, errBack);\n	}\n	\n}, <span class=\"hljs-literal\">false</span>);</code></pre><p><br></p>', '', '前端汇', '2016-05-20 13:49:04', '11', '0', '0', '0', '6', 'html5,摄像头', '0', '1', '', '1', '0');
INSERT INTO `li_article` VALUES ('161', 'H5网页判断手机横屏或是竖屏', '我们做出来的H5页面在手机端浏览的时候，用户很有可能会产生更换横竖屏的操作，这时如果我们能够判断出横竖屏，就可以更好的优化我们的网页，进而拥有更好的用户体验度', '<p>我们做出来的H5页面在手机端浏览的时候，用户很有可能会产生更换横竖屏的操作，这时如果我们能够判断出横竖屏，就可以更好的优化我们的网页，进而拥有更好的用户体验度。下面是判断横竖屏的代码：<br></p><pre style=\"max-width:100%;overflow-x:auto;\"><code class=\"javascript hljs\"><span class=\"hljs-built_in\">window</span>.addEventListener(<span class=\"hljs-string\">\'orientationchange\'</span>, <span class=\"hljs-function\"><span class=\"hljs-keyword\">function</span>(<span class=\"hljs-params\">event</span>)</span>{\n    <span class=\"hljs-keyword\">if</span> ( <span class=\"hljs-built_in\">window</span>.orientation == <span class=\"hljs-number\">180</span> || <span class=\"hljs-built_in\">window</span>.orientation==<span class=\"hljs-number\">0</span> ) {\n        alert(<span class=\"hljs-string\">\"竖屏\"</span>);\n    }\n    <span class=\"hljs-keyword\">if</span>( <span class=\"hljs-built_in\">window</span>.orientation == <span class=\"hljs-number\">90</span> || <span class=\"hljs-built_in\">window</span>.orientation == <span class=\"hljs-number\">-90</span> ) {\n        alert(<span class=\"hljs-string\">\"横屏\"</span>);\n    }\n});</code></pre><p>大家可以拿到手机上去试一下<br></p><p><br></p>', '', '前端汇', '2016-05-20 13:50:50', '10', '0', '0', '0', '6', '', '0', '1', '', '1', '0');
INSERT INTO `li_article` VALUES ('162', '整站快速变黑白灰的方法', '经常看到一些网站遇到重大灾害事故的时候，选择默哀，会把网站的整体颜色变成黑白灰，这种技术其实并不复杂，仅仅是通过滤镜就可实现，下面我把我常用的方法分享给大家。', '<p>经常看到一些网站遇到重大灾害事故的时候，选择默哀，会把网站的整体颜色变成黑白灰，这种技术其实并不复杂，仅仅是通过滤镜就可实现，下面我把我常用的方法分享给大家。\n</p><p>\n</p><p>在css文件中插入以下代码：</p><pre>html {\nfilter:progid:DXImageTransForm.Microsoft.BasicImage(grayscale=1);\n-webkit-filter: saturate(0);\n} </pre><p>保存刷新，你会发现页面瞬间变成了黑白灰基调。当然我们也可以在html文档中直接添加:</p><p></p><pre>&lt;style type=”text/<a href=\"http://www.lingdublog.com/tag/css\" target=\"_blank\">css</a>”&gt;\nhtml{\nfilter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);\n}\n&lt;/style&gt;</pre><p>效果是一样的，通过css滤镜把网页颜色改变。</p><p>值得注意的是，如果您的网站中有flash动画的话，它的颜色不会改变，这时您可以在在FLASH代码的&lt;object …&gt;和&lt;/object&gt;之间插入：</p><p></p><pre>&lt;param value=”false” name=”menu”/&gt;\n&lt;param value=”opaque” name=”wmode”/&gt; </pre><p><br></p><p><br></p>', '', '前端汇', '2016-05-20 13:52:29', '10', '0', '0', '0', '5', '', '0', '1', '', '1', '0');
INSERT INTO `li_article` VALUES ('163', 'CSS3的属性选择器', 'CSS3中新增了许多选择器，今天给大家说说CSS3的属性选择器。', '<p>CSS3中新增了许多选择器，今天给大家说说CSS3的属性选择器。\n</p><p>\n</p><p>与CSS2相比，CSS3新增了3种属性选择器：[attr^=value]、[attr$=value]、[attr*=value]；分别来讲解一下。</p><h2><font size=\"4\">一、[attr^=value]属性选择器</font></h2><p>大家如果接触过正则表达式的话，应该知道^符号的意思，是表示开头，没错，这里也是表示开头的意思，意思就是选择属性名attr的开头值为value的元素！</p><p>举个例子：</p><p></p><pre>&lt;style type=\"text/css\"&gt;\n[class^=tea]{width:200px; height:200px;}  /*此选择器表示选择class开头字符串为tea的元素*/\n&lt;/style&gt;\n\n&lt;div class=\"teacher\"&gt;我的class是teacher&lt;/div&gt;\n&lt;div class=\"tea\"&gt;我的class是tea&lt;/div&gt;\n&lt;div class=\"teach\"&gt;我的class是teach&lt;/div&gt;\n&lt;div class=\"aaa\"&gt;我的class是aaa&lt;/div&gt;</pre><p>这样会选择前三个元素，而不会选择最后一个元素。</p><h2><font size=\"4\">二、[attr$=value]属性选择器</font></h2><p>相比较前一个，这一个就很容易理解了，$符号就代表结尾，这里意思是选择属性名attr的结尾值为value的元素！</p><p>例子：</p><p></p><pre>&lt;style type=\"text/css\"&gt;\n[class$=er]{width:200px; height:200px;}  /*此选择器表示选择class结尾字符串为er的元素*/\n&lt;/style&gt;\n\n&lt;div class=\"teacher\"&gt;我的class是teacher&lt;/div&gt;\n&lt;div class=\"tea\"&gt;我的class是tea&lt;/div&gt;\n&lt;div class=\"teach\"&gt;我的class是teach&lt;/div&gt;\n&lt;div class=\"aaa\"&gt;我的class是aaa&lt;/div&gt;</pre><p>这样就会选择class为teacher的div。</p><h2><font size=\"4\">三、[attr*=value]属性选择器</font></h2><p></p><p>最后这一个和前面两个的区别是符号换成了*，这个代表通配符的意思，意思是选择属性名attr的值包含value的元素！</p><p></p><pre>&lt;style type=\"text/css\"&gt;\n[class$=ch]{width:200px; height:200px;}  /*此选择器表示选择class包含字符串为ch的元素*/\n&lt;/style&gt;\n\n&lt;div class=\"teacher\"&gt;我的class是teacher&lt;/div&gt;\n&lt;div class=\"tea\"&gt;我的class是tea&lt;/div&gt;\n&lt;div class=\"teach\"&gt;我的class是teach&lt;/div&gt;\n&lt;div class=\"aaa\"&gt;我的class是aaa&lt;/div&gt;</pre><p>这样就会选择class为teacher和class为teach的两个div。</p><p>这三种属性选择器大家如果用的熟练的话会对提高工作效率有很大帮助。</p><p><br></p>', '', '前端汇', '2016-05-20 13:55:57', '11', '0', '0', '0', '0', '', '0', '1', '', '0', '0');
INSERT INTO `li_article` VALUES ('166', 'i创中国·创新医疗专场', '时间：05-21 13:00 - 17:00\n\n地点：杭州 - 城中香格里拉大酒店', '<p><i>时间</i>：<i>05-21 13:00 - 17:00</i></p><p><i>地点：</i><i>杭州 - 城中香格里拉大酒店</i><br></p><ul></ul><h4>活动内容</h4><p>从一名创业者到企业家，你需要跨越的不仅仅是盈利额的攀升，更是用新思维来定义旧领域的过程。从传统到新锐，创新医疗者能做的不仅仅是运营一个项目发明一个产品，而是颠覆医疗霸权，拯救更多的生命。</p><p>5月21日，由i创中国、浙商传媒（《浙商》杂志）主办，医路演联合主办，永炜投资特别赞助的i创中国·2016浙商创新创业大赛创新医疗专场即将拉开帷幕。美国硅谷行业大咖与众多医疗行业创新创业者将齐聚杭州，共话医疗产业的现状和趋势。</p><p>丨海外大咖丨</p><p>演讲主题：硅谷最新移动医疗的现状和趋势</p><p>Skip Fleshman</p><p>【大咖简介】</p><p>硅谷著名的专注于投资早期阶段的移动医疗、细胞治疗、医疗大数据分析等领域的风投公司AMV创始合伙人，斯坦福大学孵化器StartX、硅谷最著名的移动医疗孵化器Rock Health以及波士顿儿童医院的顾问。</p><p>曾投资公司：HealthTap, Reify Health, Evidation Health, 1DocWay, Lark, Arterys,Welkin Health, WellDoc, Ooma, Kii, LiquidM, RallyPoint 和Icon Aircraft。其中，退出案例包括：Skybox、Digisec、Chimerix、1Docway、StrataVia、Ooma and Provade等</p><p>丨优质路演项目丨</p><p></p><p>海外项目一：VR治疗青光眼</p><p>项目来自于nGoggle，一家位于美国加州圣地亚哥的研发便携式的人脑—电脑交互诊断工具的公司，专注于诊断青光眼(失明的主要诱因之一)、黄斑变性眼科疾病等其他眼科疾病，以及神经退行性疾病及其他神经失调疾病。以OculusRift硬件结合脑电图来测量神经系统反应及状态变化，将其转化为视觉刺激的原理，实现客观测量疾病发展且将诊断缩短至数月。</p><p></p><p>海外项目二：外骨骼机器人</p><p>项目来自于US bionic公司，创始人Dr.kazarooni博士是国际外骨骼机器人顶尖专家，加州大学伯克利分院教授，已研发出世界首款军用外骨骼（美军方采购后被洛克希德马丁公司收购），工业用机器人，医疗用机器人。</p><p>目前正处于研发的医用、工业用外骨骼机器人可以模块化，整机重量只有竞品一半，成本只有竞品三分之一。在迪拜国际人工智能机器人大赛总获得金牌奖项，奖金100万美元。</p><p><strong></strong><a target=\"_blank\" href=\"http://www.lieyunwang.com/activity/118\">去官网报名</a><br></p><p><br></p>', '', '网络', '2016-05-21 13:21:13', '14', '0', '1', '0', '14', '', '0', '1', '', '6', '0');
INSERT INTO `li_article` VALUES ('165', 'nginx下如何禁止未绑定域名访问', '网站初建，对nginx配置也不怎么懂，今日查看网站的百度收录排名，突然发现有一个一模一样的网站出现，连内容和logo也一样，并且排名和收录都比自己的网站高。仔细一看第一反应就是他的域名解析到了我的服务器IP上，应该是nginx上配置问题，没有进行过滤。', '<h3 id=\"nginx-\"><span style=\"color: inherit; font-size: 18px; line-height: 1.8;\">背景</span><br></h3>\n<p>网站初建，对nginx配置也不怎么懂，今日查看网站的百度收录排名，突然发现有一个一模一样的网站出现，连内容和logo也一样，并且排名和收录都比自己的网站高。仔细一看第一反应就是他的域名解析到了我的服务器IP上，应该是nginx上配置问题，没有进行过滤。网上查了一下原因和解决方法，总结如下：</p>\n<h4 id=\"-\">方式一</h4>\n<p>禁止未绑定的域名解析到服务器，跳转到403错位</p>\n<pre><code>server{\n    listen 80 default_server;\n    server_name _;\n    return 403;\n}\n</code></pre><p>其实这个名字没有什么特别的，它仅仅是一个许多无效的域名中的一个代表，与任何真实的名字永远不会相交。其它无效的名称，如“ - “ 和” ！@＃ “也可同样使用。<br>default_server：nginx的虚拟主机是通过HTTP请求中的Host值来找到对应的虚拟主机配置，如果找不到呢？那 nginx就会将请求送到指定了 default_server 的 节点来处理</p>\n<p>对于未绑定的域名指向你的服务器时，匹配不到你配置的虚拟主机域名后，会默认使用这个虚拟主机，然后直接返回404。</p>\n<h4 id=\"-\">方式二</h4>\n<p>把这些流量收集起来，导入到自己的网站，以其人之道还治其人之身</p>\n<pre><code>server{\n    listen 80 default_server;\n    server_name _;\n    rewrite ^(.*) http://www.jsout.com permanent;\n}\n</code></pre><h4 id=\"-\">总结</h4>\n<p>其实这人也挺无聊的。不过，对于我自身，也加深了解了对nginx的配置。看来对于一个前端工程师来说，多了解一下nginx等服务器的配置也是必要的，成长总是在磕碰之后。</p>', '/static/upload/pics/5/21/2016wD40s7O1PqoLJJx1XOSiJ9O0.jpg', '前端汇', '2016-05-21 13:04:50', '33', '1', '1', '1', '16', 'nginx', '0', '1', '', '1', '0');
INSERT INTO `li_article` VALUES ('167', '2016年房产消费创投趋势探讨---IT桔子沙龙', '时间: 05-21 13:30 - 17:00\n\n地点:上海 - 江湾体育场', '<h3>2016年房产消费创投趋势探讨---IT桔子沙龙</h3><p><i>时间:</i>&nbsp;<i>05-21 13:30 - 17:00</i></p><p><i>地点:</i><i>上海 - 江湾体育场</i><br></p><ul></ul><h4>活动内容</h4><p>房产消费作为互联网+中的巨额市场一直备受关注，围绕房产的O2O覆盖租房、买房、装修几大领域，再加上创业火热、小微企业增多，商业地产、办公室租房、众创空间这类服务也纷纷登场。房产的客单价足够高，围绕房贷、分期支付的消费金融也在这个领域得到了更快的发展。</p><p>刚刚过去四分之一的2016年，联合办公空间纷纷融资，住百家、美房云客等房产企业挂牌新三板，魔方公寓迎来C轮3亿美金融资，链家扑朔迷离的巨额融资后启动上市计划，然而不管是孵化器、亦或是长租、短租公寓，火热的背后同样备受质疑。</p><p>如今的房产+互联网是否正在经历寒冬？房产交易型创业公司如何与传统大平台竞争？在重度依赖线下的行业中如何打造出新的模式？投资人眼中房产行业还存在哪些创业机会？本期IT桔子沙龙，我们将邀请创业者和投资人共同探讨。</p><p>议程：</p><p>13:30-14:00签到入场</p><p>14:00-14:15活动介绍及开场</p><p>14:15-14:45 IT桔子盘点房产领域创业投资数据信息</p><p>14:45-16:45创业公司主题演讲+互动问答</p><p>16:45-17:30投资人分享：投资房产消费领域的观点和看法</p><p><a target=\"_blank\" href=\"http://huodong.tuicool.com/huodong/goto?id=572b4a46651a5ece5e2527a6\">去官网报名</a><br></p><p><br></p>', '', '网络', '2016-05-21 13:24:42', '11', '0', '1', '0', '14', 'IT桔子沙龙', '0', '1', '', '6', '0');
INSERT INTO `li_article` VALUES ('168', '亚杰商会第10期融资对对碰', '时间：05-24 13:30 - 17:00\n\n地点：北京 - 中关村创业大街昊海楼2层', '<p><i>时间</i>：<i>05-24 13:30 - 17:00</i></p><p><i>地点：</i><i>北京 - 中关村创业大街昊海楼2层</i><br></p><ul></ul><h4>活动内容</h4><p>第九期的融资对对碰，涌现了大波优质项目，目前已有两个项目通过亚杰平台成功对接到投资机构！如今亚杰商会第十期融资对对碰如期而至，我们依然采取项目路演10分钟+投资人提问5分钟的形式！</p><p>【参加项目】</p><p></p><p>旅行管家 &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;</p><p>用线上APP线下呼叫中心连接用户与商家，解决目的地商户诚信，用户体验两个痛点，打破传统商业规则形成闭环，让中国旅游升级迭代。全程围绕用户提供最新最精准的目的地吃购游等服务，让您更好的了解当地风土人情，让客人的精力全部绽放在旅程中最精华的时刻。</p><p></p><p>易售后 &nbsp; &nbsp;&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</p><p>中小企业售后服务云平台，一站式解决企业售后服务难题。平台要实现的目标是：让企业的售后服务更简单、更便捷、更高效、成本更低廉。</p><p></p><p>U享生活</p><p>一款中小型商户轻运营SAAS平台，U享可帮助中小型商户引流推广，提升复购率，运营老客户。降低商户在运营维护中的人力以及运营推广成本。</p><p></p><p>Artplane</p><p>一个艺术品，设计师服务，艺术家居全产业链条经纪+电商平台。我们帮助推广艺术家+设计师+设计家居，帮助售卖艺术品和设计师服务，设计家居，帮助他们赚钱，变现盈利。</p><p>帮助艺术家和室内设计师，打造经纪推广服务平台。</p><p></p><p>联尚优品</p><p>一家聚合全球时尚产品跨境电商B2B实时交易平台，我们主要核心模式是1、服务担保（实时共享商品、配送、结算闭环交易服务） 2、颠覆低效(打破传统B2B批量订单模 式,以单品实时交易模式) 3磁力吸引(吸引更多海外优质商户,盘活闲置货源库存)</p><p></p><p>救心EXPRESS</p><p>一个急性心梗救治及随访管理平台，是根据国家行政文件开发的手机APP，实现了临床路径指引及数据采集和随访平台，帮助医院建立心梗救治的数据库，利于医院申请胸痛中心，同时也作为医疗企业进入市场和市场渗透的入口。</p><p>目前APP开发完成，推广团队基本建立。项目创始人医生出身，超过10年外资医药公司市场和销售管理经验，并在在行业学会工作过3年，目前带领团队管理全国心梗项目。</p><p></p><p>人间禅境</p><p>3d养成类手游,创意玩法,创新思维,虚拟现实+物联网,把虚拟物品带到现实中来, 虚拟与现实结合，云存储结合游戏，记忆人生轨迹。 根据人性化思维打造全新的，立体的，新颖的游戏模式。 最大限度的提升画面品质，试图做到三点创新，</p><p>即：游戏玩法创新，云存储形式创新，b2c模式创新</p><p><a target=\"_blank\" href=\"http://www.huodongxing.com/event/6335591479800\">去官网报名</a><br></p><p><br></p>', '', '前端汇', '2016-05-23 14:05:34', '2', '0', '1', '0', '14', '亚杰商会', '0', '1', '前端汇', '6', '0');
INSERT INTO `li_article` VALUES ('169', 'InnoTalk|爱回收创始人讲述创业过程中的加减法', '时间： 05-24 14:00 - 16:00\n\n地点：上海 - 杨浦区锦嘉路88号', '<h3>InnoTalk|爱回收创始人讲述创业过程中的加减法</h3><p><i>时间：</i>&nbsp;<i>05-24 14:00 - 16:00</i></p><p><i>地点：</i><i>上海 - 杨浦区锦嘉路88号</i><br></p><ul></ul><h4>活动内容</h4><p>8年前的一个创业灵感；5年前抓住智能手机风口业务大胆转型；从十几个人发展到上千人的团队；用户上千万，已成长为手机回收行业的领导者；爱回收创始人陈雪峰讲述创业过程中的加减法。</p><p>在数学中最容易的加减法，在现实中却是最难做出的选择。创业公司在发展过程中总会有各种机会和风险，而高层在做决策时，可能会因为贪心或胆怯而不敢做赌注，导致公司出现平行发展而纵深不足的情况。这种时候会做加减法便显得格外重要。找准方向，坚持往一个可以深耕或自己最笃定的方向做加法，而在其他精力不足或判断不准的方向做减法，将会帮助创业公司快速突围。</p><p>爱回收，从8年前的社会热点“别针换别墅”产生的创业灵感，两年多艰难摸索，5年前抓住智能手机风口，业务转型为二手领域的回收。转型后很快获得晨兴资本的A轮投资，一路发展顺利，现已发展到上千人的规模，2015年8月，爱回收网完成6000万美元的C轮融资，与京东开展战略合作，上了一个新的台阶。</p><p>爱回收在发展中是如何做加减法的？在业务和商业模式层面，是如何使用加减法法则的？</p><p>5月24日（周二）下午，来IPO club听InnoSpace创业导师、爱回收创始人陈雪峰讲述“创业过程中的加减法”。</p><p><a target=\"_blank\" href=\"http://www.huodongxing.com/event/8335464172200\">去官网报名</a><br></p><p><br></p>', '', '前端汇', '2016-05-23 14:11:11', '1', '0', '1', '0', '14', '', '1', '1', '', '6', '0');
INSERT INTO `li_article` VALUES ('170', '5月AppCan移动开发技术培训', '时间 ：05-25 09:30 - 05-26 18:00\n\n地点：南京 - 阳光大厦7层B座', '<p><i>时间</i>&nbsp;：<i>05-25 09:30 - 05-26 18:00</i></p><p><i>地点：</i><i>南京 - 阳光大厦7层B座</i><br></p><ul></ul><h4>活动内容</h4><p>如今越来越多的第三方开发平台和各种服务，成为了开发者们进行应用开发时所必需使用的工具。这些开发平台和服务不但改善了应用开发中的困境，提供有力的技术支撑，同时还为开发者节省了大量的资金与时间成本。AppCan作为国内最大的移动应用开发平台,致力于服务广大的开发者,为开发者提供最优质、最便捷的移动开发平台。与此同时，我们还提供配套的技术培训服务，帮助开发者快速上手AppCan开发平台。2016年4月AppCan移动平台开发技术培训教学案例再换新，采用项目式教学方式，通过2天“租房App\"开发培训与交流让开发者快速了解AppCan平台，掌握使用平台开发APP流程，包括创建及同步项目、模拟器调试，真机调试及断点调试、UI框架、JS SDK、插件调用、数据获取、云端编译及打包。</p><p>培训对象：有一定WEB前端基础并想从事APP开发的所有开发者。</p><p>必备知识</p><p>1、HTML：掌握HTML常用标签及属性，包括HTML5新增标签和属性等；</p><p>2、CSS：掌握CSS常用属性、语法及值、CSS选择器类型、CSS引入方式及CSS新增属性及值等；</p><p>3、JavaScript：JS基本语法、JS函数、JS内置对象、DOM元素操作等。</p><p><img src=\"http://edu.appcan.cn/base/getCImg?img=154029n2016h3g29dz.png\"></p><p><a target=\"_blank\" href=\"http://huodong.tuicool.com/huodong/goto?id=5724060b651a5ece5e252499\">去官网报名</a><br></p><p><br></p>', '', '前端汇', '2016-05-23 14:12:44', '1', '0', '1', '0', '14', '移动开发培训', '1', '1', '', '6', '0');
INSERT INTO `li_article` VALUES ('171', '2016广州『链』大会', '时间 ：05-25 13:00 - 17:30\n\n地点：广州 - 南丰朗豪酒店', '<h3>2016广州『链』大会</h3><p><i>时间</i>&nbsp;：<i>05-25 13:00 - 17:30</i></p><p><i>地点：</i><i>广州 - 南丰朗豪酒店</i></p><h4>活动内容</h4><p>创业是源自内心的原力，是一种创造性的力量，是思想格局的不断修炼。</p><p>广州，中国创业氛围最好的城市之一，在电子商务、企业级服务、文化娱乐体育、以及游戏等四大领域拥有极佳的创业优势。</p><p>2016广州「链」大会，我们找到了广州乃至全国的一批最有思想力的创业者，将为您展现一个真实、多元的广州创业生态。</p><p>嘉宾：</p><p><img src=\"http://cdn.huodongxing.com/file/20150607/111D4D83A7AF0899DE46637A95D04577D0/30492315965230714.jpg\" alt=\"蔡华.jpg\"></p><p><img src=\"http://cdn.huodongxing.com/file/20150607/111D4D83A7AF0899DE46637A95D04577D0/30262315965520726.jpg\" alt=\"彭斌.jpg\"></p><p><img src=\"http://cdn.huodongxing.com/file/20150607/111D4D83A7AF0899DE46637A95D04577D0/30872315965960735.jpg\" alt=\"牟斌.jpg\"></p><p><img src=\"http://cdn.huodongxing.com/file/20150607/111D4D83A7AF0899DE46637A95D04577D0/30642315966230743.jpg\" alt=\"清水.jpg\"></p><p><img src=\"http://cdn.huodongxing.com/file/20150607/111D4D83A7AF0899DE46637A95D04577D0/30752315966460748.jpg\" alt=\"刘之.jpg\"></p><p><img src=\"http://cdn.huodongxing.com/file/20150607/111D4D83A7AF0899DE46637A95D04577D0/30212315966730776.jpg\" alt=\"吕桂华.jpg\"></p><p><img src=\"http://cdn.huodongxing.com/file/20150607/111D4D83A7AF0899DE46637A95D04577D0/30292315966960783.png\" alt=\"孔令杰.png\"></p><p><img src=\"http://cdn.huodongxing.com/file/20150607/111D4D83A7AF0899DE46637A95D04577D0/30962315967180794.jpg\" alt=\"王凯歆.jpg\"></p><p><img src=\"http://cdn.huodongxing.com/file/20150607/111D4D83A7AF0899DE46637A95D04577D0/30702315967430805.jpg\" alt=\"崔欣欣.jpg\"></p><p><img src=\"http://cdn.huodongxing.com/file/20150607/111D4D83A7AF0899DE46637A95D04577D0/30632315967910829.jpg\" alt=\"栾春晖.jpg\"></p><p><img src=\"http://cdn.huodongxing.com/file/20150607/111D4D83A7AF0899DE46637A95D04577D0/30862315968020833.jpg\" alt=\"邱彬彬.jpg\"></p><p><img src=\"http://cdn.huodongxing.com/file/20150607/111D4D83A7AF0899DE46637A95D04577D0/30312315968120836.jpg\" alt=\"吴江.jpg\"></p><p><img src=\"http://cdn.huodongxing.com/file/20150607/111D4D83A7AF0899DE46637A95D04577D0/30402315968240842.png\" alt=\"王雅倩.png\"></p><p></p><p><a target=\"_blank\" href=\"http://www.huodongxing.com/event/8333497459800\">去官网报名</a><br></p><p><br></p>', '', '前端汇', '2016-05-23 14:14:38', '3', '0', '1', '0', '14', '移动互联,创业', '1', '1', '前端汇', '6', '0');
INSERT INTO `li_article` VALUES ('172', '协同发展合作共赢--北京众创空间交流会', '时间： 05-25 13:30 - 17:30\n\n地点：北京 - 丰台科技园汉威国际广场', '<h3>协同发展合作共赢--北京众创空间交流会</h3><p><i>时间：</i>&nbsp;<i>05-25 13:30 - 17:30</i></p><p><i>地点：</i><i>北京 - 丰台科技园汉威国际广场</i><br></p><ul></ul><h4>活动内容</h4><p>从传统孵化器到今天的众创空间，我们从老思想旧思维跳跃到创新发展合作共赢，新生代的众创空间已经无时无刻的不在诠释着这个时代的新玩法。近两年孵化器行业的异军突起以及行业的风云变幻，也让很多人着实摸不到头绪，我们在探索该如何运营孵化器、众创空间的同时更应该深入挖掘这个生态产业的核心资源及优势，通过资源整合及品牌联动实现整个行业的良性发展。创天下携手瀚海源众创空间及瀚海指南针众创空间联合举办了本次主题沙龙活动：协同发展合作共赢---北京众创空间交流会</p><p><a target=\"_blank\" href=\"http://www.huodongxing.com/event/7335189020400\">去官网报名</a><br></p><p><br></p>', '', '前端汇', '2016-05-23 14:16:52', '9', '0', '1', '0', '14', '', '1', '1', '', '6', '0');
INSERT INTO `li_article` VALUES ('173', '11', '', '<p><img src=\"/static/upload/pics/2016/06/04iNH-j76SWAGKjKILRunF5IdK.jpg\" alt=\"Penguins\" style=\"max-width:100%;\"><br></p><p><br></p>', '', '前端汇', '2016-06-04 10:52:01', '2', '0', '0', '0', '0', '', '0', '0', '', '0', '0');

-- ----------------------------
-- Table structure for li_comment
-- ----------------------------
DROP TABLE IF EXISTS `li_comment`;
CREATE TABLE `li_comment` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `aid` int(11) DEFAULT NULL COMMENT '文章id',
  `author` varchar(255) COLLATE utf8_bin DEFAULT NULL,
  `email` varchar(255) COLLATE utf8_bin DEFAULT NULL,
  `qq` varchar(255) COLLATE utf8_bin DEFAULT NULL,
  `comment` varchar(255) COLLATE utf8_bin DEFAULT NULL,
  `belongid` int(11) DEFAULT '0' COMMENT '回复的评论id',
  `dig` int(11) DEFAULT '0',
  `tipoff` int(11) DEFAULT '0' COMMENT '举报',
  `createtime` datetime DEFAULT NULL,
  `pic` varchar(255) COLLATE utf8_bin DEFAULT '' COMMENT '头像',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=11 DEFAULT CHARSET=utf8 COLLATE=utf8_bin;

-- ----------------------------
-- Records of li_comment
-- ----------------------------

-- ----------------------------
-- Table structure for li_guest
-- ----------------------------
DROP TABLE IF EXISTS `li_guest`;
CREATE TABLE `li_guest` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `nickname` varchar(255) COLLATE utf8_bin DEFAULT NULL,
  `contact` varchar(255) COLLATE utf8_bin DEFAULT NULL,
  `guest` varchar(255) COLLATE utf8_bin NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_bin;

-- ----------------------------
-- Records of li_guest
-- ----------------------------

-- ----------------------------
-- Table structure for li_item
-- ----------------------------
DROP TABLE IF EXISTS `li_item`;
CREATE TABLE `li_item` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `itemname` varchar(255) DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=8 DEFAULT CHARSET=utf8;

-- ----------------------------
-- Records of li_item
-- ----------------------------
INSERT INTO `li_item` VALUES ('1', '大杂烩');
INSERT INTO `li_item` VALUES ('2', '前端资讯');
INSERT INTO `li_item` VALUES ('3', 'nodejs');
INSERT INTO `li_item` VALUES ('4', 'mac精品');
INSERT INTO `li_item` VALUES ('5', '招聘');
INSERT INTO `li_item` VALUES ('6', '活动');

-- ----------------------------
-- Table structure for li_links
-- ----------------------------
DROP TABLE IF EXISTS `li_links`;
CREATE TABLE `li_links` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `domain` varchar(255) COLLATE utf8_bin DEFAULT NULL,
  `link` varchar(255) COLLATE utf8_bin DEFAULT NULL,
  `logo` varchar(255) COLLATE utf8_bin DEFAULT NULL,
  `qq` varchar(255) COLLATE utf8_bin DEFAULT NULL,
  `notice` varchar(255) COLLATE utf8_bin DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=utf8 COLLATE=utf8_bin;

-- ----------------------------
-- Records of li_links
-- ----------------------------

-- ----------------------------
-- Table structure for li_system
-- ----------------------------
DROP TABLE IF EXISTS `li_system`;
CREATE TABLE `li_system` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `sitename` varchar(255) DEFAULT NULL,
  `url` varchar(255) DEFAULT NULL,
  `keywords` varchar(255) DEFAULT NULL,
  `description` varchar(255) DEFAULT NULL,
  `author` char(50) DEFAULT NULL,
  `copyright` varchar(255) DEFAULT NULL,
  `links` text,
  `allowcomment` int(11) DEFAULT '1',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=2 DEFAULT CHARSET=utf8;

-- ----------------------------
-- Records of li_system
-- ----------------------------
INSERT INTO `li_system` VALUES ('1', '前端汇—优质web前端学习交流平台', 'http://localhost:8361/', '前端汇,liblog,thinkjs,全栈开发', '前端汇，汇集前端最新技术博文,以原创为主,专注web前端开发,javascript全栈开发,前端性能优化,网站建设优化,前端工程化,崇尚复杂的事情简单化,是前端编程从业者的交流和学习的平台。', '前端汇', '@2015 copyright', '', '0');

-- ----------------------------
-- Table structure for li_tags
-- ----------------------------
DROP TABLE IF EXISTS `li_tags`;
CREATE TABLE `li_tags` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `tagname` varchar(255) DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=17 DEFAULT CHARSET=utf8;

-- ----------------------------
-- Records of li_tags
-- ----------------------------
INSERT INTO `li_tags` VALUES ('1', 'web开发');
INSERT INTO `li_tags` VALUES ('2', 'thinkjs');
INSERT INTO `li_tags` VALUES ('3', 'nodejs');
INSERT INTO `li_tags` VALUES ('4', 'jquery');
INSERT INTO `li_tags` VALUES ('5', 'css3');
INSERT INTO `li_tags` VALUES ('6', 'css3+html5');
INSERT INTO `li_tags` VALUES ('7', 'javascript');
INSERT INTO `li_tags` VALUES ('8', 'html');
INSERT INTO `li_tags` VALUES ('9', '前端设计');
INSERT INTO `li_tags` VALUES ('10', 'fis');
INSERT INTO `li_tags` VALUES ('11', 'grunt');
INSERT INTO `li_tags` VALUES ('12', 'vscode');
INSERT INTO `li_tags` VALUES ('13', '前端工具');
INSERT INTO `li_tags` VALUES ('14', '活动');
INSERT INTO `li_tags` VALUES ('15', '招聘');
INSERT INTO `li_tags` VALUES ('16', 'nginx');

-- ----------------------------
-- Table structure for li_user
-- ----------------------------
DROP TABLE IF EXISTS `li_user`;
CREATE TABLE `li_user` (
  `id` int(100) NOT NULL AUTO_INCREMENT,
  `name` varchar(255) CHARACTER SET latin1 DEFAULT NULL,
  `password` int(100) DEFAULT NULL,
  `email` varchar(255) DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=MyISAM AUTO_INCREMENT=52 DEFAULT CHARSET=utf8;

-- ----------------------------
-- Records of li_user
-- ----------------------------
INSERT INTO `li_user` VALUES ('51', 'bbb', '12', null);
INSERT INTO `li_user` VALUES ('50', 'ASD', '11', null);
INSERT INTO `li_user` VALUES ('43', 'livisky', '112', null);
INSERT INTO `li_user` VALUES ('45', 'aaa', '1', null);