<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[前端布道者]]></title><description><![CDATA[The world is full of nice people. If you can't find one, then be one.]]></description><link>https://blog.youkuaiyun.com/gepingping</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; gepingping]]></copyright><item><title><![CDATA[使用flex box（弹性盒子模型）进行页面布局的注意事项]]></title><link>https://blog.youkuaiyun.com/gepingping/article/details/71614270</link><guid>https://blog.youkuaiyun.com/gepingping/article/details/71614270</guid><author>gepingping</author><pubDate>Thu, 11 May 2017 12:01:13 +0800</pubDate><description><![CDATA[什么时候下使用flex比较方便？flexbox最主要的作用在于我们可以通过这个属性快速设置和操作它的子元素的布局，可以方便地实现居中、居左、居右、两边对齐、垂直居中、水平居中的效果； 
一般如果遇到这样的布局要求，使用flex会非常方便：
子元素高度不等，垂直居中
多栏布局，栏目间隔自适应
多栏布局，子元素宽高不等
display:flex 、display:box 之间的区别是什么？ 
本质上来讲]]></description><category></category></item><item><title><![CDATA[MVVM框架对比]]></title><link>https://blog.youkuaiyun.com/gepingping/article/details/70331921</link><guid>https://blog.youkuaiyun.com/gepingping/article/details/70331921</guid><author>gepingping</author><pubDate>Fri, 21 Apr 2017 16:44:22 +0800</pubDate><description><![CDATA[MVVM框架对比
MVC和MVP简介
MVVM
Vue.js、Angular.js、Ember、Backbone等框架对比
双向绑定原理
Virtual DOM
前端由于发展比较迅速，框架的更新迭代也比较快，从最初的 backbone.js 到后来的Ember、Knockout、Angular.js， 再到现在的Vue.js、React。MVC和MVP简介
视图（view）：用户界面
控制器（con]]></description><category></category></item><item><title><![CDATA[移动前端头部标签(HTML5 head meta)]]></title><link>https://blog.youkuaiyun.com/gepingping/article/details/46723887</link><guid>https://blog.youkuaiyun.com/gepingping/article/details/46723887</guid><author>gepingping</author><pubDate>Thu, 02 Jul 2015 11:08:11 +0800</pubDate><description><![CDATA[DOCTYPE html> 

html lang="zh-cmn-Hans"> 

head>

    

     meta charset='utf-8'>

    

    meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>

    

    meta name="descr]]></description><category></category></item><item><title><![CDATA[跨平台开发时代的 (再次) 到来？]]></title><link>https://blog.youkuaiyun.com/gepingping/article/details/46515845</link><guid>https://blog.youkuaiyun.com/gepingping/article/details/46515845</guid><author>gepingping</author><pubDate>Tue, 16 Jun 2015 11:16:43 +0800</pubDate><description><![CDATA[跨平台开发时代的 (再次) 到来？



这篇文章主要想谈谈最近又刮起的移动开发跨平台之风，并着重介绍和对比一下像是 Xamarin，NativeScript 和 React
 Native 之类的东西。不会有特别深入的技术讨论，大家可以当作一篇科普类的文章来看。
故事的开始

“一次编码，处处运行” 永远是程序员们的理想乡。二十年前 Java 正是举着这面大旗登场，击败了众多竞争]]></description><category></category></item><item><title><![CDATA[非常实用的mobile web application远程调试工具 weinre]]></title><link>https://blog.youkuaiyun.com/gepingping/article/details/30112231</link><guid>https://blog.youkuaiyun.com/gepingping/article/details/30112231</guid><author>gepingping</author><pubDate>Wed, 11 Jun 2014 22:09:07 +0800</pubDate><description><![CDATA[移动web应用远程调试工具，非常方便使用。]]></description><category></category></item><item><title><![CDATA[模块化JavaScript设计模式(一)]]></title><link>https://blog.youkuaiyun.com/gepingping/article/details/26713607</link><guid>https://blog.youkuaiyun.com/gepingping/article/details/26713607</guid><author>gepingping</author><pubDate>Fri, 23 May 2014 16:51:16 +0800</pubDate><description><![CDATA[JavaScript中的设计模式]]></description><category></category></item><item><title><![CDATA[清除浮动技巧总结]]></title><link>https://blog.youkuaiyun.com/gepingping/article/details/26710247</link><guid>https://blog.youkuaiyun.com/gepingping/article/details/26710247</guid><author>gepingping</author><pubDate>Fri, 23 May 2014 15:37:04 +0800</pubDate><description><![CDATA[总结一下大家在开发过程中遇到的浮动问题，如何清除浮动的技巧。]]></description><category></category></item><item><title><![CDATA[Git常用命令总结]]></title><link>https://blog.youkuaiyun.com/gepingping/article/details/26707225</link><guid>https://blog.youkuaiyun.com/gepingping/article/details/26707225</guid><author>gepingping</author><pubDate>Fri, 23 May 2014 15:05:16 +0800</pubDate><description><![CDATA[1、基础

git config --global user.name
 "Your Name"设置你的仓库用户名（用于标识提交者）git config --global user.email
 "email@example.com"设置你的仓库邮箱（用于标识提交者）git init 初始化一个git仓库git add --all 添加所有更改的文件git add filename1 当然]]></description><category></category></item><item><title><![CDATA[深入理解Javascript闭包概念]]></title><link>https://blog.youkuaiyun.com/gepingping/article/details/25323949</link><guid>https://blog.youkuaiyun.com/gepingping/article/details/25323949</guid><author>gepingping</author><pubDate>Thu, 08 May 2014 17:28:14 +0800</pubDate><description><![CDATA[深入理解Javascript闭包]]></description><category></category></item><item><title><![CDATA[浮动的前世今生]]></title><link>https://blog.youkuaiyun.com/gepingping/article/details/25049355</link><guid>https://blog.youkuaiyun.com/gepingping/article/details/25049355</guid><author>gepingping</author><pubDate>Mon, 05 May 2014 14:44:39 +0800</pubDate><description><![CDATA[什么是CSS Float？

float 是 css 的定位属性。在传统的印刷布局中，文本可以按照需要围绕图片。一般把这种方式称为“文本环绕”。在网页设计中，应用了CSS的float属性的页面元素就像在印刷布局里面的被文字包围的图片一样。浮动的元素仍然是网页流的一部分。这与使用绝对 定位的页面元素相比是一个明显的不同。绝对定位的页面元素被从网页流里面移除了，就像印刷布局里面的文本框被设置为无视]]></description><category></category></item><item><title><![CDATA[微信内置浏览器的JsAPI]]></title><link>https://blog.youkuaiyun.com/gepingping/article/details/24721347</link><guid>https://blog.youkuaiyun.com/gepingping/article/details/24721347</guid><author>gepingping</author><pubDate>Tue, 29 Apr 2014 16:02:55 +0800</pubDate><description><![CDATA[/**!

 * 微信内置浏览器的Javascript API，功能包括：

 *

 * 1、分享到微信朋友圈

 * 2、分享给微信好友

 * 3、分享到腾讯微博

 * 4、隐藏/显示右上角的菜单入口

 * 5、隐藏/显示底部浏览器工具栏

 * 6、获取当前的网络状态

 * 7、调起微信客户端的图片播放组件

 *

 * @author ]]></description><category></category></item><item><title><![CDATA[Javascript的有趣之处]]></title><link>https://blog.youkuaiyun.com/gepingping/article/details/18795267</link><guid>https://blog.youkuaiyun.com/gepingping/article/details/18795267</guid><author>gepingping</author><pubDate>Sun, 26 Jan 2014 14:35:43 +0800</pubDate><description><![CDATA[javascript经验技巧， javascript细节]]></description><category></category></item><item><title><![CDATA[响应式Web设计在跨终端广告创意中的应用]]></title><link>https://blog.youkuaiyun.com/gepingping/article/details/18357427</link><guid>https://blog.youkuaiyun.com/gepingping/article/details/18357427</guid><author>gepingping</author><pubDate>Thu, 16 Jan 2014 15:21:26 +0800</pubDate><description><![CDATA[内容简介

    1.为什么要跨终端；
    2.需要关注哪些终端；
    3.跨终端之路；
    4.Cross方案，如何优化跨终端网站；
    5.未来终端设备；
    6.常用工具；





跨终端Web最初尝试之路





1. 网页转码（将桌面端的网页转码为WAP版本）
2. WAP建站工具（快速搭建无线WAP网站）
3. 定制化]]></description><category></category></item><item><title><![CDATA[迄今见过的最好的职业规划的文章]]></title><link>https://blog.youkuaiyun.com/gepingping/article/details/18311011</link><guid>https://blog.youkuaiyun.com/gepingping/article/details/18311011</guid><author>gepingping</author><pubDate>Wed, 15 Jan 2014 14:56:50 +0800</pubDate><description><![CDATA[选择职业 
　　职业的选择，总的来说，无非就是销售、市场、客服、物流、行政、人事、财务、技术、管理几个大类，有个有趣的现象就是，500强的CEO当中最多的是销售出身，第二多的人是财务出身，这两者加起来大概超过95%。现代IT行业也有技术出身成为老板的，但实际上，后来他们还是从事了很多销售和市场的工作，并且表现出色，公司才获得了成功，完全靠技术能力成为公司老板的，几乎没有。这是有原因的，因为销售就]]></description><category></category></item><item><title><![CDATA[45个超实用的javascript最佳实践]]></title><link>https://blog.youkuaiyun.com/gepingping/article/details/18085383</link><guid>https://blog.youkuaiyun.com/gepingping/article/details/18085383</guid><author>gepingping</author><pubDate>Fri, 10 Jan 2014 16:41:11 +0800</pubDate><description><![CDATA[原文：http://flippinawesome.org/2013/12/23/45-useful-javascript-tips-tricks-and-best-practices/



1.  当第一次指定一个变量时，不要忘记使用 var ：

    指定一个未声明的变量，不使用var时，会声明成全局变量，避免全局变量；

2.  使用 ‘===’ 替换 ‘==’ ：]]></description><category></category></item><item><title><![CDATA[Node.js给前端带来了什么]]></title><link>https://blog.youkuaiyun.com/gepingping/article/details/17113019</link><guid>https://blog.youkuaiyun.com/gepingping/article/details/17113019</guid><author>gepingping</author><pubDate>Wed, 04 Dec 2013 09:57:13 +0800</pubDate><description><![CDATA[原文： http://www.nczonline.net/blog/2013/10/07/node-js-and-the-new-web-front-end/




在软件开发领域，前端工程师曾经是一个比较纠结的职业。在Web技术真正发展起来之前的相当长一段时间里，由于技术门槛很低，前端工程师行业一直是鱼龙混杂的状态。其中很多号称是Web开发者的人实际上并没有什么专业的前端技能，有些工]]></description><category></category></item><item><title><![CDATA[Javascript操作cookie]]></title><link>https://blog.youkuaiyun.com/gepingping/article/details/17112835</link><guid>https://blog.youkuaiyun.com/gepingping/article/details/17112835</guid><author>gepingping</author><pubDate>Wed, 04 Dec 2013 09:51:45 +0800</pubDate><description><![CDATA[什么是 Cookie

　　“cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。” - w3school
　　cookie 是访问过的网站创建的文件，用于存储浏览信息，例如个人资料信息。

　　从JavaScript的角度看，cookie 就是一些字符串信]]></description><category></category></item><item><title><![CDATA[高效程序员的 7 个共同特征]]></title><link>https://blog.youkuaiyun.com/gepingping/article/details/8910905</link><guid>https://blog.youkuaiyun.com/gepingping/article/details/8910905</guid><author>gepingping</author><pubDate>Fri, 10 May 2013 14:52:56 +0800</pubDate><description><![CDATA[导读：要想成为一个伟大的程序员，需要的可不仅仅是能够编写出可以正常运行的代码。Justin James给出了能够成为业内顶尖高手的程序员应该具有的几个典型特质。

要想成为高效的程序员，你需要具备一定的综合素质才能够让你用你所掌握的技能、经验和知识编写出有效的代码。有一些开发人员在技术方面具备一定的技巧，但他们永远无法成为高效的程序员，就是因为他们缺乏所需的其它几项特质。本文将给出成为一个伟大]]></description><category></category></item><item><title><![CDATA[JavaScript MVC框架PK：Angular、Backbone、CanJS与Ember]]></title><link>https://blog.youkuaiyun.com/gepingping/article/details/8850962</link><guid>https://blog.youkuaiyun.com/gepingping/article/details/8850962</guid><author>gepingping</author><pubDate>Thu, 25 Apr 2013 17:44:24 +0800</pubDate><description><![CDATA[原文地址：http://sporto.github.io/.../comparison-angular-backbone-can-ember/
原文作者：Sebastian Porto @Twitter



选择JavaScript MVC框架很难。一方面要考虑的因素非常多，另一方面这种框架也非常多，而要从中选择一个合适的，还真得费一番心思。想知道有哪些JavaScript MVC框架]]></description><category></category></item><item><title><![CDATA[jQuery中的 return false, e.preventDefault(), e.stopPropagation()的区别]]></title><link>https://blog.youkuaiyun.com/gepingping/article/details/8848022</link><guid>https://blog.youkuaiyun.com/gepingping/article/details/8848022</guid><author>gepingping</author><pubDate>Thu, 25 Apr 2013 09:44:41 +0800</pubDate><description><![CDATA[e.stopPropagation()阻止事件冒泡

    
    


    
        
            冒泡事件测试
        
    

我们先看这段代码：
    
        $(function () {
            $("table").click(function
 () { alert("table a]]></description><category></category></item></channel></rss>