<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[mvpzx的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/github_36704158</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; github_36704158]]></copyright><item><title><![CDATA[Vue组件开发姿势总结]]></title><link>https://blog.youkuaiyun.com/github_36704158/article/details/79430705</link><guid>https://blog.youkuaiyun.com/github_36704158/article/details/79430705</guid><author>github_36704158</author><pubDate>Sat, 03 Mar 2018 15:37:30 +0800</pubDate><description><![CDATA[前言临近毕业，写了个简单个人博客，项目地址是点我访问项目地址（顺便求star），本篇是系列总结第一篇。接下来会一步一步模仿一个低配版的Element 的对话框和弹框组件。正文Vue 单文件组件开发当使用vue-cli初始化一个项目的时候，会发现src/components文件夹下有一个HelloWorld.vue文件，这便是 
单文件组件的基本开发模式。// 注册
Vue.component('my]]></description><category></category></item><item><title><![CDATA[使用Vue、React和Koa开发个人博客]]></title><link>https://blog.youkuaiyun.com/github_36704158/article/details/79416953</link><guid>https://blog.youkuaiyun.com/github_36704158/article/details/79416953</guid><author>github_36704158</author><pubDate>Thu, 01 Mar 2018 20:26:16 +0800</pubDate><description><![CDATA[前言实习了大半年，又临近毕业，一直想做一个属于自己的博客。于是就用Vue、React和Koa开发了一个服务端渲染的博客系统。其中： 
  - 后端管理使用Vue开发 
  - 前端页面使用React服务端渲染框架nextjs 
  - 接口服务使用Koa2 + mongodb + mongoose（使用nodemailer当接口发生500时向我发送邮件通知）项目地址是点我访问项目地址，（不要脸地求s]]></description><category></category></item><item><title><![CDATA[前端实现导出数据到excel文件]]></title><link>https://blog.youkuaiyun.com/github_36704158/article/details/78145732</link><guid>https://blog.youkuaiyun.com/github_36704158/article/details/78145732</guid><author>github_36704158</author><pubDate>Sat, 30 Sep 2017 22:49:16 +0800</pubDate><description><![CDATA[网页中的实现方式
引入所需的依赖文件
<script src="https://cdn.bootcss.com/FileSaver.js/2014-11-29/FileSaver.min.js"></script>
<script src="https://cdn.bootcss.com/xlsx/0.11.3/xlsx.full.min.js"></script>
s2ab函数
function]]></description><category></category></item><item><title><![CDATA[前端上传图片预览]]></title><link>https://blog.youkuaiyun.com/github_36704158/article/details/77917257</link><guid>https://blog.youkuaiyun.com/github_36704158/article/details/77917257</guid><author>github_36704158</author><pubDate>Sat, 09 Sep 2017 19:32:37 +0800</pubDate><description><![CDATA[前端上传图片预览此文将介绍两种方法来实现前端上传图片预览。方法1：FileReader
FileReader对象允许Web应用程序异步读取存储在计算机上的文件（或原始数据缓冲区）的内容，使用File或Blob对象指定要读取的文件。其中File对象可以是来自用户在一个<input>元素上选择文件返回的FileList对象，也可以来自拖放操作生成的DataTransfer对象，还可以是来自一个HTMLC]]></description><category></category></item><item><title><![CDATA[NodeJS express+multer实现文件上传]]></title><link>https://blog.youkuaiyun.com/github_36704158/article/details/77917223</link><guid>https://blog.youkuaiyun.com/github_36704158/article/details/77917223</guid><author>github_36704158</author><pubDate>Sat, 09 Sep 2017 19:26:30 +0800</pubDate><description><![CDATA[前言本人所发的NodeJS系列学习笔记参考了一些书籍、官方文档以及一些前辈的代码及注释，可能有些地方理解的不对。如果有误，欢迎到我的github上提出。当然，希望可以点个星星。基于express+multer的文件上传安装依赖
npm init（创建package.json文件）
npm install express multer --save（安装依赖）
单文件上传
app.js
let fs]]></description><category></category></item><item><title><![CDATA[NodeJS http模块]]></title><link>https://blog.youkuaiyun.com/github_36704158/article/details/77888167</link><guid>https://blog.youkuaiyun.com/github_36704158/article/details/77888167</guid><author>github_36704158</author><pubDate>Thu, 07 Sep 2017 23:10:03 +0800</pubDate><description><![CDATA[前言本人所发的NodeJS系列学习笔记参考了一些书籍、官方文档以及一些前辈的代码及注释，可能有些地方理解的不对。如果有误，欢迎到我的github上提出。当然，希望可以点个星星。node-httpNode.js提供了http模块，用于搭建HTTP服务端和客户端。创建Web服务器
server.js
/**
 * node-http 服务端
 */
let http = require('http');]]></description><category></category></item><item><title><![CDATA[NodeJS dns模块]]></title><link>https://blog.youkuaiyun.com/github_36704158/article/details/77776823</link><guid>https://blog.youkuaiyun.com/github_36704158/article/details/77776823</guid><author>github_36704158</author><pubDate>Fri, 01 Sep 2017 20:00:25 +0800</pubDate><description><![CDATA[dns模块下函数大类该模块包含两类不同的函数： 
 1. 使用操作系统配置文件进行域名解析，而且没必要进行网络通信。该分类只有一个函数： 
 dns.lookup。“` 
 var dns = require(‘dns’);dns.lookup(‘www.github.com’, (err, address, family) => { 
    if (err) { 
        throw e]]></description><category></category></item><item><title><![CDATA[ionic2混合应用调起原生地图应用]]></title><link>https://blog.youkuaiyun.com/github_36704158/article/details/76858537</link><guid>https://blog.youkuaiyun.com/github_36704158/article/details/76858537</guid><author>github_36704158</author><pubDate>Mon, 07 Aug 2017 20:14:00 +0800</pubDate><description><![CDATA[最近有个需求：在混合应用中点击“打开谷歌地图，要自动打开手机上的谷歌地图应用，并且谷歌地图要‘自动’为用户所在地到任务所在地这一段距离进行导航”（没错，就是要打开谷歌地图并且让它自动完成从一个经纬度到另一个经纬度之间的线路规划）百度一下认认真真搜了快一个小时，看了几十个网页，最后得出一个结论： 
TMD，这都什么玩意，说的什么东西**。（哈哈，其实我还是知道了要去看谷歌地图的URL SCHEME）。]]></description><category></category></item><item><title><![CDATA[ionic自定义组件]]></title><link>https://blog.youkuaiyun.com/github_36704158/article/details/76355989</link><guid>https://blog.youkuaiyun.com/github_36704158/article/details/76355989</guid><author>github_36704158</author><pubDate>Sat, 29 Jul 2017 20:09:36 +0800</pubDate><description><![CDATA[简单暴力ionic自定义组件教程。目录结构（src）编写组件展开Components文件夹，先看mynavbar文件夹。
mynavbar.html
<div>
    <i (click)="goBack()"><img src="assets/svg/jiantou.svg" alt=""></i> {{ _title }}
</div>
mynavbar.scss
my-navbar {]]></description><category></category></item><item><title><![CDATA[牛客网编程题：获取url中的参数]]></title><link>https://blog.youkuaiyun.com/github_36704158/article/details/75269194</link><guid>https://blog.youkuaiyun.com/github_36704158/article/details/75269194</guid><author>github_36704158</author><pubDate>Mon, 17 Jul 2017 22:57:38 +0800</pubDate><description><![CDATA[获取 url 中的参数题目描述： 
    1. 指定参数名称，返回该参数的值或者空字符串 
    2. 不指定参数名称，返回全部的参数对象或者 {} 
    3. 如果存在多个同名参数，则返回数组示例：
  输入 
    http://www.baidu.com?key=1&key=2&key=3&test=4, ‘key’  输出 
    [1, 2, 3]
解决办法1function]]></description><category></category></item><item><title><![CDATA[TypeScript入门教程]]></title><link>https://blog.youkuaiyun.com/github_36704158/article/details/75209239</link><guid>https://blog.youkuaiyun.com/github_36704158/article/details/75209239</guid><author>github_36704158</author><pubDate>Sun, 16 Jul 2017 19:49:57 +0800</pubDate><description><![CDATA[TypeScript扩展了JavaScript的语法，所以任何现有的JavaScript程序可以不加改变的在TypeScript下工作。TypeScript是为大型应用之开发而设计，而编译时它产生 JavaScript 以确保兼容性。关于调试以下代码均在http://www.typescriptlang.org/play/index.html上运行通过。自动拆分字符串function test(te]]></description><category></category></item><item><title><![CDATA[HTML5新特性]]></title><link>https://blog.youkuaiyun.com/github_36704158/article/details/74896772</link><guid>https://blog.youkuaiyun.com/github_36704158/article/details/74896772</guid><author>github_36704158</author><pubDate>Sun, 09 Jul 2017 17:34:24 +0800</pubDate><description><![CDATA[HTML5 是 HTML 标准的最新演进版本.它是同时包含了一系列可以被用来让 Web 站点和应用更加多样化，功能更强大的技术。HTML5 音频在audio标签内使用source引入不同格式音频已保证各浏览器均能播放。<audio>
    <source src="example.mp3">
    <source src="example.ogg">
</audio>
HTML5 视频同audi]]></description><category></category></item><item><title><![CDATA[jsPDF的避坑教程]]></title><link>https://blog.youkuaiyun.com/github_36704158/article/details/73929775</link><guid>https://blog.youkuaiyun.com/github_36704158/article/details/73929775</guid><author>github_36704158</author><pubDate>Fri, 30 Jun 2017 02:53:35 +0800</pubDate><description><![CDATA[jsPDF 是一个基于 HTML5 的客户端解决方案,用于生成各种用途的 PDF 文档。前言前两天做了一个在线制作问卷的网页，需要将设计好的问卷下载下拉，想到pdf格式比较稳定，就使用了jsPDF来生成文档，安利一下网页的地址：http://mvpzx.top/demo/qnaire/index.html引入依赖脚本原理上需要先把需要保存的节点渲染到一个canvas，然后利用这个canvas制作pd]]></description><category></category></item><item><title><![CDATA[前端面试题（二）]]></title><link>https://blog.youkuaiyun.com/github_36704158/article/details/73409905</link><guid>https://blog.youkuaiyun.com/github_36704158/article/details/73409905</guid><author>github_36704158</author><pubDate>Sun, 18 Jun 2017 09:29:17 +0800</pubDate><description><![CDATA[最近应聘前端开发，遇到不少问题，在此作个总结整理。1. AJAX发送请求为什么会乱码？怎样解决？摘要: 有的时候虽然设置了全站的编码，但仍可能出现中文乱码的问题，主要体现在get方法提交的请求。1.1 从客户端到服务器端：url地址后要传中文参数，url就要编码，用encodeURI(url)方法。
这里要注意encode方法要使用两次，即encodeURI(encodeURI(url))；如果只使]]></description><category></category></item><item><title><![CDATA[前端面试题（一）]]></title><link>https://blog.youkuaiyun.com/github_36704158/article/details/73379086</link><guid>https://blog.youkuaiyun.com/github_36704158/article/details/73379086</guid><author>github_36704158</author><pubDate>Sat, 17 Jun 2017 12:46:18 +0800</pubDate><description><![CDATA[最近应聘前端开发，遇到不少问题，在此作个总结整理。1.请实现一个函数，将一个字符串中的空格替换成“%20”。例如，当字符串为Hello World，则经过替换后为Hello%20World。思路：正则表达式、replace函数function convertSpaceTo%20 (str) {
    var newstr;
    newstr = str.replace(/\s+?/g, "%2]]></description><category></category></item><item><title><![CDATA[H5App-美丽天气]]></title><link>https://blog.youkuaiyun.com/github_36704158/article/details/73275303</link><guid>https://blog.youkuaiyun.com/github_36704158/article/details/73275303</guid><author>github_36704158</author><pubDate>Thu, 15 Jun 2017 10:22:25 +0800</pubDate><description><![CDATA[前段时间接触了mui，于是便做了一个H5天气app。1.预览已经用HBuilder打包成app在手机运行。 
 
分别对应春夏秋冬。2.背景的实现背景的实现依靠了两个div，HTML如下：<div class="weather-cover"></div>
<div class="weather-content"></div>其中，cover是季节壁纸（准备了春夏秋冬四张），其CSS如下：.weath]]></description><category></category></item><item><title><![CDATA[AJAX理论学习]]></title><link>https://blog.youkuaiyun.com/github_36704158/article/details/72967542</link><guid>https://blog.youkuaiyun.com/github_36704158/article/details/72967542</guid><author>github_36704158</author><pubDate>Fri, 09 Jun 2017 18:12:35 +0800</pubDate><description><![CDATA[什么是AJAX？AJAX = 异步JavaScript和XML。AJAX是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页某个部分进行更新。XMLHttpRequest是AJAX的基础。XMLHttpReauest对象所有现代浏览器均支持XMLHttpRequest对象（IE5和IE6使用Active]]></description><category></category></item><item><title><![CDATA[jQuery项目--ES6入门教程网站]]></title><link>https://blog.youkuaiyun.com/github_36704158/article/details/71760465</link><guid>https://blog.youkuaiyun.com/github_36704158/article/details/71760465</guid><author>github_36704158</author><pubDate>Fri, 12 May 2017 20:24:47 +0800</pubDate><description><![CDATA[项目的预览图PC浏览器 
手机浏览器 
DIV居中给父元素设置相对定位，就可以这样写子元素的样式来使其居中：div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
使用transform: translate(-50%, -50%);即使宽高不固定也能实现垂直]]></description><category></category></item><item><title><![CDATA[Vue开发小实践--身份查询系统]]></title><link>https://blog.youkuaiyun.com/github_36704158/article/details/71081981</link><guid>https://blog.youkuaiyun.com/github_36704158/article/details/71081981</guid><author>github_36704158</author><pubDate>Tue, 02 May 2017 15:38:19 +0800</pubDate><description><![CDATA[首先看一下项目的预览图手机微信浏览PC浏览器 
音乐播放器切歌功能的实现html部分：<audio src="" autoplay="true"></audio>
我准备了5首歌，当歌曲放完时要自动切换到下一首，这就要靠JS实现了：var oPlayer = document.getElementsByTagName('audio')[0];
oPlayer.src = "music/"+ Math]]></description><category></category></item><item><title><![CDATA[PhantomJs 快速入门]]></title><link>https://blog.youkuaiyun.com/github_36704158/article/details/70912164</link><guid>https://blog.youkuaiyun.com/github_36704158/article/details/70912164</guid><author>github_36704158</author><pubDate>Fri, 28 Apr 2017 15:13:35 +0800</pubDate><description><![CDATA[PhantomJS 是一个基于 WebKit 的服务器端 JavaScript API。它全面支持web而不需浏览器支持，其快速，原生支持各种Web标准： DOM 处理, CSS 选择器, JSON, Canvas, 和 SVG。 PhantomJS 可以用于 页面自动化 ， 网络监测 ， 网页截屏 ，以及 无界面测试 等。1 安装windows系统可以去优快云下载安装包，其他系统自行去官网下载（]]></description><category></category></item></channel></rss>