<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[旅行的风筝]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/mpdemp</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; mpdemp]]></copyright><item><title><![CDATA[兼容]]></title><link>https://blog.youkuaiyun.com/mpdemp/article/details/79430950</link><guid>https://blog.youkuaiyun.com/mpdemp/article/details/79430950</guid><author>mpdemp</author><pubDate>Sat, 03 Mar 2018 16:03:14 +0800</pubDate><description><![CDATA[相关库


Respond  CSS3 Media pollyfill，适用于 IE6~IE8，或更多
html5shiv 让  Internet Explorer 6-9, Safari 4.x (and iPhone 3.x), and Firefox 3.x. 支持 html5 标签
CSS3 PIE 让低版本的 IE 支持 CSS3 特性，目前支持： 
border-radius
box-...]]></description><category></category></item><item><title><![CDATA[面试题收集]]></title><link>https://blog.youkuaiyun.com/mpdemp/article/details/79373090</link><guid>https://blog.youkuaiyun.com/mpdemp/article/details/79373090</guid><author>mpdemp</author><pubDate>Mon, 26 Feb 2018 08:51:01 +0800</pubDate><description><![CDATA[代码层面：避免使用css表达式，避免使用高级选择器，通配选择器。

缓存利用：缓存Ajax，使用CDN，使用外部js和css文件以便缓存，添加Expires头，服务端配置Etag，减少DNS查找等

请求数量：合并样式和脚本，使用css图片精灵，初始首屏之外的图片资源按需加载，静态资源延迟加载。

请求带宽：压缩文件，开启GZIP...]]></description><category></category></item><item><title><![CDATA[moment.js 使用]]></title><link>https://blog.youkuaiyun.com/mpdemp/article/details/79243711</link><guid>https://blog.youkuaiyun.com/mpdemp/article/details/79243711</guid><author>mpdemp</author><pubDate>Fri, 02 Feb 2018 22:20:22 +0800</pubDate><description><![CDATA[moment.js

ES6



import moment from 'moment';



moment(Date.now()).format('HH:mm:ss');]]></description><category></category></item><item><title><![CDATA[渲染 Markdown 文档]]></title><link>https://blog.youkuaiyun.com/mpdemp/article/details/79221193</link><guid>https://blog.youkuaiyun.com/mpdemp/article/details/79221193</guid><author>mpdemp</author><pubDate>Wed, 31 Jan 2018 19:21:46 +0800</pubDate><description><![CDATA[渲染 Markdown 文档

1. marked


安装

npm install marked --save
使用

import marked from 'marked';
var html = marked('# h1');

这时候 html 不能直接用在 React 组件中：


    {html}
/div>

但可以:

document.getElementById('con]]></description><category></category></item><item><title><![CDATA[Node.js 全栈 —— 前后端数据交互]]></title><link>https://blog.youkuaiyun.com/mpdemp/article/details/79200789</link><guid>https://blog.youkuaiyun.com/mpdemp/article/details/79200789</guid><author>mpdemp</author><pubDate>Mon, 29 Jan 2018 22:40:41 +0800</pubDate><description><![CDATA[前后端数据交互

GET



1. URL 查询字符串

前端

前端向后端提交请求以及参数可以通过为 url 附加查询字符串来完成的。

如浏览器地址栏的内容：

http://mp.blog.youkuaiyun.com/postlist/all/all/all?key=get

? 之后的 key=get 部分称为查询字符串。前端通过这种方式向后端传递查询参数。

axios

axios('/use]]></description><category></category></item><item><title><![CDATA[Mongoose]]></title><link>https://blog.youkuaiyun.com/mpdemp/article/details/79200115</link><guid>https://blog.youkuaiyun.com/mpdemp/article/details/79200115</guid><author>mpdemp</author><pubDate>Mon, 29 Jan 2018 21:29:15 +0800</pubDate><description><![CDATA[查询

模糊查询


单字段

//  查询字段 field_A 中包含 ok 的文档
Model_A.find(field_A: /ok/i).exec(function(err, docs){});
//或者：
var regexp = new RegExp('ok', 'i');
Model_A.find(field_A: regexp).exec(function(err, docs){}]]></description><category></category></item><item><title><![CDATA[Session 会话]]></title><link>https://blog.youkuaiyun.com/mpdemp/article/details/79169243</link><guid>https://blog.youkuaiyun.com/mpdemp/article/details/79169243</guid><author>mpdemp</author><pubDate>Fri, 26 Jan 2018 10:13:22 +0800</pubDate><description><![CDATA[占位]]></description><category></category></item><item><title><![CDATA[Proxy]]></title><link>https://blog.youkuaiyun.com/mpdemp/article/details/79164156</link><guid>https://blog.youkuaiyun.com/mpdemp/article/details/79164156</guid><author>mpdemp</author><pubDate>Thu, 25 Jan 2018 17:03:00 +0800</pubDate><description><![CDATA[占位]]></description><category></category></item><item><title><![CDATA[服务端渲染]]></title><link>https://blog.youkuaiyun.com/mpdemp/article/details/79164119</link><guid>https://blog.youkuaiyun.com/mpdemp/article/details/79164119</guid><author>mpdemp</author><pubDate>Thu, 25 Jan 2018 17:01:03 +0800</pubDate><description><![CDATA[占位]]></description><category></category></item><item><title><![CDATA[Node.js API 服务器]]></title><link>https://blog.youkuaiyun.com/mpdemp/article/details/79164080</link><guid>https://blog.youkuaiyun.com/mpdemp/article/details/79164080</guid><author>mpdemp</author><pubDate>Thu, 25 Jan 2018 16:58:33 +0800</pubDate><description><![CDATA[占位]]></description><category></category></item><item><title><![CDATA[Node.js 全栈——注册——验证码]]></title><link>https://blog.youkuaiyun.com/mpdemp/article/details/79128525</link><guid>https://blog.youkuaiyun.com/mpdemp/article/details/79128525</guid><author>mpdemp</author><pubDate>Mon, 22 Jan 2018 17:39:04 +0800</pubDate><description><![CDATA[验证码

Node.js 的验证码确实很坑，底层本身不带有这些操作。查询了很多方法，大多都需要安装新的底层依赖，跨平台性非常低。而且涉及到一个很重要的问题，就是在部署的时候，你还得在部署的平台上再安装一次这个依赖。

介于以上原因，选择了一个国人产的简单的验证码生成库 node-gd-bmp。

生成验证码

1、node-gd-bmp

如何生成，参考 node-gd-bmp 文档。这里只是研究]]></description><category></category></item><item><title><![CDATA[服务器响应状态码statusCode]]></title><link>https://blog.youkuaiyun.com/mpdemp/article/details/79113989</link><guid>https://blog.youkuaiyun.com/mpdemp/article/details/79113989</guid><author>mpdemp</author><pubDate>Sat, 20 Jan 2018 14:21:54 +0800</pubDate><description><![CDATA[状态码201~206201-206都表示服务器成功处理了请求的状态代码，说明网页可以正常访问。
  状态码
  简述
  详述  200
  成功
  服务器已成功处理了请求。通常，这表示服务器提供了请求的网页。
  201
  已创建
  请求成功且服务器已创建了新的资源。
  202
  已接受
  服务器已接受了请求，但尚未对其进行处理。
  203
  非授权信息
  服务器已成功处理了请求]]></description><category></category></item><item><title><![CDATA[React 学习之组件封装]]></title><link>https://blog.youkuaiyun.com/mpdemp/article/details/79027535</link><guid>https://blog.youkuaiyun.com/mpdemp/article/details/79027535</guid><author>mpdemp</author><pubDate>Wed, 10 Jan 2018 19:43:01 +0800</pubDate><description><![CDATA[本文用以记录在学习 React 过程种遇到的一些组件封装技巧。布局组件import Header from './Header'const layoutStyle = {
  margin: 20,
  padding: 20,
  border: '1px solid #DDD'
}const Layout = (props) => (
  <div style={layoutStyle}>]]></description><category></category></item><item><title><![CDATA[immutable-js]]></title><link>https://blog.youkuaiyun.com/mpdemp/article/details/78204699</link><guid>https://blog.youkuaiyun.com/mpdemp/article/details/78204699</guid><author>mpdemp</author><pubDate>Wed, 11 Oct 2017 15:56:43 +0800</pubDate><description><![CDATA[Github仓库]]></description><category></category></item><item><title><![CDATA[前端模块之数据]]></title><link>https://blog.youkuaiyun.com/mpdemp/article/details/78146576</link><guid>https://blog.youkuaiyun.com/mpdemp/article/details/78146576</guid><author>mpdemp</author><pubDate>Sun, 01 Oct 2017 10:31:47 +0800</pubDate><description><![CDATA[自动上传 输入框数据绑定输入框的input操作或者change,为什么不用keyup之类呢，因为keyup对于功能键依然有效。针对绑定的事件处理程序设置setTimeout，在延迟时间内再次触发该处理程序的时候清空前一次的定时器，这样避免不必要的网络请求。 二级标题 三级标题四级标题注：]]></description><category></category></item><item><title><![CDATA[setTimeout]]></title><link>https://blog.youkuaiyun.com/mpdemp/article/details/78145506</link><guid>https://blog.youkuaiyun.com/mpdemp/article/details/78145506</guid><author>mpdemp</author><pubDate>Sat, 30 Sep 2017 21:58:18 +0800</pubDate><description><![CDATA[设置一个可以接收参数的处理函数function func_a (data) {
    setTimeout(func_b(date),1000);
}function func_b (data) {
    //....
}上面的例子是不对的，func_b(date)是在执行func_b函数，达不到异步的效果。可以如下：function func_a (data) {
    setTimeout]]></description><category></category></item><item><title><![CDATA[Mockjs]]></title><link>https://blog.youkuaiyun.com/mpdemp/article/details/78143227</link><guid>https://blog.youkuaiyun.com/mpdemp/article/details/78143227</guid><author>mpdemp</author><pubDate>Sat, 30 Sep 2017 15:33:56 +0800</pubDate><description><![CDATA[var Mock = require('mockjs');module.exports = function () {
  return {
    notes : Mock.mock({
      'note|20-50': [{
        'id': '@id()',
        'topic': '@ctitle()',
        'content': '@cparagrap]]></description><category></category></item><item><title><![CDATA[前端模块之登录]]></title><link>https://blog.youkuaiyun.com/mpdemp/article/details/78137573</link><guid>https://blog.youkuaiyun.com/mpdemp/article/details/78137573</guid><author>mpdemp</author><pubDate>Fri, 29 Sep 2017 21:29:50 +0800</pubDate><description><![CDATA[基本依赖 三级标题四级标题注：]]></description><category></category></item><item><title><![CDATA[json-server深入探秘]]></title><link>https://blog.youkuaiyun.com/mpdemp/article/details/78130852</link><guid>https://blog.youkuaiyun.com/mpdemp/article/details/78130852</guid><author>mpdemp</author><pubDate>Fri, 29 Sep 2017 09:54:21 +0800</pubDate><description><![CDATA[1、占位这里写链接内容]]></description><category></category></item><item><title><![CDATA[Vue项目 其他]]></title><link>https://blog.youkuaiyun.com/mpdemp/article/details/78127912</link><guid>https://blog.youkuaiyun.com/mpdemp/article/details/78127912</guid><author>mpdemp</author><pubDate>Thu, 28 Sep 2017 20:41:47 +0800</pubDate><description><![CDATA[组件style初始化css编写组件时，style标签的设置<style type="text/css" rel="stylesheet/css"></style> //使用css
<style lang="scss" rel="stylesheet/scss"></style> //使用scss，语法也要与之对应
<style lang="sass" rel="stylesheet/sass"></]]></description><category></category></item></channel></rss>