<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[ppqiaoping的专栏]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/ppqiaoping</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; ppqiaoping]]></copyright><item><title><![CDATA[关于HTML5，最牛逼的10本书！]]></title><link>https://blog.youkuaiyun.com/ppqiaoping/article/details/52777285</link><guid>https://blog.youkuaiyun.com/ppqiaoping/article/details/52777285</guid><author>ppqiaoping</author><pubDate>Mon, 10 Oct 2016 14:11:30 +0800</pubDate><description><![CDATA[金庸小说中涉及到剑法98种，刀法33种，鞭法12种，棍法及枪法23种，掌法及腿法206种，无属性功法20种。学会任何一种都能让你成为称霸一方的武林高手。但是，要成为威震天下笑傲江湖的绝顶高手，等闲武学是做不到的。最明显的例子就是慕容复，学了那么多驳杂的功法，还不是被半吊子的段誉用六脉神剑打成了猪头?!
　　高手通常在起点就赢了，你学的工夫是易筋经太极拳还是通臂拳灵鳌步，某种程度上已经决定了你未来]]></description><category></category></item><item><title><![CDATA[[分享] Knockout.js 体验之旅]]></title><link>https://blog.youkuaiyun.com/ppqiaoping/article/details/52119196</link><guid>https://blog.youkuaiyun.com/ppqiaoping/article/details/52119196</guid><author>ppqiaoping</author><pubDate>Thu, 04 Aug 2016 14:52:14 +0800</pubDate><description><![CDATA[前言

什么，你现在还在看knockout.js？这货都已经落后主流一千年了！赶紧去学Angular、React啊，再不赶紧的话，他们也要变out了哦。身旁的90后小伙伴，嘴里还塞着山东的狗不理大蒜包，却依然振振有词地喋喋不休，一脸真诚。是啊，前端发展太快，那边前几年出的框架已是无人问津的半老徐娘，而这边各种新出的框架却正在风口搔首弄姿，娇翠欲滴。前端界好不热闹！当然，楼主也喜欢新奇趣，但是现]]></description><category></category></item><item><title><![CDATA[[分享] 用NodeJs做一个小爬虫,附源码！]]></title><link>https://blog.youkuaiyun.com/ppqiaoping/article/details/52104548</link><guid>https://blog.youkuaiyun.com/ppqiaoping/article/details/52104548</guid><author>ppqiaoping</author><pubDate>Wed, 03 Aug 2016 16:39:08 +0800</pubDate><description><![CDATA[前言

利用爬虫可以做很多事情，单身汉子们可以用爬虫来收集各种妹子情报，撩妹族们可以用爬虫收集妹子想要的小东西，赚大钱的人可以用来分析微博言论与股票涨跌的关系诸如此类的，简直要上天了。 
你们感受一下 点我点我： 






蠢蠢欲动


    抛开机器学习这种貌似很高大上的数据处理技术，单纯的做一个爬虫获取数据还是非常简单的。对于前段er们来说，生在有nodejs的]]></description><category></category></item><item><title><![CDATA[[分享] 纯CSS完美实现垂直水平居中的6种方式]]></title><link>https://blog.youkuaiyun.com/ppqiaoping/article/details/52063001</link><guid>https://blog.youkuaiyun.com/ppqiaoping/article/details/52063001</guid><author>ppqiaoping</author><pubDate>Fri, 29 Jul 2016 11:27:00 +0800</pubDate><description><![CDATA[前言


由于HTML语言的定位问题，在网页中实现居中也不是如word中那么简单，尤其在内容样式多变，内容宽高不定的情况下，要实现合理的居中也是颇考验工程师经验的。网上讲居中的文章很多，但是都不太完整，所以小茄今天就来总结下纯CSS实现居中的各种方案。学疏才浅，文中如有不当之处，万望指出！


6种方案


1、绝对定位+margin：auto



    .wrp {]]></description><category></category></item><item><title><![CDATA[来，做一个问卷调查（有抽奖！）]]></title><link>https://blog.youkuaiyun.com/ppqiaoping/article/details/52052372</link><guid>https://blog.youkuaiyun.com/ppqiaoping/article/details/52052372</guid><author>ppqiaoping</author><pubDate>Thu, 28 Jul 2016 10:26:55 +0800</pubDate><description><![CDATA[前言


“小王，明天公司在***举办一个xxx产品发布会，你今天准备2000份问卷调查。还有，我们这次还做一个抽奖活动，也记得弄一个抽奖箱和一些抽奖球哦。”


……


活动结束了，小王想起早上捧着这2000张问卷和抽奖箱的情景，生平第一次对弘二头肌起了念想。回过神来看着桌子上回收回来的问卷，整整齐齐的像座小山一样好看，但领导依然不太满意，因为只回收了1000来张。可是100]]></description><category></category></item><item><title><![CDATA[[分享] 微信支付中商户对个人用户付款案例]]></title><link>https://blog.youkuaiyun.com/ppqiaoping/article/details/51967625</link><guid>https://blog.youkuaiyun.com/ppqiaoping/article/details/51967625</guid><author>ppqiaoping</author><pubDate>Wed, 20 Jul 2016 13:56:52 +0800</pubDate><description><![CDATA[随着微信支付的普及，越来越的APP要求支持微信支付。相信大多数开发者也碰到了这样的需求。百度了一下，大家用到最多的是微信支付中个人对商户的支付业务，而很少有人用到微信中商户对个人付款的业务。我最近就碰到了这样的需求，因为从来没有做过，所以只能查资料，可是百度到的资料很少，并且是过时的东西。又问了圈子里的高手，可是大家都没有做过。没办法只有硬着头皮自己拱吧!还好还好，功夫不负有心人啊!终于被我整明白]]></description><category></category></item><item><title><![CDATA[30分钟做一个二维码名片应用，有源码！]]></title><link>https://blog.youkuaiyun.com/ppqiaoping/article/details/51898973</link><guid>https://blog.youkuaiyun.com/ppqiaoping/article/details/51898973</guid><author>ppqiaoping</author><pubDate>Wed, 13 Jul 2016 16:15:08 +0800</pubDate><description><![CDATA[前言

    30分钟带你用Wex5做一个微信公众号上使用的二维码名片，相应技术点有详细讲解，高清有码！(点击下载全部源码)

    二维码现在是无处不在，无孔不入了。大到一辆汽车，小到一包纸巾，身上都印有二维码，明码标价。败家娘们可能会说：没想过要买的，真心的！就是看着漂亮嘛，想拍个照片，谁知道一拍就弹出个支付界面，想按退出但是手抖了。。。（这手抖的，不知道放在菜刀下会不会稳定一点？]]></description><category></category></item><item><title><![CDATA[【分享】WeX5的正确打开方式（7）——数据组件详解]]></title><link>https://blog.youkuaiyun.com/ppqiaoping/article/details/51889001</link><guid>https://blog.youkuaiyun.com/ppqiaoping/article/details/51889001</guid><author>ppqiaoping</author><pubDate>Tue, 12 Jul 2016 14:54:31 +0800</pubDate><description><![CDATA[本文是【WeX5的正确打开方式】系列的第7篇文章，详细介绍WeX5中数据组件的增删改查以及数据定位方法。


前言


    上一篇 数据组件初探 我们简单介绍了数据组件的引入和底层结构以及特性，并实现了简单的数据展示和数据改动。上一篇中简单提到了，数据组件就是后台数据库表在前端的一个映射，前后端开发人员只要预定好数据组件的内容，就可以简单实现前后端开发的分离。既然数据组件是一个数据]]></description><category></category></item><item><title><![CDATA[【分享】WeX5的正确打开方式（6）——数据组件初探]]></title><link>https://blog.youkuaiyun.com/ppqiaoping/article/details/51832812</link><guid>https://blog.youkuaiyun.com/ppqiaoping/article/details/51832812</guid><author>ppqiaoping</author><pubDate>Tue, 05 Jul 2016 16:57:41 +0800</pubDate><description><![CDATA[本文是html5开发工具——【WeX5的正确打开方式】系列的第6篇文章，简单介绍一下WeX5中数据组件的特性和结构形式。]]></description><category></category></item><item><title><![CDATA[【分享】WeX5的正确打开方式（5）——绑定机制]]></title><link>https://blog.youkuaiyun.com/ppqiaoping/article/details/51822187</link><guid>https://blog.youkuaiyun.com/ppqiaoping/article/details/51822187</guid><author>ppqiaoping</author><pubDate>Mon, 04 Jul 2016 17:49:43 +0800</pubDate><description><![CDATA[今天继续WeX5的绑定机制。


需求分析


记账本要实现的效果就是可以展示所有账单，还能实时动态编辑每一笔账单，官方案例的效果图如下：


展示页：


    


编辑页


    


    个人觉得官方案例加入了许多元素，不熟悉的同学每一个点都很难理解，所以为了更清晰地介绍绑定机制，小茄这里去掉了数据库和数据组件，改用写死的JSON数据来测]]></description><category></category></item><item><title><![CDATA[【分享】html5 开发工具——WeX5中的各种绑定方式]]></title><link>https://blog.youkuaiyun.com/ppqiaoping/article/details/51791091</link><guid>https://blog.youkuaiyun.com/ppqiaoping/article/details/51791091</guid><author>ppqiaoping</author><pubDate>Thu, 30 Jun 2016 16:20:38 +0800</pubDate><description><![CDATA[今天整理一下html5 开发工具——WeX5中的各种绑定方式，下面分为表现类、流程类、交互类 3 种类型分别介绍。

表现类绑定

     表现类的绑定属性有visible、text、html、css、style、attr几种，除了css表示css的class之外，其他都是字面意思。示范用法：


布局中加入一个div标签和一个按钮，并设置div标签的绑定属性如下右所示。]]></description><category></category></item><item><title><![CDATA[【分享】WeX5的正确打开方式（3）——绑定机制]]></title><link>https://blog.youkuaiyun.com/ppqiaoping/article/details/51782049</link><guid>https://blog.youkuaiyun.com/ppqiaoping/article/details/51782049</guid><author>ppqiaoping</author><pubDate>Wed, 29 Jun 2016 12:00:31 +0800</pubDate><description><![CDATA[今天整理一下WeX5的绑定机制。

原生的问题
   假设我们做一个订单系统，需要显示商品单价，然后可以根据输入数量计算出总价并显示出来。使用原生代码也很容易实现，效果：
         
代码如下：


HTML code-->
Price: span id="price">span>br />
Account: input type="text" id="account" v]]></description><category></category></item><item><title><![CDATA[【分享】WeX5的正确打开方式（2）]]></title><link>https://blog.youkuaiyun.com/ppqiaoping/article/details/51733710</link><guid>https://blog.youkuaiyun.com/ppqiaoping/article/details/51733710</guid><author>ppqiaoping</author><pubDate>Wed, 22 Jun 2016 13:51:32 +0800</pubDate><description><![CDATA[我的上篇文章介绍了WeX5中基本的页面布局和交互事件写法，有人私信我为什么源码中的js要那样写，HTML源码的结构是怎样的之类。那今天就总结一下Hello World的源码结构，才识有限，有疑问欢迎大家继续私信我，一起钻研 ，一起进步。




HTML部分




   在上篇Hello World的案例中，我们是通过新建一个w文件来进行页面样式布局的，这里可能有同学会疑惑：]]></description><category></category></item><item><title><![CDATA[【分享】WeX5的正确打开方式（1）]]></title><link>https://blog.youkuaiyun.com/ppqiaoping/article/details/51727683</link><guid>https://blog.youkuaiyun.com/ppqiaoping/article/details/51727683</guid><author>ppqiaoping</author><pubDate>Tue, 21 Jun 2016 15:34:25 +0800</pubDate><description><![CDATA[最近在研究WeX5，想在这里记录下使用过程中的点滴，今天先把之前已经掌握的分享一下。 WeX5官方的开发指南难度系数较大，面向的受众可能是已经敲过上万行代码的html5
 app开发者。但是作为一个刚进入代码世界的html5 app开发宝宝，本人表示拿着这份指南也找不到“南”，  先抛开官方版的，下面就来看看进击版的Hello World吧。


基础部分
1、准备工作：打开hml5 a]]></description><category></category></item><item><title><![CDATA[[分享] Wex5 作品 仿微信聊天工具 部分代码 详情 留下邮箱]]></title><link>https://blog.youkuaiyun.com/ppqiaoping/article/details/51580017</link><guid>https://blog.youkuaiyun.com/ppqiaoping/article/details/51580017</guid><author>ppqiaoping</author><pubDate>Fri, 03 Jun 2016 16:42:10 +0800</pubDate><description><![CDATA[wex5作品，仿微信聊天工具，部分代码详情，留下邮箱，话不多，看效果


1








QQ截图20151130144646.png (77.89
 KB, 下载次数: 9)



2








QQ截图20151130144702.png (78.82
 KB, 下载次数: 8)



3







]]></description><category></category></item><item><title><![CDATA[利用WeX5集成百度地图]]></title><link>https://blog.youkuaiyun.com/ppqiaoping/article/details/51513246</link><guid>https://blog.youkuaiyun.com/ppqiaoping/article/details/51513246</guid><author>ppqiaoping</author><pubDate>Fri, 27 May 2016 10:27:26 +0800</pubDate><description><![CDATA[最近做一个地图类的app
经过几天的摸索，终于完成百度地图集成的界面
先看效果：
1、加载完成之后，页面加载制定位置的地图

2、顶部能够输入地图的关键字，地图显示符合条件的下拉列表

3、用户选择了相应的选项后，地图会移动到对应的地图范围，同时标题栏显示对应位置信息

4、当用户点击地图其他位置时，标识点移动到对应位置，标题栏的位置信息相应改变
5、当用户点击确认按钮时，用a]]></description><category></category></item><item><title><![CDATA[html5 app开发重大消息-腾讯在技术端推进Html5生态发展]]></title><link>https://blog.youkuaiyun.com/ppqiaoping/article/details/51383697</link><guid>https://blog.youkuaiyun.com/ppqiaoping/article/details/51383697</guid><author>ppqiaoping</author><pubDate>Thu, 12 May 2016 14:12:25 +0800</pubDate><description><![CDATA[日前，腾讯正式发布腾讯浏览服务(Tencent Browser Service，以下简称TBS)，宣布为合作伙伴提供整合腾讯底层技术、内容框架、广告体系以及大数据等多方面能力的升级浏览解决方案。腾讯公司副总裁钟翔平表示，TBS带来了浏览能力的升级，为Html5开发者提供更强的技术能力，将真正在技术端推进Html5生态的发展。


    尽管目前Html5所带来的移动互联网营销异常火爆，但据]]></description><category></category></item><item><title><![CDATA[为什么Facebook要将视频从Flash全面迁移到HTML5？]]></title><link>https://blog.youkuaiyun.com/ppqiaoping/article/details/50601102</link><guid>https://blog.youkuaiyun.com/ppqiaoping/article/details/50601102</guid><author>ppqiaoping</author><pubDate>Thu, 28 Jan 2016 15:40:00 +0800</pubDate><description><![CDATA[英文原文：Why we chose to move to HTML5 video

编者按：Facebook 前端高级工程师 Daniel Baulig 解释了 Facebook 为什么要将视频全面迁移到 HTML5，包括这样做的好处，带来的挑战和解决办法。

最近，我们将 Facebook 网络中的所有视频全部从 Adobe Flash 迁移到了 HTML5。我们将继续与 Adobe 合]]></description><category></category></item><item><title><![CDATA[HTML5 — 让拖放变的流行起来]]></title><link>https://blog.youkuaiyun.com/ppqiaoping/article/details/50555751</link><guid>https://blog.youkuaiyun.com/ppqiaoping/article/details/50555751</guid><author>ppqiaoping</author><pubDate>Thu, 21 Jan 2016 15:51:18 +0800</pubDate><description><![CDATA[在 HTML5 出现之前，页面元素的拖放需要监听 mousedown、mouseover 以及 mouseup 等一系列事件，然后改变元素的相对位置来实现这一效果。HTML DnD（Drag-and-Drop）API 的出现，使得拖放变的简单。但是由于 DnD 尚处在草案阶段，各浏览器对其规范并未统一，有些事件在不同浏览器中会出现不同效果。

要使用 DnD，需要明确两件事情，一是需要拖动的元]]></description><category></category></item><item><title><![CDATA[新贵HTML5，2016的发展方向会怎样？]]></title><link>https://blog.youkuaiyun.com/ppqiaoping/article/details/50548970</link><guid>https://blog.youkuaiyun.com/ppqiaoping/article/details/50548970</guid><author>ppqiaoping</author><pubDate>Wed, 20 Jan 2016 15:47:52 +0800</pubDate><description><![CDATA[2014年下半年，微信捧火了HTML5小游戏，自此国内各行各业开始对HTML5保持高涨关注。2015年是国内HTML5行业迅速发展的一年，在媒体大肆渲染“互联网寒冬”之际，HTML5作品的生产数量和传播广度却居高不下，为寒冬增添一把热火。

如图，根据百度指数对关键词“HTML5”搜索趋势结果，2015年“HTML5”的指数约是2014年的1.5倍;而HTML5的简单说法“H5”在2015年的]]></description><category></category></item></channel></rss>