1. 首页
  2. 编程语言
  3. Javascript
  4. Pro AngularJS

Pro AngularJS

上传者: 2019-09-23 19:24:50上传 PDF文件 11.05MB 热度 24次
深入介绍如何使用AngularJS开发前端应用,并和BootStrap同时使用,捎带介绍了如何用AngularJS开发移动应用。是学习AngularJS框架不可多得的资料。Contents at a glanceAbout the authorAbout the technical reviewerPart 1: Getting ready aChapter 1: Getting Ready mamm maman. 3Chapter 2: Your First AngularJS App amana. 15Chapter 3: Putting AngularJs in Context45Chapter 4: HTML and bootstrap cSs Primerman■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■55Chapter 5: JavaScript Primer■■■■■■■■■■■■■■■■■■■■口■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■口■■■■■口75Chapter6: Sportsstore: A Real Application,…,…,…,…,…,,,119Chapter 7: SportsStore: Navigation and checkout■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■149Chapter8: Sports Store: Orders and administration,,,,…,,,,,,,…,…,…,173Part 2: Working with AngularJS205Chapter 9: The Anatomy of an AngularJS App■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■口■■■207Chapter10: Using Binding and Template Directives,,,,,,…,…,,,,…,…233Chapter 11: Using Element and Event Directives263Chapter 12: Working with Forms285Chapter 13: Using Controllers and Scopes■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■319Chapter14: Using Filters…,,,…,,,,,,,,…,,,,,,,351Chapter 15: Creating Custom Directives.381CONTENTS AT A GLANCIChapter 16: creating Complex Directives mm mman413Chapter 17: Advanced Directive Features BR RBRRRHRRRIRIIIIIIIIII 447Part 3: AngularJs Services mammmaammammmmmmmma. 471Chapter 18: Working with Modules and Services.473Chapter 19: Services for Global Objects, Errors and Expressions mmImaImIm 489Chapter 20: Services for Ajax and promises■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■口■■■■■■■■■■■■■■■■■■■■■■■■523Chapter 21: Services for RESTa■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■551Chapter 22: Services for Views579Chapter 23: Services for Animation and Touch m.603■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■Chapter 24: Services for Provision and Injection mm mmamaammnnm 613Chapter 25: Unit Testing mmm a II a Ia IIIIIIIERIn 623Index u 651PART 1Getting ReadyCHAPTER 1Getting ReadyAngularjS taps into some of the best aspects of server-side development and uses them to enhance html in thebrowser, creating a foundation that makes building rich applications simpler and easier. AngularJS applicationsare built around a design pattern called Model-View-Controller (MVC), which places an emphasis on creatingapplications that areExtendable: It is easy to figure out how even a complex angular]S app works once youunderstand the basics-and that means you can easily enhance applications to create newand useful features for your usersMaintainable: angular]S apps are easy to debug and fix, which means that long-termmaintenance is simplifiedTestable: Angular]s has good support for unit and end-to-end testing, meaning that you canfind and fix defects before your users doStandardized: Angular]s builds on the innate capabilities of the web browser without gettingin your way, allowing you to create standards-compliant web apps that take advantage of thelatest features(such as HTML5 APIs)and popular tools and frameworksAngular s is an open source java Script library that is sponsored and maintained by google. it has been used insome of the largest and most complex web apps around. In this book, I show you everything you need to know to getthe benefits of Angular]S in your own projectsWhat do you need to know?Before reading this book, you should be familiar with the basics of web development, have an understanding of howHTML and CSs work, and, ideally, have a working knowledge of JavaScript. If you are a little hazy on some of thesedetails, I provide refreshers for the HTML, CSS, and Java Script I use in this book in Chapters 4 and 5. You wont findcomprehensive reference for htMl elements and css properties though There just isn 't the space in a book aboutAngularJS to cover HTML in its entirety. If you want a complete reference for HTML and CSS, then I suggest another ofmy books, The Definitive Guide to HTML5, also published by ApressWhat is the structure of this book?This book is split into three parts, each of which covers a set of related topicsCHAPTER 1 GETTING READYPart 1: Getting ReadyPart 1 of this book provides the information you need to get ready for the rest of the book. It includes this chapter andprimers/refreshers for HTML, CSS, and JavaScript. I also show you how to build your first angular JS application andtake you through the process of building a more realistic application, called Sports StorePart 2: Working with AngularIsPart 2 of this book takes you through the features of the AngularJS library, starting with an overview of the differenttypes of components in an Angular]S application and then working through each type in turn. AngularjS includesa lot of built-in functionality, which I describe in depth, and provides endless customization options, all of whichi demonstratePart 3: Angular)S Modules and servicesPart 3 of this book explains the roles that two important components play in AngularJS: modules and services. I showyou the different ways you can create both components and explain the wide range of built-in services that AngularJSprovides. This includes support for simplifying Single-Page Application development, Ajax and RESTful APIs, andunit testing.Are There Lots of Examples?There are loads of examples. The best way to learn AngulariS is by example, and i have packed as many of them asI can into this book. To maximize the number of examples in this book, I have adopted a simple convention to avoidlisting the contents of files over and over again. The first time I use a file in a chapter, I'll list the complete contentsjust as I have in Listing 1-1.Listing 1-1. A Complete Example Documentto do List</titley<link href="bootstrap css" rel="stylesheet" /><link href="bootstrap-theme css"rel="stylesheet/><script src="angular. js"></script><script>var model=user: Adam",items: [ i action: "Buy Flowers", done: false jI action: Get Shoes",done: falseI action: Collect Tickets", done trueI action: Call Joe",done false 1};var todoApp angular module("todoApp", [l;CHAPTER 1 GETTING READYtodoApp. controller("ToDoctrl", function($scope)iscope. todo= model;scrip</head><body ng-controller="ToDoctrI"><div class="page-header"><h1>to do list</h1></div><div class="panel"><div class="input-group"><input class="form-controI" 7><span class="input-group-btn"><button class=btn btn-default >Add</button></span></alv><table class="table table-striped"><thead><try<th>Description</th><th>Done</th></tr></thead><tbody></tbody></table></div></body></html>This listing is taken from Chapter 2. Don't worry about what it does; just be aware that the first time I use a file ineach chapter there will be complete listing, similar to the one shown in Listing 1-1. For the second and subsequentexamples, I just show you the elements that change, to create a partial listing. You can spot a partial listing because itstarts and ends with ellipsis(.), as shown in Listing 1-2Listing 1-2. A Partial Listing<body ng-controller<div class="page-header">h1>Itodo users To Do List<span class="label > todoitems. length]<//h1》</div><div class="panel"><div class="input-group"><input class="form-control"/>span class="input-group-b<button class="btn btn -default >Add/button></span〉CHAPTER 1 GETTING READY<table class="table table-striped"><thead><try<th>Description</th><th>Done</th></tr></thead>tbody><tr ng-repeat=" item in todoitems"><tdffitemaction]/td><tdftitem done]/td></tr</tbody>/tabl</body>This is a subsequent listing from Chapter 2. You can see that just the body element, and its content, is shown andthat I have highlighted a number of statements. This is how i draw your attention to the part of the example that showsthe feature or technique I am describing. In a partial listing like this, only those parts shown have changed from theall listing earlier in the chapter. In some cases, I need to make changes to different parts of the same file, in whichcase I simply omit some elements or statements for brevity, as shown in Listing 1-3Listing 1-3. Omitting Elements for Brevity<! DOCTYPE html><html ng-app="todoApp"><head><title>to do list</titley<link href="bootstrap css" rel="stylesheet"/><script src="angular is " ></script><script>var model=iuser: Adamitems: [i action: Buy Flowers",done: falseI action: Get Shoes",doone: false了i action: " Collect Tickets",done: truei action: Call Joe",done: falsevar todoApp angular module ("todoApp",[1)todoApp. controller("ToDoCtrl", function ($scope)iScope. todo model;)</script></head>CHAPTER 1 GETTING READY<body ng-controller="ToDoctr1">elements omitted for brevity.<div class="panel"><div class="input-group"><input class="form-control"/><span class="input-group-btn"><button class="btn btn-default >Add</butt</span></div><table class="table table-striped"><thead》tr》<th Description</th>cth>Done/th》c/tr》/ thead》tbody》</ tbody</table></div></body></htm1>This convention lets me pack in more examples, but it does mean it can be hard to locate a specific techniqueTo this end, all of the chapters in which i describe angularis features in Parts 2 and 3 begin with a summary table thatdescribes the techniques contained in the chapter and the listings that demonstrate how they are usedWhere Can You get the Example Code?Youcandownloadalltheexamplesforallthechaptersinthisbookfromwww.apress.com.Thedownloadisavailableithout charge and includes all of the supporting resources that are required to re-create the examples without havingto type them in. You don' t have to download the code, but it is the easiest way of experimenting with the examples andcutting and pasting it into your own projectsHow Do You set Up your development Environment?You can get started with AngularjS development with a browser, a text editor, and a web server. One of the nice aspectsof working on client-side web app development is that you can pick and mix from a wide range of development toolsto create an environment that suits your working style and coding practice. In the sections that follow, I describe theenvironment i use so that you can re-create it on your own workstation. (You don ' t have use my tools but doing soensures that the examples work as expected. If you decide to use a different set of tools then skip to the"Performing aSimple Test"section later in the chapter to make sure everything works </div> </di> <div class="article" style="margin-top:0px;margin-bottom: 15px;"> <div > <div class="col-xs-4 col-sm-4"> <a class="views-num" href="#download" title="Pro AngularJS下载地址">下载地址</a> </div> <div class="col-xs-4 col-sm-4"> <a href="#pinglun" title="Pro AngularJS怎么样">用户评论</a> </div> <div class="col-xs-4 col-sm-4"> <a href="#gdownload" title="更多和Pro AngularJS相关的下载">更多下载</a> </div> </div> </div> </div> </div> </article> <div class="panel-group"> <div class="panel panel-default" id="download"> <div class="panel-heading"> <div class="panel-title"> <span>下载地址</span> </div> </div> <div class="row"> <div class="panel-body"> <div class="col-xs-3 cursors" > <a href="" target="_blank" class="downloadbtn"></a> <a id="downloadbtn" data-id="4195691" class="cursors btn btn-danger"><i class="iconfont icon-xiazai" aria-hidden="true"></i> 立即下载</a> </div> <!-- <div class="col-xs-9 text-right" > <a class="small-btn collect-btn"><i class="fa fa-star-o" aria-hidden="true"></i><span>收藏</span></a> <a class="small-btn collect-btn"><i class="fa fa-qq" aria-hidden="true"></i><span>腾讯</span></a> <a class="small-btn collect-btn"><i class="fa fa-weibo" aria-hidden="true"></i></i><span>微博</span></a> </div>--> </div> </div> </div> </div> <div class="panel-group" > <div class="panel panel-default" id="pinglun"> <div class="panel-heading"> <div class="panel-title"> <span>用户评论</span> </div> </div> <div class="row"> <div class="panel-body"> <div id="comment-container"> <!-- S 评论列表 --> <div id="commentlist"> <dl id="comment-3874574"> <dt><a href="javascript:;" rel="nofollow"><img alt='' src='/assets/img/avatar.png' /></a></dt> <dd> <div class="parent"> <div><span style="font-size:12px;font-weight:550">码姐姐匿名网友</span> <span style="font-size: 10px;color: #BDBDBD;">2019-09-23 19:24:50</span></div> <p style="color: #BDBDBD;font-size: xx-small;">深入介绍如何使用AngularJS开发前端应用,并和BootStrap同时使用,在开 </p> </div> </dd> <div class="clearfix"></div> </dl> <dl id="comment-3874575"> <dt><a href="javascript:;" rel="nofollow"><img alt='' src='/assets/img/avatar.png' /></a></dt> <dd> <div class="parent"> <div><span style="font-size:12px;font-weight:550">码姐姐匿名网友</span> <span style="font-size: 10px;color: #BDBDBD;">2019-09-23 19:24:50</span></div> <p style="color: #BDBDBD;font-size: xx-small;">非常好,很有帮助的! </p> </div> </dd> <div class="clearfix"></div> </dl> <dl id="comment-3874576"> <dt><a href="javascript:;" rel="nofollow"><img alt='' src='/assets/img/avatar.png' /></a></dt> <dd> <div class="parent"> <div><span style="font-size:12px;font-weight:550">码姐姐匿名网友</span> <span style="font-size: 10px;color: #BDBDBD;">2019-09-23 19:24:50</span></div> <p style="color: #BDBDBD;font-size: xx-small;">正在学习 此东西 感谢分享 书本 </p> </div> </dd> <div class="clearfix"></div> </dl> <!----> </div> <!-- E 评论列表 --> <!-- S 评论分页 --> <div id="commentpager" class="text-center"> </div> <!-- E 评论分页 --> <!-- S 发表评论 --> <div class="mt-3"> <form action="/api/Frontend/comment" method="post" id="commentpostform"> <input type="hidden" name="type" value="archives"/> <input type="hidden" name="aid" value="4195691"/> <input type="hidden" name="pid" id="pid" value="0"/> <div class="input-group"> <input name="content" class="form-control" disabled placeholder="下载后再发表评论" id="commentcontent" cols="6" rows="5" tabindex="4"> <span class="input-group-btn"> <a id="submit" class="btn btn-dangers btn-sm" disabled type="button">发表评论</a> </span> </div> </form> </div> <!-- E 发表评论 --> </div> </div> </div> </div> </div> <div class="panel-group" > <div class="pl-0 pr-0 " > <div class="panel-body _downbdad"></div> </div> </div> <aside> <ul class="panel-body pl-0 pr-0" id="gdownload"> <li class=" article-section article-item mb-1"> <article> <div class="list-title htmer"> <a target="_blank" href="/q/a/4195691.html" title="Pro AngularJS"><span><em class='text-danger fst-normal'>Pro</em> <em class='text-danger fst-normal'>AngularJS</em></span></a> </div> <p class="list-descri"> 深入介绍如何使用AngularJS开发前端应用,并和BootStrap同时使用,捎带介绍了如何用An... </p> <div class="list-ifon"> 大小:0B | 2019-09-23 19:24:50 </div> </article> </li> <li class=" article-section article-item mb-1"> <article> <div class="list-title htmer"> <a target="_blank" href="/q/a/4939692.html" title="Pro AngularJS.pdf"><span><em class='text-danger fst-normal'>Pro</em> <em class='text-danger fst-normal'>AngularJS</em>.pdf</span></a> </div> <p class="list-descri"> AngularJSistheleadingframeworkforbuildingdynamicJa... </p> <div class="list-ifon"> 大小:0B | 2020-05-31 15:54:07 </div> </article> </li> <li class=" article-section article-item mb-1"> <article> <div class="list-title htmer"> <a target="_blank" href="/q/a/4237810.html" title="Pro AngularJS无水印pdf"><span><em class='text-danger fst-normal'>Pro</em> <em class='text-danger fst-normal'>AngularJS</em>无水印pdf</span></a> </div> <p class="list-descri"> ProAngularJS英文无水印pdfpdf所有页面使用FoxitReader和PDF-XChan... </p> <div class="list-ifon"> 大小:0B | 2019-09-25 16:25:32 </div> </article> </li> <li class=" article-section article-item mb-1"> <article> <div class="list-title htmer"> <a target="_blank" href="/q/a/261677.html" title="Pro AngularJS英文版"><span><em class='text-danger fst-normal'>Pro</em> <em class='text-danger fst-normal'>AngularJS</em>英文版</span></a> </div> <p class="list-descri"> Pro AngularJS 英文版 , AngularJS 学习首选资料。 </p> <div class="list-ifon"> 大小:0B | 2018-12-20 03:46:33 </div> </article> </li> <li class=" article-section article-item mb-1"> <article> <div class="list-title htmer"> <a target="_blank" href="/q/a/2227868.html" title="Pro.AngularJS_AngularJS高级程序设计源码"><span><em class='text-danger fst-normal'>Pro</em>.<em class='text-danger fst-normal'>AngularJS</em>_<em class='text-danger fst-normal'>AngularJS</em>高级程序设计源码</span></a> </div> <p class="list-descri"> apressPro.AngularJS高级程序设计1-25章源码AngularJS高级程序设计1-2... </p> <div class="list-ifon"> 大小:0B | 2019-05-05 12:06:56 </div> </article> </li> <li class=" article-section article-item mb-1"> <article> <div class="list-title htmer"> <a target="_blank" href="/q/a/4540757.html" title="Apress Pro AngularJS随书源代码"><span>Apress <em class='text-danger fst-normal'>Pro</em> <em class='text-danger fst-normal'>AngularJS</em>随书源代码</span></a> </div> <p class="list-descri"> ApressProAngularJS随书源代码也可从官网免费下载,不过网速较慢,容易断连。 </p> <div class="list-ifon"> 大小:0B | 2020-04-26 12:28:50 </div> </article> </li> <li class=" article-section article-item mb-1"> <article> <div class="list-title htmer"> <a target="_blank" href="/q/a/3788879.html" title="Pro AngularJS英文版源代码"><span><em class='text-danger fst-normal'>Pro</em> <em class='text-danger fst-normal'>AngularJS</em>英文版源代码</span></a> </div> <p class="list-descri"> ProAngularJS英文版随书源代码,学习必备。 </p> <div class="list-ifon"> 大小:0B | 2019-08-01 21:33:49 </div> </article> </li> <li class=" article-section article-item mb-1"> <article> <div class="list-title htmer"> <a target="_blank" href="/q/a/6189030.html" title="AngularJS要点AngularJS Essentials"><span><em class='text-danger fst-normal'>AngularJS</em>要点<em class='text-danger fst-normal'>AngularJS</em> Essentials</span></a> </div> <p class="list-descri"> 使用AngularJS设计和构建可重用,可维护的模块化Web应用程序。 </p> <div class="list-ifon"> 大小:118B | 2020-09-21 11:39:42 </div> </article> </li> <li class=" article-section article-item mb-1"> <article> <div class="list-title htmer"> <a target="_blank" href="/q/a/7932910.html" title="什么是AngularJS AngularJS简介"><span>什么是<em class='text-danger fst-normal'>AngularJS</em> <em class='text-danger fst-normal'>AngularJS</em>简介</span></a> </div> <p class="list-descri"> AngularJS是为了克服HTML在构建应用上的不足而设计的。AngularJS通过使用我们称为标... </p> <div class="list-ifon"> 大小:101.04 KB | 2021-10-01 11:22:41 </div> </article> </li> <li class=" article-section article-item mb-1"> <article> <div class="list-title htmer"> <a target="_blank" href="/q/a/7620885.html" title="AngularJS Curso de AngularJS源码"><span><em class='text-danger fst-normal'>AngularJS</em> Curso de <em class='text-danger fst-normal'>AngularJS</em>源码</span></a> </div> <p class="list-descri"> AngularJS Curso de angular JS。 </p> <div class="list-ifon"> 大小:13.75MB | 2021-04-18 10:35:33 </div> </article> </li> <li class=" article-section article-item mb-1"> <article> <div class="list-title htmer"> <a target="_blank" href="/q/a/2063756.html" title="AngularJS权威教程AngularJS详解"><span><em class='text-danger fst-normal'>AngularJS</em>权威教程<em class='text-danger fst-normal'>AngularJS</em>详解</span></a> </div> <p class="list-descri"> AngularJS权威教程,AngularJS详解,AngularJS中文版。 </p> <div class="list-ifon"> 大小:0B | 2019-04-28 08:17:02 </div> </article> </li> <li class=" article-section article-item mb-1"> <article> <div class="list-title htmer"> <a target="_blank" href="/q/a/806988.html" title="angularJs"><span><em class='text-danger fst-normal'>angularJs</em></span></a> </div> <p class="list-descri"> </p> <div class="list-ifon"> 大小:0B | 2019-01-09 19:28:15 </div> </article> </li> <li class=" article-section article-item mb-1"> <article> <div class="list-title htmer"> <a target="_blank" href="/q/a/1460934.html" title="angularjs"><span><em class='text-danger fst-normal'>angularjs</em></span></a> </div> <p class="list-descri"> </p> <div class="list-ifon"> 大小:0B | 2019-03-09 09:16:20 </div> </article> </li> <li class=" article-section article-item mb-1"> <article> <div class="list-title htmer"> <a target="_blank" href="/q/a/2512336.html" title="angularJs权威和精通angularjs"><span><em class='text-danger fst-normal'>angularJs</em>权威和精通<em class='text-danger fst-normal'>angularjs</em></span></a> </div> <p class="list-descri"> 里面有精通angularjs权威指南和精通angularjs两本书的pdf,我从两本书中学到很多开发... </p> <div class="list-ifon"> 大小:0B | 2019-05-15 11:09:37 </div> </article> </li> <li class=" article-section article-item mb-1"> <article> <div class="list-title htmer"> <a target="_blank" href="/q/a/8540777.html" title="Fundamentals AngularJS 从angularJS开始"><span>Fundamentals <em class='text-danger fst-normal'>AngularJS</em> 从<em class='text-danger fst-normal'>angularJS</em>开始</span></a> </div> <p class="list-descri"> AngularJS基础用AngularJS开发的Easy App,使用Controller、Modu... </p> <div class="list-ifon"> 大小:240.45KB | 2024-10-05 04:07:08 </div> </article> </li> <li class=" article-section article-item mb-1"> <article> <div class="list-title htmer"> <a target="_blank" href="/q/a/5503703.html" title="AngularJs UI AngularJs Pagination Angularjs分页Want to be the best pagination."><span><em class='text-danger fst-normal'>AngularJs</em> UI <em class='text-danger fst-normal'>AngularJs</em> Pagination <em class='text-danger fst-normal'>Angularjs</em>分页Want to be the best pagination.</span></a> </div> <p class="list-descri"> AngularJs-UI, AngularJs Pagination Angularjs分页 -- ... </p> <div class="list-ifon"> 大小:1.16MB | 2020-07-25 09:35:34 </div> </article> </li> </ul> </aside> </main> <div class="article-sidebar col-md-4"> <div class="panel panel-default hot-article"> <div class="panel-body "> <div id="cao_widget_userinfo-2" class="widget widget-userinfo"> <div class="author-card_content"> <div class="author_avatar"> <div class="col-auto"> <img alt="" data-src="/assets/img/avatar.png" class="avatar avatar-96 photo qq img-circle" width="50" src="/assets/img/avatar.png"> </div> <div class="col n2"> <a href="/u/499776.html" target="_blank">Gao_xiansheng</a> <small class="d-block">资源:12 粉丝:0</small> </div> <div class="col-auto"> <a href="javascript:;" class="btn btn-danger btn-sm click-follow" data-authorid="499776" data-status="0">+关注</a> </div> </div> </div> </div> </div> </div> </div> <div class="col-md-4 mb-2" style="height: 45px"> <a target="_blank" href="/index/user/uploadfile" class="col-xs-12 btn btn-danger btn-lg"><i class="iconfont icon-shangchuan" aria-hidden="true"></i> 上传资源</a> </div> <div class="col-md-4 article-sidebar"> <div class="panel panel-default hot-article"> <div class="panel-body _aboutdownload"></div> </div> </div> <div class="col-md-4 article-sidebar"> <div class="panel panel-default hot-article"> <div class="panel-heading"> <span class="panel-title">免责说明</span> </div> <div class="panel-body"> <div class="panel-body"> 本站只是提供一个交换下载平台,下载的内容为本站的会员网络搜集上传分享交流使用,有完整的也有可能只有一分部,相关内容的使用请自行研究,主要是提供下载学习交流使用,一般不免费提供其它各种相关服务! 本站内容泄及的知识面非常广,请自行学习掌握,尽量自已动脑动手解决问题,实践是提高本领的途径,下载内容不代表本站的观点或立场!如本站不慎侵犯你的权益请联系我们,我们将马上处理撤下所有相关内容!联系邮箱:server@dude6.com </div> </div> </div> </div> </div> </div> <div id="opendown" class="opendown" style="display: none"></div> <div id="paydown" class="opendown" style="display: none"></div> <script>var downid = 4195691</script> <footer class="footer" style="clear:both"> <p class="copyright"> Copyright © 2017-2020 qcsdn.cn All Rights Reserved 码姐姐 版权所有 <a href="https://beian.miit.gov.cn/" target="_blank">粤ICP备16081799号</a> | <a href="http://qcsdn.com/sitemap.xml">网站地图</a> </p> </script></footer> <div id="floatbtn"> <a id="fb-tipoff" class="hover" href="http://www.qcsdn.cn/index/user/uploadfile" target="_blank"> <i class="iconfont icon-shangchuan" aria-hidden="true"></i> </a> <div id="share"></div> <a id="feedback" class="hover" href="#pinglun"> <i class="iconfont icon-pinglun" aria-hidden="true"></i> </a> <a id="back-to-top" class="hover" href="javascript:;" style="display: none"> <i class="iconfont icon-jiantoushang" aria-hidden="true"></i> </a> </div> <script type="text/javascript" src="/assets/libs/jquery/dist/jquery.min.js"></script> <script type="text/javascript" src="/assets/js/publicejs.js?v=1749556502"></script> <script type="text/javascript" src="/assets/js/common.js?v=1749556502"></script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?749301c3e053cc620e6b0d1682744892"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u6566807", container: "_downbdad", async: true }); (window.slotbydup = window.slotbydup || []).push({ id: "u6889993", container: "_aboutdownload", async: true }); $('#share').share({sites: ['qzone', 'qq', 'weibo','wechat']}); </script> <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" ></script> </body> </html>