Adobe After Effects工程使用aep格式来存储

写页面的时候发现好几处的按钮都是这种样式，于是把这个按钮的样式单独提取出来放着全局css文件中

.base-btn {
    display: block;
    width: 90%;
    height: 54px;
    line-height: 54px;
    text-align: center;
    background-color: #14B5A9;
    color: #fff;
    font-size: 1.4rem;
    margin: 0 auto;
}

但这绝对是个不正确的做法，还不如不提取，因为写的太死，这也就是新手为什么不喜欢用面向对象的方式写代码的原因，因为新手很难考虑周全，最后反而还不如直接写的好。看看这个页面的按钮。

图片资源的引用是封装在<Pin>标签里面的<fileReference>里面，直接以路径的形式引用。确定了这些东西，就可以开始编码来定位文本和图片了。这里采用了一个C++ XML解析库TinyXML，不依赖其他外部库，接口简单。

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109

void XMLParser::parseTemplateItem(XMLNode* rootElement, int& index) {     if (rootElement == nullptr)     {         return;     }       XMLElement* str = rootElement->FirstChildElement("string");     const char* txt = str->GetText();     XMLElement* idtaNode = rootElement->FirstChildElement("idta");     if (idtaNode != nullptr)     {         const char* idatBdata = idtaNode->Attribute("bdata");         ItemType itemType = whichType(idatBdata);         if (itemType == NORMAL_ITEM)         {             XMLElement* pinNode = idtaNode->NextSiblingElement("Pin");             if (pinNode != nullptr)             {                 XMLElement* sspcNode = pinNode->FirstChildElement("sspc");                 if (sspcNode == nullptr)                 {                     return;                 }                 const char* sspcBdata = sspcNode->Attribute("bdata");                 bool isNormalFormat = isImageFormat(sspcBdata);                 if (isNormalFormat)                 {                     XMLElement* Als2Node = sspcNode->NextSiblingElement("Als2");                     if (Als2Node == nullptr)                     {                         return;                     }                     XMLElement* fileReferenceNode = Als2Node->FirstChildElement("fileReference");                     if (fileReferenceNode == nullptr)                     {                         return;                     }                     const char* fullPath = fileReferenceNode->Attribute("fullpath");                     m_imageMap.insertMulti(fullPath, index);                     index++;                 }             }         }         else if (itemType == COMPOSITE_ITEM)         {             XMLElement* LayrNode = idtaNode->NextSiblingElement("Layr");             while (LayrNode != nullptr)             {                 XMLElement* stringNode = LayrNode->FirstChildElement("string");                 if (stringNode)                 {                     // 文本为空的层直接跳过不要                     const char* layerStr = stringNode->GetText();                     if (layerStr != nullptr && strcmp(layerStr, ""))                     {                         XMLElement* tdgpOuter = stringNode->NextSiblingElement("tdgp");                         if (tdgpOuter)                         {                             XMLElement* tdmnOuter = tdgpOuter->FirstChildElement("tdmn");                             if (tdmnOuter)                             {                                 const char* tdmnOuterBdata = tdmnOuter->Attribute("bdata");                                 // 'ADBE Text Properties'                                 if (tdmnOuterBdata != nullptr && !strcmp("4144424520546578742050726f706572746965730000000000000000000000000000000000000000", tdmnOuterBdata))                                 {                                     XMLElement* tdgpInner = tdmnOuter->NextSiblingElement("tdgp");                                     if (tdgpInner != nullptr)                                     {                                         XMLElement* tdmnInner = tdgpInner->FirstChildElement("tdmn");                                         if (tdmnInner != nullptr)                                         {                                             const char* tdmnInnerBdata = tdmnInner->Attribute("bdata");                                             // 'ADBE Text Document'                                             if (tdmnInnerBdata != nullptr || !strcmp("41444245205465787420446f63756d656e7400000000000000000000000000000000000000000000", tdmnInnerBdata))                                             {                                                 m_textMap.insertMulti(layerStr, index);                                                 index++;                                             }                                         }                                     }                                 }                             }                         }                     }                 }                 LayrNode = LayrNode->NextSiblingElement("Layr");             }         }         else if (itemType == FOLDER_ITEM)         {             XMLElement* SfdrNode = idtaNode->NextSiblingElement("Sfdr");             if (SfdrNode == nullptr)             {                 return;             }             XMLElement* tempItem = SfdrNode->FirstChildElement("Item");             while (tempItem != nullptr)             {                 parseTemplateItem(tempItem, index);                 tempItem = tempItem->NextSiblingElement("Item");             }         }         else         {             return;         }     } }

要实现的功能是点击一个“开始”按钮，可以显示影像，再点击“停止”按钮，可以停止显示。

因为实时显示影像需要在一个循环里执行，为了在显示影像的同时还可以干别的（比如，点击“停止”按钮），这里需要用到多线程，即显示影像的代码放到子线程中，与主线程并发执行。

这篇文章的目的是向你展示你如何在文件组间移动数据。首先我会谈下聚集和非聚集索引，然后我会谈下如何在堆表里移动数据。让我们开始吧！

移动聚集和非聚集索引
一般来说在你的表上通常应该有一个聚集索引。有了现存的聚集索引就很容易移动表数据（即聚集索引）到不同的文件组。下列代码我为表创建了一个简单的聚集和非聚集索引，并插入近800MB的测试数据到表。

开本系列，讨论一些有趣的 CSS 题目，抛开实用性而言，一些题目为了拓宽一下解决问题的思路，此外，涉及一些容易忽视的 CSS 细节。

解题不考虑兼容性，题目天马行空，想到什么说什么，如果解题中有你感觉到生僻的 CSS 属性，赶紧去补习一下吧。

不断更新，不断更新，不断更新，重要的事情说三遍。

这里说明一下，为什么sass的后缀是scss？其实，sass有两种语法形式。  http://www.cnblogs.com/jwgsrtuj/

首先是scss，也就是我们这个后缀形式的语法。这种格式在 CSS3 语法的基础上进行扩展，这意味着每个CSS样式表是一个同等的SCSS文件。此外，SCSS 也支持大多数 CSS hacks 写法 以及浏览器专属前缀语法，这种语法的样式表文件需要以 .scss 作为拓展名。

另一种，也是最早的语法，被称为缩进语法。它提供了一种更加简介的方式来书写CSS。它使用缩进而不是花括号来表示选择器的嵌套，用换行而不是分号来分隔属性，一些人认为这样做比 SCSS 更容易阅读，书写也更快速。缩排语法具有 Sass 的所有特色功能， 虽然有些语法上稍有差异。 使用此种语法的样式表文件需要以 .sass 作为扩展名。

其实不管哪种语法，任何一种语法的文件可以直接导入 到另一种语法的文件中使用，同时还可以通过sass-convert 命令行工具，进行互相转换。

备份需要保证数据库的一致性，即在某一时刻，整个数据库的状态是一致的，这样可以通过备份进行恢复成为另一个从库。数据库目前使用最多的存储引擎是InnoDB，也有可能部分是MyISAM，建议把MyISAM存储引起改成InnoDB。现在重点说明关于InnoDB的备份。 http://www.cnblogs.com/chrtuw/

MyISAM表的备份选项：上面提过因为mysqldump默认开启--opt选项，而--opt里包含--lock-tables的选项，这个选项不能保证在多个数据库下数据备份的一致性，所以要么--skip-opt，再把需要的选项添加进去，要么就再使用--lock-all-tables的选项（开启之后会关闭--lock-tables的选项），要是在从库备份则只需要添加--master-data选项（开启之后自动打开--lock-all-tables选项）即可。

不知不觉在前端领域马上一个年头就要过去了，然而再看看自己的代码，果然够烂，那么为什么代码一直没有用面向对象的思维去写CSS呢？首先有两点：一点就是感觉没必要，还有一点就是难控制。为什么这么说呢？作为刚入门的人来说，第一写的代码就少，平时也不会感觉到代码有什么问题，等开发多了，虽然感觉到问题了，但是你还是很难去按照面向对象的思维去写，因为按照面向对象去思维写需要你把握全局观，更是面向未来编程，把握不好，越写越乱。所以很多新手一直都还是按照面向过程来写。今天我主要用一些实际的例子讲解面向对象的CSS以及JS让你写更少的代码，让你越来越懒。这篇文章绝对不是侃侃而谈，这些例子都是我实际开发中的问题，写这篇文章的目的就是让自己以后写更好的代码，同时分享给大家一起共勉。