写页面的时候发现好几处的按钮都是这种样式，于是把这个按钮的样式单独提取出来放着全局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让你写更少的代码，让你越来越懒。这篇文章绝对不是侃侃而谈，这些例子都是我实际开发中的问题，写这篇文章的目的就是让自己以后写更好的代码，同时分享给大家一起共勉。