AngularJs ng-change事件/指令的用法小结

本文介绍了AngularJs ng-change事件/指令的小结，分享给大家，也给自己留个笔记

定义和用法

ng-change 指令用于告诉 AngularJS 在 HTML 元素值改变时需要执行的操作。

ng-change 指令需要搭配 ng-model 指令使用。

AngularJS ng-change 指令指令不会覆盖原生的 onchange 事件,如果触发该事件，ng-change 表达式与原生的 onchange 事件都会执行。

ng-change 事件在值的每次改变时触发，它不需要等待一个完成的修改过程，或等待失去焦点的动作。

ng-change 事件只针对输入框值的真实修改，而不是通过 JavaScript 来修改。

语法

, 元素支持。</li> <li><radio>,<checkbox></li> </ol> <p>参数值</p> <p> <table> <tbody> <tr> <th>值</th> <th>描述</th> </tr> <tr> <td>expression</td> <td>元素值改变时执行表达式。</td> </tr> </tbody> </table> </p> <p>实例说明：当输入框的值改变时执行函数: </p> <div class="jb51code"> <pre class="brush:xhtml;"> <body ng-app="myApp"> <p><div ng-controller="myCtrl"></p> <input type="text" ng-change="myFunc()" ng-model="myValue" /> <p>The input field has changed {{count}} times.</p> </div> <script> angular.module('myApp',[]) .controller('myCtrl',['$scope',function($scope) { $scope.count = 0; $scope.myFunc = function() { $scope.count++; }; }]); </script> </body> </pre> </div> <p>实例说明，radio和checkbox</p> <p>注：checkbox ng-model总是是true或false，而不是value，其他的ng-model默认都是value 的值</p> <p>HTML</p> <div class="jb51code"> <pre class="brush:xhtml;"> <h3>Radio 控件测试</h3> <p><label> <input type="radio" value="男" name="sex" ng-model="value1" ng-change="radioChecked()" /> 男 </label> <label> <input type="radio" value="女" name="sex" ng-model="value1" ng-change="radioChecked()" /> 女 </label></p> <h3>checked 控件测试</h3> <p><div class="checkbox"> <label> <input name="agree" type="checkbox" value="同意" ng-model="value2" ng-change="checkboxClick()" /> 同意协议 </label> </div> <div class="checkbox"> <label> <input name="agree" type="checkbox" value="同意2" ng-model="value2" ng-change="checkboxClick()" /> 同意协议2 </label> </div></p> </pre> </div> <p>JS：</p> <div class="jb51code"> <pre class="brush:js;"> var app = angular.module('myApp',[]); app.controller('validateCtrl',function ($scope) { //randio ng-change事件和原始onchange相同 //radio ng-model 的值是value $scope.radioChecked = function () { console.info($scope.value1); } //checkbox ng-change事件和原始onchange相同 //checkbox ng-model总是是true或false $scope.checkboxClick = function () { console.info($scope.value2); } }); </pre> </div> <p>实例说明，text，select</p> <p>HTML</p> <div class="jb51code"> <pre class="brush:xhtml;"> <form class="form-horizontal"> <div class="form-group"> <label class="control-label">姓名：</label> <input type="text" class="form-control" ng-model="name" ng-change="txtChange();" /> </div> <div class="form-group"> <label class="control-label">选择年级：</label> <select class="form-control" ng-change="selectChange();" ng-model="grade"> <option value="1">一年级</option> <option value="2">二年级</option> </select> </div> </form> </pre> </div> <p>JS</p> <div class="jb51code"> <pre class="brush:js;"> var app = angular.module('myApp',function ($scope) { //textbox 的ng-change事件和原始ng-change不相同，而是和$scope.$watch()监听相同 //textbox 的ng-model为当前输入框的内容，为value值 $scope.txtChange = function () { console.info($scope.name); } //select 的ng-change事件和原始ng-change相同 //ng-model 的默认情况下ng-model的结果为value值 $scope.selectChange = function () { console.info($scope.grade); } }); </pre> </div> <p>以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。</p><p class="text-muted" style="margin-top:20px;">版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。</p> </div><div class="topcard-tags"><a href="https://www.jb51.cc/tag/change/" class="tag_link" target="_blank">change</a><a href="https://www.jb51.cc/tag/ng/" class="tag_link" target="_blank">ng</a><a href="https://www.jb51.cc/tag/ngchange/" class="tag_link" target="_blank">ng-change</a></div></div> </div> </div> <div class="row row-sm"> <div class="col-sm-12 col-md-12 col-lg-12"> <div class="card"> <h3>相关推荐</h3> <hr /> <div class="list_con"><img src="https://www.jb51.cc/res/2024/06-25/10/c2ff592921802094435e272834065656.png" title="" width="160" height="90" style="float:right;" /><div class="title"><a href="https://www.jb51.cc/js/4770157.html" title="哪些JavaScript IDE最好用？">哪些JavaScript IDE最好用？</a></div> <div class="summary">阅读本文之前，分享大家一张图片，看图会发现JavaScript开发需求最高，占比达到42.84%，因此掌握JavaScript语言好工作就不愁啦，工欲善其事必先利其器，那么选择IDE来开发是至关重要的，本文指出常用的几款JavaScript IDE，分析其优缺点，如有不完善的请大家补充</div> </div><div class="list_con"><img src="https://www.jb51.cc/res/2024/06-25/10/dfecc83f96185e42cd7d1ff7545b8f02.png" title="" width="160" height="90" style="float:right;" /><div class="title"><a href="https://www.jb51.cc/js/4770156.html" title="异步编程之Javascript Promises 规范介绍">异步编程之Javascript Promises 规范介绍</a></div> <div class="summary">Promises是一种关于异步编程的规范，目的是将异步处理对象和处理规则进行规范化，为异步编程提供统一接口。本文简要的介绍了Promises的基础知识，希望我们我们能够更好的使用Promises，更轻松的编写代码。</div> </div><div class="list_con"><div class="title"><a href="https://www.jb51.cc/js/4770155.html" title="超越Web，Javascript在物联网的应用">超越Web，Javascript在物联网的应用</a></div> <div class="summary">引子 Patrick Catanzariti 是一名Web开发工程师，最近他在 sitepoint 发表了《JavaScript Beyond the Web in 2014》，介绍了JavaScript在物联网中的应用，非常有意思。做为JavaScript的爱好者和从业者，我在这里把它翻译了，以飨</div> </div><div class="list_con"><img src="https://www.jb51.cc/res/2024/06-25/10/2031a5a8e4bd99df972567cc16471552.png" title="" width="160" height="90" style="float:right;" /><div class="title"><a href="https://www.jb51.cc/js/4770154.html" title="JavaScript 常用功能总结">JavaScript 常用功能总结</a></div> <div class="summary">小编吐血整理加上翻译，太辛苦了~求赞！本文主要总结了JavaScript 常用功能总结，如一些常用的JS 对象，基本数据结构，功能函数等，还有一些常用的设计模式。目录：众所周知，JavaScript是动态的面向对象的编程语言，能够实现以下效果： 1. 丰富Web 网页功能 2. 丰富Web界面</div> </div><div class="list_con"><div class="title"><a href="https://www.jb51.cc/js/4770153.html" title="微软Edge 内嵌的JavaScript 引擎即将开源">微软Edge 内嵌的JavaScript 引擎即将开源</a></div> <div class="summary">微软于今日（2015年12月10日）宣布即将开源Chakra核心控件，并改名为“ChakraCore”,该控件包含所有Edge JavaScript 引擎的所有核心功能。ChakraCore 将于下月发布在GitHub中。 Chakra提供了顶级的JavaScript处理功能，并具有非常强大的性能优</div> </div><div class="list_con"><img src="https://www.jb51.cc/res/2024/06-25/10/eac411643d7dfd1bfda1fd783a249266.png" title="" width="160" height="90" style="float:right;" /><div class="title"><a href="https://www.jb51.cc/js/4770152.html" title="1000多个项目中的十大JavaScript错误以及如何避免">1000多个项目中的十大JavaScript错误以及如何避免</a></div> <div class="summary">通过统计数据库中的1000多个项目，我们发现在 JavaScript 中最常出现的错误有10个。本文会向大家介绍这些错误发生的原因以及如何防止。</div> </div><div class="list_con"><img src="https://www.jb51.cc/res/2024/06-25/10/88bbfa80ac42c386faad3fb618e5fb37.png" title="" width="160" height="90" style="float:right;" /><div class="title"><a href="https://www.jb51.cc/js/4770151.html" title="TypeScript VS JavaScript 深度对比">TypeScript VS JavaScript 深度对比</a></div> <div class="summary">TypeScript 和 JavaScript 是目前项目开发中较为流行的两种脚本语言，我们已经熟知 TypeScript 是 JavaScript 的一个超集，但是 TypeScript 与 JavaScript 之间又有什么样的区别呢？在选择开发语言时，又该如何抉择呢？</div> </div><div class="list_con"><img src="https://www.jb51.cc/res/2024/06-25/10/0ba0dfc3fed062ace1458d62e9969a5e.png" title="" width="160" height="90" style="float:right;" /><div class="title"><a href="https://www.jb51.cc/js/4770150.html" title="2017年 JavaScript 框架回顾 -- 后端框架">2017年 JavaScript 框架回顾 -- 后端框架</a></div> <div class="summary">本文是2017年 JavaScript 框架回顾系列的最后的一篇文章，主要介绍 JavaScript 的后端框架情况。</div> </div><div class="list_con"><img src="https://www.jb51.cc/res/2024/06-25/10/8df44d7b1cb819c006dcf185dd8e2c6b.jpg" title="" width="160" height="90" style="float:right;" /><div class="title"><a href="https://www.jb51.cc/js/4770149.html" title="JavaScript 开发人员需要知道的简写技巧">JavaScript 开发人员需要知道的简写技巧</a></div> <div class="summary">本文来源于多年的 JavaScript 编码技术经验，适合所有正在使用 JavaScript 编程的开发人员阅读。本文的目的在于帮助大家更加熟练的运用 JavaScript 语言来进行开发工作。</div> </div><div class="list_con"><img src="https://www.jb51.cc/res/2024/06-25/10/6c2f859ebf746b2e0452f701f6cef3ed.png" title="" width="160" height="90" style="float:right;" /><div class="title"><a href="https://www.jb51.cc/js/4770148.html" title="前端开发者常用的9个JavaScript图表库">前端开发者常用的9个JavaScript图表库</a></div> <div class="summary">对于前端开发人员来说，如果能够掌握交互式网页中的数据可视化技术，则是一项很棒的技能。当然，通过一些 JavaScript 的图表库也会使前端的数据可视化变得更加容易。</div> </div><div class="list_con"><img src="https://www.jb51.cc/res/2024/06-25/10/755bb203b5cb5c69bff7ba3daa11e0f1.jpg" title="" width="160" height="90" style="float:right;" /><div class="title"><a href="https://www.jb51.cc/js/4770147.html" title="顶级的JavaScript框架、库、工具及其使用">顶级的JavaScript框架、库、工具及其使用</a></div> <div class="summary">几乎每隔一个星期，就有一个新的 JavaScript 库席卷网络社区！Web 社区日益活跃、多样，并在多个领域快速成长。想要研究每一个重要的 JavaScript 框架和库，是个不可能完成的任务。接下来，我会分享一些前端开发的最著名和最有影响力的框架和库。下面，就让我们一起来看看，顶级的 JavaS</div> </div><div class="list_con"><img src="https://www.jb51.cc/res/2024/06-25/10/8d5aa64df92350bbc59210b7ea198a86.png" title="" width="160" height="90" style="float:right;" /><div class="title"><a href="https://www.jb51.cc/js/4770146.html" title="一张图告诉你最流行的 7 个 JavaScript框架特点">一张图告诉你最流行的 7 个 JavaScript框架特点</a></div> <div class="summary">AngularJ.js 由google开发，2009年首次发布很流行的前端框架使用Angular.js创建第一个UI，成本很低对于团队来说，AngularJ.js有许多很棒的工具可用很适合创建一个快速、混合型复杂的解决方案比起React，更合适于创建小型企业级应用由Google负责维护基</div> </div><div class="list_con"><img src="https://www.jb51.cc/res/2024/06-25/10/82b26856efc490e333079aff16f82694.png" title="" width="160" height="90" style="float:right;" /><div class="title"><a href="https://www.jb51.cc/js/4770145.html" title="1分钟选好最合适你的JavaScript框架">1分钟选好最合适你的JavaScript框架</a></div> <div class="summary">Javascript框架（以下简称框架）也被称为Javascript库，是一组包含丰富功能和函数的JavaScript代码集，能够帮助开发者快速完成Web设计和开发工作。随着Web社区的越发活跃，新的框架也层出不穷，目前流行的有：Angular、React、Vue.js和Knockout等。面对如</div> </div><div class="list_con"><img src="https://www.jb51.cc/res/2024/06-25/10/6b2e9d740bd63b5ae39cbd0b4317525f.png" title="" width="160" height="90" style="float:right;" /><div class="title"><a href="https://www.jb51.cc/js/4770144.html" title="2017年 JavaScript 框架回顾 -- 前端框架">2017年 JavaScript 框架回顾 -- 前端框架</a></div> <div class="summary">对于 JavaScript 社区来说，npm 的主要功能之一就是帮助开发者发掘所需的 npm Registry 中的库和框架。npm 强大的搜索功能能够帮助找到一组相关的软件包，同时其内置的的文档和使用统计信息，可以帮助开发者决定使用哪一种软件包。</div> </div><div class="list_con"><img src="https://www.jb51.cc/res/2024/06-25/10/a8cba9be845a7d9c677e336efc2891e0.jpg" title="" width="160" height="90" style="float:right;" /><div class="title"><a href="https://www.jb51.cc/js/4770143.html" title="SpreadJS使用进阶指南">SpreadJS使用进阶指南</a></div> <div class="summary">前言 SpreadJS作为一款性能出众的纯前端电子表格控件，自2015年发布以来，已经被广泛应用于各领域“在线Excel”数据管理项目中。NPM，作为管理Node.js库最有力的手段，解决了很多NodeJS代码部署的问题。如今，为让您更方便的使用产品和更好地管理项目中的SpreadJS代码，我们已</div> </div><div class="list_con"><img src="https://www.jb51.cc/res/2024/06-25/10/5b918baad8afb4a4583f56951bca458f.png" title="" width="160" height="90" style="float:right;" /><div class="title"><a href="https://www.jb51.cc/js/4770142.html" title="2017年 JavaScript 框架回顾 -- React生态系统">2017年 JavaScript 框架回顾 -- React生态系统</a></div> <div class="summary">前一篇文章中，我们介绍了2017年 JavaScript 框架的整体情况。我们也了解到在众多的前端框架中，目前最为庞大又在快速增长的当属React了，本文就来重点介绍React的生态系统。</div> </div><div class="list_con"><div class="title"><a href="https://www.jb51.cc/js/4770141.html" title="ES2017异步函数现已正式可用">ES2017异步函数现已正式可用</a></div> <div class="summary">ES2017标准已经于2017年6月份正式定稿了，并广泛支持最新的特性：异步函数。如果你曾经被异步JavaScript的逻辑困扰，这么新函数正是为你设计的。</div> </div><div class="list_con"><img src="https://www.jb51.cc/res/2024/06-25/10/d8e55cc52217d9602a23e7e8684cee76.jpg" title="" width="160" height="90" style="float:right;" /><div class="title"><a href="https://www.jb51.cc/js/4770140.html" title="Top 10 JavaScript编辑器，你在用哪个？">Top 10 JavaScript编辑器，你在用哪个？</a></div> <div class="summary">本文将会讨论10个优秀的支持JavaScript，HTML5和CSS开发，并且可以使用Markdown进行文档编写的文本编辑器。</div> </div><div class="list_con"><img src="https://www.jb51.cc/res/2024/06-25/10/4a68bdc3c75576907c9859dfabd43fe0.png" title="" width="160" height="90" style="float:right;" /><div class="title"><a href="https://www.jb51.cc/js/4770139.html" title="JavaScript中的内存泄漏以及如何处理">JavaScript中的内存泄漏以及如何处理</a></div> <div class="summary">随着现在的编程语言功能越来越成熟、复杂，内存管理也容易被大家忽略。本文将会讨论JavaScript中的内存泄漏以及如何处理，方便大家在使用JavaScript编码时，更好的应对内存泄漏带来的问题。</div> </div><div class="list_con"><img src="https://www.jb51.cc/res/2024/06-25/10/328ba0ed4e6991910be9dbfe9cdcdb56.png" title="" width="160" height="90" style="float:right;" /><div class="title"><a href="https://www.jb51.cc/js/4770138.html" title="JavaScript 性能优化技巧分享">JavaScript 性能优化技巧分享</a></div> <div class="summary">JavaScript 作为当前最为常见的直译式脚本语言，已经广泛应用于 Web 应用开发中。为了提高Web应用的性能，从 JavaScript 的性能优化方向入手，会是一个很好的选择。本文从加载、上下文、解析、编译、执行和捆绑等多个方面来讲解 JavaScript 的性能优化技巧，以便让更多的前端开</div> </div></div> </div> </div> </div> <div class="col-sm-12 col-md-12 col-lg-3"> <div class="row row-sm"> <div class="col-sm-12 col-md-12 col-lg-12"> <div class="card"> <label class="main-content-label ">分类导航</label> <div class="cate mt-20"><div class="clearfix"></div> </div> </div> </div> </div>  <div class="row row-sm"> <div class="col-sm-12 col-md-12 col-lg-12"> <div class="card">  <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-4605373693034661" data-ad-slot="7541177540"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div>  <div class="row row-sm"> <div class="col-sm-12 col-md-12 col-lg-12"> <div class="card"> <label class="main-content-label ">热门文章</label> <ul class="n-list"><li><a href="https://www.jb51.cc/js/4770157.html" title="哪些JavaScript IDE最好用？">• 哪些JavaScript IDE最好用？</a></li><li><a href="https://www.jb51.cc/js/4770156.html" title="异步编程之Javascript Promises 规范介绍">• 异步编程之Javascript Promises 规范介…</a></li><li><a href="https://www.jb51.cc/js/4770155.html" title="超越Web，Javascript在物联网的应用">• 超越Web，Javascript在物联网的应用</a></li><li><a href="https://www.jb51.cc/js/4770154.html" title="JavaScript 常用功能总结">• JavaScript 常用功能总结</a></li><li><a href="https://www.jb51.cc/js/4770153.html" title="微软Edge 内嵌的JavaScript 引擎即将开源">• 微软Edge 内嵌的JavaScript 引擎即将开…</a></li><li><a href="https://www.jb51.cc/js/4770152.html" title="1000多个项目中的十大JavaScript错误以及如何避免">• 1000多个项目中的十大JavaScript错误以…</a></li><li><a href="https://www.jb51.cc/js/4770151.html" title="TypeScript VS JavaScript 深度对比">• TypeScript VS JavaScript 深度对比</a></li><li><a href="https://www.jb51.cc/js/4770150.html" title="2017年 JavaScript 框架回顾 -- 后端框架">• 2017年 JavaScript 框架回顾 -- 后端框…</a></li><li><a href="https://www.jb51.cc/js/4770149.html" title="JavaScript 开发人员需要知道的简写技巧">• JavaScript 开发人员需要知道的简写技巧</a></li><li><a href="https://www.jb51.cc/js/4770148.html" title="前端开发者常用的9个JavaScript图表库">• 前端开发者常用的9个JavaScript图表库</a></li></ul> </div> </div> </div> <div class="row row-sm"> <div class="col-sm-12 col-md-12 col-lg-12"> <div class="card"> <label class="main-content-label ">最新文章</label> <ul class="n-list"><li><a href="https://www.jb51.cc/js/4770157.html" title="哪些JavaScript IDE最好用？">• 哪些JavaScript IDE最好用？</a></li><li><a href="https://www.jb51.cc/js/4770156.html" title="异步编程之Javascript Promises 规范介绍">• 异步编程之Javascript Promises 规范介…</a></li><li><a href="https://www.jb51.cc/js/4770155.html" title="超越Web，Javascript在物联网的应用">• 超越Web，Javascript在物联网的应用</a></li><li><a href="https://www.jb51.cc/js/4770154.html" title="JavaScript 常用功能总结">• JavaScript 常用功能总结</a></li><li><a href="https://www.jb51.cc/js/4770153.html" title="微软Edge 内嵌的JavaScript 引擎即将开源">• 微软Edge 内嵌的JavaScript 引擎即将开…</a></li><li><a href="https://www.jb51.cc/js/4770152.html" title="1000多个项目中的十大JavaScript错误以及如何避免">• 1000多个项目中的十大JavaScript错误以…</a></li><li><a href="https://www.jb51.cc/js/4770151.html" title="TypeScript VS JavaScript 深度对比">• TypeScript VS JavaScript 深度对比</a></li><li><a href="https://www.jb51.cc/js/4770150.html" title="2017年 JavaScript 框架回顾 -- 后端框架">• 2017年 JavaScript 框架回顾 -- 后端框…</a></li><li><a href="https://www.jb51.cc/js/4770149.html" title="JavaScript 开发人员需要知道的简写技巧">• JavaScript 开发人员需要知道的简写技巧</a></li><li><a href="https://www.jb51.cc/js/4770148.html" title="前端开发者常用的9个JavaScript图表库">• 前端开发者常用的9个JavaScript图表库</a></li></ul> </div> </div> </div> <div class="row row-sm"> <div class="col-sm-12 col-md-12 col-lg-12"> <div class="card"> <label class="main-content-label ">热门标签<a href="https://www.jb51.cc/all" class="pull-right">更多</a> </label> <div class="topcard-tags"><a href="https://www.jb51.cc/tag/python/" title="python">python</a><a href="https://www.jb51.cc/tag/JavaScript/" title="JavaScript">JavaScript</a><a href="https://www.jb51.cc/tag/java/" title="java">java</a><a href="https://www.jb51.cc/tag/HTML/" title="HTML">HTML</a><a href="https://www.jb51.cc/tag/PHP/" title="PHP">PHP</a><a href="https://www.jb51.cc/tag/reactjs/" title="reactjs">reactjs</a><a href="https://www.jb51.cc/tag/C/" title="C#">C#</a><a href="https://www.jb51.cc/tag/Android/" title="Android">Android</a><a href="https://www.jb51.cc/tag/CSS/" title="CSS">CSS</a><a href="https://www.jb51.cc/tag/Nodejs/" title="Node.js">Node.js</a><a href="https://www.jb51.cc/tag/sql/" title="sql">sql</a><a href="https://www.jb51.cc/tag/rp/" title="r">r</a><a href="https://www.jb51.cc/tag/python3x/" title="python-3.x">python-3.x</a><a href="https://www.jb51.cc/tag/MysqL/" title="MysqL">MysqL</a><a href="https://www.jb51.cc/tag/jQuery/" title="jQuery">jQuery</a><a href="https://www.jb51.cc/tag/c4343/" title="c++">c++</a><a href="https://www.jb51.cc/tag/pandas/" title="pandas">pandas</a><a href="https://www.jb51.cc/tag/flutter/" title="Flutter">Flutter</a><a href="https://www.jb51.cc/tag/angular/" title="angular">angular</a><a href="https://www.jb51.cc/tag/IOS/" title="IOS">IOS</a><a href="https://www.jb51.cc/tag/django/" title="django">django</a><a href="https://www.jb51.cc/tag/linux/" title="linux">linux</a><a href="https://www.jb51.cc/tag/swift/" title="swift">swift</a><a href="https://www.jb51.cc/tag/typescript/" title="typescript">typescript</a><a href="https://www.jb51.cc/tag/luyouqi/" title="路由器">路由器</a><a href="https://www.jb51.cc/tag/JSON/" title="JSON">JSON</a><a href="https://www.jb51.cc/tag/luyouqishezhi/" title="路由器设置">路由器设置</a><a href="https://www.jb51.cc/tag/wuxianluyouqi/" title="无线路由器">无线路由器</a><a href="https://www.jb51.cc/tag/h3c/" title="h3c">h3c</a><a href="https://www.jb51.cc/tag/huasan/" title="华三">华三</a><a href="https://www.jb51.cc/tag/huasanluyouqishezhi/" title="华三路由器设置">华三路由器设置</a><a href="https://www.jb51.cc/tag/huasanluyouqi/" title="华三路由器">华三路由器</a><a href="https://www.jb51.cc/tag/diannaoruanjianjiaocheng/" title="电脑软件教程">电脑软件教程</a><a href="https://www.jb51.cc/tag/arrays/" title="arrays">arrays</a><a href="https://www.jb51.cc/tag/docker/" title="docker">docker</a><a href="https://www.jb51.cc/tag/ruanjiantuwenjiaocheng/" title="软件图文教程">软件图文教程</a><a href="https://www.jb51.cc/tag/C/" title="C">C</a><a href="https://www.jb51.cc/tag/vuejs/" title="vue.js">vue.js</a><a href="https://www.jb51.cc/tag/laravel/" title="laravel">laravel</a><a href="https://www.jb51.cc/tag/springboot/" title="spring-boot">spring-boot</a></div> </div> </div> </div> <div class="row row-sm rbox"> <div class="col-sm-12 col-md-12 col-lg-12"> <div class="card">  <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-4605373693034661" data-ad-slot="7541177540"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> </div> </div> </div> <footer id="footer"> <div class="container" style="width:1440px;"> <div class="row hidden-xs"> <div class="col-sm-12 col-md-9 col-lg-9 site-link"> <ul class="list-inline"> <li>友情链接:</li><li><a href="https://www.runoob.com/" title="菜鸟教程(www.runoob.com)提供了编程的基础技术教程, 介绍了HTML、CSS、Javascript、Python，Java，Ruby，C，PHP , MySQL等各种编程语言的基础知识。同时本站中也提供了大量的在线实例，通过实例，您可以更好的学习编程。" target="_blank" rel="nofollow">菜鸟教程</a></li><li><a href="https://ai.jb51.cc/" title="ai导航是编程之家旗下ai方向的ai资讯、ai工具类集合导航站。" target="_blank" rel="nofollow">ai导航</a></li></ul> <ul class="list-inline"> <li><a href="https://www.jb51.cc" title="编程之家">编程之家</a></li>-<li><a href="https://t5m44pq3f7.jiandaoyun.com/f/638ca61b7b079a000a5d2dd6" rel="nofollow" title="我要投稿" target="_blank">我要投稿</a></li>-<li><a target="_blank" rel="nofollow" href="https://t5m44pq3f7.jiandaoyun.com/f/638ca8c69ad234000a79561f" title="广告合作">广告合作</a></li>-<li><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=76874919&site=qq&menu=yes">联系我们</a></li>-<li><a href="https://www.jb51.cc/disclaimers.html" title="免责声明">免责声明</a></li>-<li><a href="https://www.jb51.cc/sitemap/all/index.xml" title="网站地图" target="_blank">网站地图</a></li> </ul> <div>版权所有 © 2018编程之家<a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">闽ICP备13020303号-8</a> </div> </div> <div class="col-sm-12 col-md-3 col-lg-3"><img src="https://www.jb51.cc/qrcode.jpg" width="90" alt="微信公众号搜索 “ 程序精选 ” ，选择关注！"> <div class="pull-right">微信公众号搜<span class="text-danger">"程序精选"</span>关注<br />微信扫一扫可直接关注哦！</div> </div> </div> </div> </footer> <script> (function () { var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(bp, s); })(); </script> <script src="https://www.jb51.cc/js/count.js"></script> </body> </html>