<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[Ga Ga Love Front]]></title><description><![CDATA[假如你总仰望别人的成功，就会感觉自己很卑微；假如你总羡慕别人的幸福，就会慨叹自己很不幸；不要放大自己的苦痛。有些东西最好不要比，因为别人再好也与你无关，你无须与别人相比，只要做好自己想做的事情就OK了]]></description><link>https://blog.youkuaiyun.com/gtd03</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; gtd03]]></copyright><item><title><![CDATA[好用到爆炸的新页签 SimNewTab 浏览器插件]]></title><link>https://blog.youkuaiyun.com/gtd03/article/details/166992326</link><guid>https://blog.youkuaiyun.com/gtd03/article/details/166992326</guid><author>gtd03</author><pubDate>Fri, 02 Oct 2026 15:06:08 +0800</pubDate><description><![CDATA[👉 **[免费安装 SimNewTab](https://microsoftedge.microsoft.com/addons/detail/knjhipaondejfgingcdfpfelpiiiicmb)**- ⏰ **调好下班倒计时**：组件齿轮里设「打卡时间 / 每日工时 / 午休 / 餐补 / 工作日」，下班时刻自动推导；- 🌐 **6 语言 + 镜像**：简体 / 繁體 / English / 日本語 / 한국어 / العربية，阿拉伯语自动 RTL 镜像。]]></description><category></category></item><item><title><![CDATA[精通css3 flex弹性布局]]></title><link>https://blog.youkuaiyun.com/gtd03/article/details/88794846</link><guid>https://blog.youkuaiyun.com/gtd03/article/details/88794846</guid><author>gtd03</author><pubDate>Mon, 01 Apr 2019 17:25:29 +0800</pubDate><description><![CDATA[精通flex弹性布局
在远古时代，兼容ie6的年代使用float、position+display传统方式布局，经常会遇到一些奇奇怪怪的布局问题，所以在css3中的flex布局就营运而生，也就是弹性布局。
一、兼容性
目前为止已经有超过98%的浏览器已经全面支持flex布局(除非你的项目属于远古时代的项目)，所以基本都可以使用flex布局。

二、注意要点
如果使用了flex布局之后，容器中子元素...]]></description><category></category></item><item><title><![CDATA[http请求头]]></title><link>https://blog.youkuaiyun.com/gtd03/article/details/88697960</link><guid>https://blog.youkuaiyun.com/gtd03/article/details/88697960</guid><author>gtd03</author><pubDate>Wed, 20 Mar 2019 19:56:17 +0800</pubDate><description><![CDATA[一 、基础概念

URL

URI 包含 URL 和 URN，目前 WEB 只有 URL 比较流行，所以见到的基本都是 URL。

URI（Uniform Resource Identifier，统一资源标识符）
	URL（Uniform Resource Locator，统一资源定位符）
	URN（Uniform Resource Name，统一资源名称）




请求和响应报文

1. 请求...]]></description><category></category></item><item><title><![CDATA[javascript的6种继承方式]]></title><link>https://blog.youkuaiyun.com/gtd03/article/details/88548110</link><guid>https://blog.youkuaiyun.com/gtd03/article/details/88548110</guid><author>gtd03</author><pubDate>Thu, 14 Mar 2019 11:12:20 +0800</pubDate><description><![CDATA[一、原型链继承

思路：利用原型让一个引用类型继承另外一个引用类型的属性和方法，因为每个构造函数都有一个原型对象(也就是所有的函数默认的原型都是Object的实例)，原型对象都包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针。

重点：原型链上面所有的属性和方法都是可以相互共享的。


// 一个引用继承另外一个引用 也就实现了继承
function Parent() {
  t...]]></description><category></category></item><item><title><![CDATA[css3移动端动画]]></title><link>https://blog.youkuaiyun.com/gtd03/article/details/53396453</link><guid>https://blog.youkuaiyun.com/gtd03/article/details/53396453</guid><author>gtd03</author><pubDate>Tue, 29 Nov 2016 17:58:10 +0800</pubDate><description><![CDATA[css3移动端动画，动画方式很简单只需要添加指定方式的class即可实现很酷炫的动画，组件引入了animate.css，目前只有里面的动画方式。组件可以用于酷炫的活动页面，页面交互动作等。]]></description><category></category></item><item><title><![CDATA[细说javascript作用域]]></title><link>https://blog.youkuaiyun.com/gtd03/article/details/53112682</link><guid>https://blog.youkuaiyun.com/gtd03/article/details/53112682</guid><author>gtd03</author><pubDate>Thu, 10 Nov 2016 09:48:15 +0800</pubDate><description><![CDATA[javascript作用域是一个老生常谈的问题，现在我就以最简单的方式去理解一下作用域这个概念。

在javascript里面没有块级作用域的区分，也不要把作用域的概念和上下文来混淆，javascript的作用域是由函数划分开的。

先来看一个demo：

var xisa = 'test';

// 在{}块里面
{
    // 这里没有块级的概念 所有xisa这个变量还是属于全局]]></description><category></category></item><item><title><![CDATA[移动端弹出列表选择框]]></title><link>https://blog.youkuaiyun.com/gtd03/article/details/53034995</link><guid>https://blog.youkuaiyun.com/gtd03/article/details/53034995</guid><author>gtd03</author><pubDate>Fri, 04 Nov 2016 14:54:21 +0800</pubDate><description><![CDATA[pushbutton 移动端弹出列表选择框
移动端从下往上推动画效果端弹出列表选择框，适应所有主流移动端机型，支持Node引入，require引入;如有用得不爽可以随时提意见，谢谢。]]></description><category></category></item><item><title><![CDATA[移动端上拉下拉刷新组件]]></title><link>https://blog.youkuaiyun.com/gtd03/article/details/52119534</link><guid>https://blog.youkuaiyun.com/gtd03/article/details/52119534</guid><author>gtd03</author><pubDate>Thu, 04 Aug 2016 15:27:58 +0800</pubDate><description><![CDATA[listloading是一个移动端的上拉、下拉加载更多的组件。主要依赖于iscroll.js v5.1.2基础上开发的组件，基础库可以使用jquery.js或者zepto.js操作dom节点，目前我是使用了zepto.js作为基础库操作dom，以jquery插件的形式存在。如果不想以插件方式使用，则只需要把listloading直接移植你需要的库里面就ok啦。listloading主要针对移动端而生，在使用浏览器自带滚动，用户体验很不友好，与Android和ios差别甚远，所以选择iscroll.js，它实]]></description><category></category></item><item><title><![CDATA[1111111111111]]></title><link>https://blog.youkuaiyun.com/gtd03/article/details/52024933</link><guid>https://blog.youkuaiyun.com/gtd03/article/details/52024933</guid><author>gtd03</author><pubDate>Mon, 25 Jul 2016 16:31:15 +0800</pubDate><description><![CDATA[1111111[][(![]+[])[+[[+[]]]]+([][[]]+[])[+[[!+[]+!+[]+!+[]+!+[]+!+[]]]]+(![]+[])[+[[!+[]+!+[]]]]+(!![]+[])[+[[+[]]]]+(!![]+[])[+[[!+[]+!+[]+!+[]]]]+(!![]+[])[+[[+!+[]]]]][([][(![]+[])[+[[+[]]]]+([][[]]]></description><category></category></item><item><title><![CDATA[Flex 布局教程：语法篇]]></title><link>https://blog.youkuaiyun.com/gtd03/article/details/51065978</link><guid>https://blog.youkuaiyun.com/gtd03/article/details/51065978</guid><author>gtd03</author><pubDate>Tue, 05 Apr 2016 16:44:51 +0800</pubDate><description><![CDATA[本文属于转载，为尊重原作者的劳动成果，在此标注原文地址，点击此处浏览




网页布局（layout）是CSS的一个重点应用



布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。



2009年，W3C提出了一种新的方案----Flex布局，可以简便、完]]></description><category></category></item><item><title><![CDATA[前端组件库大合集-必备收藏]]></title><link>https://blog.youkuaiyun.com/gtd03/article/details/48294517</link><guid>https://blog.youkuaiyun.com/gtd03/article/details/48294517</guid><author>gtd03</author><pubDate>Tue, 08 Sep 2015 17:47:58 +0800</pubDate><description><![CDATA[来源：http://www.xuanfengge.com/he-sets-the-front-end-component-library-the-essential-collection.html


前言


本文包含搭建web app常用的样式/组件等收集列表(移动优先)，推荐mark！

0. 前端自动化(Workflow)


前端构建工具


Yeoman
]]></description><category></category></item><item><title><![CDATA[HTML5 中工作线程（Web Worker）简介]]></title><link>https://blog.youkuaiyun.com/gtd03/article/details/46707205</link><guid>https://blog.youkuaiyun.com/gtd03/article/details/46707205</guid><author>gtd03</author><pubDate>Wed, 01 Jul 2015 10:21:14 +0800</pubDate><description><![CDATA[至 2008 年 W3C 制定出第一个 HTML5 草案开始，HTML5 承载了越来越多崭新的特性和功能。它不但强化了 Web 系统或网页的表现性能，而且还增加了对本地数据库等 Web 应用功能的支持。其中，最重要的一个便是对多线程的支持。在 HTML5 中提出了工作线程（Web Worker）的概念，并且规范出 Web Worker 的三大主要特征：能够长时间运行（响应），理想的启动性能以及理想]]></description><category></category></item><item><title><![CDATA[解决 在Mac OS下开发html5+JS Chrome 浏览器 跨域 和 安全访问问题]]></title><link>https://blog.youkuaiyun.com/gtd03/article/details/46388715</link><guid>https://blog.youkuaiyun.com/gtd03/article/details/46388715</guid><author>gtd03</author><pubDate>Sat, 06 Jun 2015 15:17:04 +0800</pubDate><description><![CDATA[原文地址：http://blog.youkuaiyun.com/justinjing0612/article/details/9532953        

        从去年到今年一直从事 Hybrid开发模式，一会要写写 iOS native 代码，一会要写写 Html5＋js 代码。

        搞的我意识已经模糊了，在mac os下开发html5 ＋js代码会遇到好多问题，各个浏览]]></description><category></category></item><item><title><![CDATA[css两行显示省略号]]></title><link>https://blog.youkuaiyun.com/gtd03/article/details/45561835</link><guid>https://blog.youkuaiyun.com/gtd03/article/details/45561835</guid><author>gtd03</author><pubDate>Thu, 07 May 2015 15:29:27 +0800</pubDate><description><![CDATA[只需要两行css就ok了

 -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;]]></description><category></category></item><item><title><![CDATA[js监听移动端是否横竖屏]]></title><link>https://blog.youkuaiyun.com/gtd03/article/details/44618871</link><guid>https://blog.youkuaiyun.com/gtd03/article/details/44618871</guid><author>gtd03</author><pubDate>Wed, 25 Mar 2015 10:55:46 +0800</pubDate><description><![CDATA[手机横、竖屏事件 

//屏幕方向标识，0横屏，其他值竖屏
var orientation=0;
//转屏事件，内部功能可以自定义
function screenOrientationEvent(){
    if(orientation == 0)document.getElementById("change").value="竖";
    else document.getElementBy]]></description><category></category></item><item><title><![CDATA[移动端调试使用日志定位]]></title><link>https://blog.youkuaiyun.com/gtd03/article/details/44497145</link><guid>https://blog.youkuaiyun.com/gtd03/article/details/44497145</guid><author>gtd03</author><pubDate>Fri, 20 Mar 2015 20:48:45 +0800</pubDate><description><![CDATA[window.onload = function(){
	onerror=handleErr11111111;
	var txt="";
	function handleErr11111111(msg,url,l){
		txt="本页中存在错误。\n\n"
		txt+="错误：" + msg + "\n"
		// txt+="URL: " + url + "\n"
		txt+="行：" +]]></description><category></category></item><item><title><![CDATA[js寄生函数]]></title><link>https://blog.youkuaiyun.com/gtd03/article/details/44205891</link><guid>https://blog.youkuaiyun.com/gtd03/article/details/44205891</guid><author>gtd03</author><pubDate>Wed, 11 Mar 2015 21:52:39 +0800</pubDate><description><![CDATA[// 寄生函数
function obj(o){
	function Fn(){};
	Fn.prototype = o;    // 把指针转回给自己
	return new Fn();
}
function create(o,oBj){
	var _o = obj(o.prototype);
	_o.constructor = oBj;
	oBj.prototype = _o;
	return]]></description><category></category></item><item><title><![CDATA[css3锯齿边框]]></title><link>https://blog.youkuaiyun.com/gtd03/article/details/44039453</link><guid>https://blog.youkuaiyun.com/gtd03/article/details/44039453</guid><author>gtd03</author><pubDate>Tue, 03 Mar 2015 16:07:15 +0800</pubDate><description><![CDATA[.bg{
    width:300px;
    height:50px;
    background:#caca8c;
    background-image:-webkit-gradient(
        linear,50% 0,0 100%,
        from(transparent),
        color-stop(.5,transparent),]]></description><category></category></item><item><title><![CDATA[chrome跨域]]></title><link>https://blog.youkuaiyun.com/gtd03/article/details/43967201</link><guid>https://blog.youkuaiyun.com/gtd03/article/details/43967201</guid><author>gtd03</author><pubDate>Fri, 27 Feb 2015 14:11:40 +0800</pubDate><description><![CDATA[降低chrome浏览器安全性，可以让其实现跨域，在环境变量后面添加这一句就可以实现：
--args --disable-web-security]]></description><category></category></item><item><title><![CDATA[js判断鼠标移动方向]]></title><link>https://blog.youkuaiyun.com/gtd03/article/details/43271065</link><guid>https://blog.youkuaiyun.com/gtd03/article/details/43271065</guid><author>gtd03</author><pubDate>Thu, 29 Jan 2015 14:40:59 +0800</pubDate><description><![CDATA[js代码：
var gaga = function(wrap){
        var wrap = document.getElementById(wrap);
        var hoverDir = function(e){
            var w = wrap.offsetWidth,
                h = wrap.offsetHeight,
   ]]></description><category></category></item></channel></rss>