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让你写更少的代码,让你越来越懒。这篇文章绝对不是侃侃而谈,这些例子都是我实际开发中的问题,写这篇文章的目的就是让自己以后写更好的代码,同时分享给大家一起共勉。

上一篇:Unity 组件不常用知识备注


下一篇:ios同步线程(dispatch_sync)保证代码在主线程中执行