CSS重构：打造成功的样式表架构

需积分: 8 87 浏览量更新于2024-07-18 收藏 10.47MB PDF 举报

"CSS Refactoring Architect Your Stylesheets for Success .pdf" 是一本由Steve Lindstrom编写的关于CSS重构的专业书籍，旨在帮助读者优化和构建高效、可维护的样式表。这本书的英文无水印原版pdf在多个PDF阅读器上都可正常打开。标签：“CSS Refactoring Architect Your Stylesheets” 表明本书专注于CSS代码的重构和架构设计，是针对web开发者，特别是关注CSS组织和效率提升的读者的一本实用指南。部分内容提到了Steve Lindstrom的著作，以及该书的出版商O'Reilly Media，这是一家知名的科技图书出版机构，同时也提供在线版本的书籍服务。此外，书的制作团队包括编辑、生产编辑、校对员、索引员、室内设计师、封面设计师和插图画家，显示了专业出版流程的严谨性。 CSS重构是web开发中的一个重要环节，它涉及到识别和改进现有CSS代码中的问题，以提高代码质量、减少冗余、增强可读性和可维护性。以下是本书可能涵盖的一些关键知识点： 1. **CSS最佳实践**：书中可能会讨论编写高效CSS代码的标准做法，如使用语义化的HTML元素，避免使用内联样式，以及选择器的精简和优化。 2. **模块化和组件化**：介绍如何通过模块化设计来组织CSS，以便更好地复用代码，降低耦合度。这可能包括CSS预处理器（如Sass、Less）的使用，以及CSS模块系统（如CSS Modules）的应用。 3. **命名约定和BEM**：讲解Block Element Modifier (BEM)等命名策略，帮助开发者创建清晰、可读的类名，提高代码的可维护性。 4. **选择器性能**：解释不同选择器的性能差异，指导如何选择高效的选择器，以减少渲染时间。 5. **响应式设计**：介绍如何构建响应式的样式表，适应不同设备和屏幕尺寸，确保网页在各种环境下都能良好展示。 6. **CSS工具和框架**：讨论使用Bootstrap、Foundation等CSS框架的优点和限制，以及自动化工具（如PostCSS、Autoprefixer）的使用方法。 7. **调试和测试**：教授有效的CSS调试技巧和自动化测试策略，以确保样式表的稳定性和一致性。 8. **维护和更新**：探讨如何在项目生命周期中持续改进CSS代码，包括重构旧代码和适应新的设计需求。 9. **代码版本控制**：解释如何将CSS代码纳入Git等版本控制系统，以便团队协作和历史追踪。 10. **性能优化**：讲解减少CSS大小、延迟加载和最小化阻塞渲染的技术，以提升网页性能。 "CSS Refactoring Architect Your Stylesheets for Success" 是一本全面介绍如何通过重构提升CSS代码质量的书籍，对于任何想要提升其CSS技能和构建更高效网页的开发者来说，都是一份宝贵的资源。

O’Reilly Safari

Safari (formerly Safari Books Online) is membership-based

training and reference platform for enterprise, government,

educators, and individuals.

Members have access to thousands of books, training videos, Learning Paths, interac‐

tive tutorials, and curated playlists from over 250 publishers, including O’Reilly

Media, Harvard Business Review, Prentice Hall Professional, Addison-Wesley Profes‐

sional, Microsoft Press, Sams, Que, Peachpit Press, Adobe, Focal Press, Cisco Press,

John Wiley & Sons, Syngress, Morgan Kaufmann, IBM Redbooks, Packt, Adobe

Press, FT Press, Apress, Manning, New Riders, McGraw-Hill, Jones & Bartlett, and

Course Technology, among others.

For more information, please visit http://oreilly.com/safari.

How to Contact Us

Please address comments and questions concerning this book to the publisher:

O’Reilly Media, Inc.

1005 Gravenstein Highway North

Sebastopol, CA 95472

800-998-9938 (in the United States or Canada)

707-829-0515 (international or local)

707-829-0104 (fax)

We have a web page for this book, where we list errata, examples, and any additional

information. You can access this page at http://bit.ly/css-refactoring.

To comment or ask technical questions about this book, send email to bookques‐

tions@oreilly.com.

For more information about our books, courses, conferences, and news, see our web‐

site at http://www.oreilly.com.

Find us on Facebook: http://facebook.com/oreilly

Watch us on YouTube: http://www.youtube.com/oreillymedia

xiv | Preface

Acknowledgments

Writing this book was a truly humbling experience.

One night on a whim I sent a short proposal to O’Reilly Media in the form of a terse

email that included some bullet points for ideas I had for this book. I panicked after

the email was sent, and promptly stopped thinking about it because I didn’t expect to

hear back anyway.

When I did hear back from O’Reilly and it was good news I was even more afraid that

I was in over my head, but Simon St. Laurent, Brian MacDonald, and Meg Foley were

fantastic to work with. I owe a tremendous amount of gratitude to my editor Meg

Foley in particular, because she was so understanding and encouraging despite the

fact that I missed every single deadline that I had. I’ve said it before and I’ll say it

again—sorry Meg!

This book is full of techniques, strategies, and ideas that have come from lots of dif‐

ferent places over the years. I can’t claim ownership of the majority of the concepts in

this book, so first and foremost I’d like to thank all of the people that have come

before me and figured all of this stuff out. I think the web development community is

one of the best to be a part of because there are so many smart people that are willing

to share their ideas with everyone. I can only hope that I’ve done some good by

compiling all of these ideas in one place.

Writing a book is much more difficult than I had ever imagined because it’s time-

consuming, lonely work, but fortunately I’m surrounded by great people all day at

work. Whenever I felt like throwing in the towel writing this book, I would look to

Andy Denmark’s amazing work ethic for inspiration. Thor Denmark also helped me

keep my head above water by showing me how to maintain a great attitude through

both the good times and the bad. Nate Racklyeft and Josh Hudner read a very early

version of this book and provided tremendous feedback that made it a thousand

times better than it would have been otherwise. Finally, Erin Wallace provided valua‐

ble feedback as someone who deals with similar concepts of organization, process,

and subtlety in the design world and was able to help me refine my writing to be eas‐

ier to understand. All of these people keep me on my toes on a daily basis and push

me to be better than I was the day before, and for that I’m eternally grateful.

I also owe a great deal of thanks to Christopher Schmitt for reviewing the contents of

this book. When I found out that he was reviewing my work I knew that his name

sounded familiar, and sure enough two of his books were sitting on my bookshelf.

Your notes helped me immensely and your books were invaluable when I was first

getting started. Thanks so much for taking the time out of your day to help a com‐

plete stranger. I’d love to repay the favor some day!

Preface | xv

Good Architectures Are Predictable

Being predictable means that accurate assumptions can be made about how the soft‐

ware works and is structured. Predictability is indicative of proper forward planning

and will help save on development time because there will be no question as to:

• What a component’s responsibilities are

•

Where to find a particular piece of code

• Where to put a new piece of code

Because assumptions can be made accurately in a predictable architecture, developers

that are unfamiliar with the code should be able to understand it more quickly.

Good Architectures Promote Code Reuse

Code reuse is the ability for code to be used in multiple places without being duplica‐

ted. Code reuse is beneficial because it speeds up development time, since you don’t

have to rewrite pieces of code that already exist. Similarly, the fewer pieces of code

you have that solve a particular problem, the less time you will have to spend main‐

taining all of those implementations. For example, if you discover a bug in a piece of

code that gets reused across a project, you know that bug will be present wherever

that code is used. But by fixing it in one place, you’ll fix it in all of the places that

piece of code is used.

Good Architectures Are Extensible

Extensibility is a principle of good architecture because it allows for the system to

have new functionality built upon it with ease. Most software isn’t built from start to

finish in one day, so it’s very important that it can be built incrementally without

requiring major structural changes. If your project frequently requires significant

changes to its architecture it becomes much more difficult to release.

Good Architectures Are Maintainable

Much like extensibility, maintainability is very important to an architecture because it

allows you to modify existing functionality with ease. Over time requirements may

change, and you will be forced to modify your code. Having maintainable software

means that you will be able to modify one piece of your code without necessarily hav‐

ing to drastically change all of the other pieces.

Software Architecture and Refactoring

In a nutshell, refactoring exists to help maintain and promote good software architec‐

ture. It is nothing more than a set of techniques that can be used to reorganize code

2 | Chapter 1: Refactoring and Architecture

剩余158页未读，继续阅读

yinkaisheng-nj

粉丝: 763

CSS重构：打造成功的样式表架构

重构CSS：打造高效样式表

currentDocumentCSS Refactoring Architect Your Stylesheets for Success .epub

currentDocumentCSS Refactoring Architect Your Stylesheets for Success .mobi

Wrox.Professional.Refactoring.in.CSharp.and.ASP.NET.Apr.2009.pdf

Refactoring Improving the Design of Existing Code.pdf

Refactoring Improving the Design of Existing Code.pdf 代码重构

Packt.Refactoring.with.Microsoft.Visual.Studio.2010

xUnit.Test.Patterns.Refactoring.Test.Code.May.2007

Refactoring.in.Ruby.pdf

Refactoring.Improving.the.Design.of.Existing.Code).Martin.Fowler.文字版

最新资源