angular学习笔记(六)-非入侵式javascript

这篇主要讲解非入侵式javascript.在传统的前端开发中,把js写在html中,称为入侵式的javascript:<spanid="select_area"onclick="..."</span>这种做法由于没有把视图和行为分离,而且不易于维护管理,所以已经被淘汰掉.但是,angular通过改进,很好的解决了这个问题.称为声明式事件处理器.<!DOCTYPEhtml><htmlng-app><head><title>3.1.非入侵式js</title><metacharset="utf-8"><scriptsrc="../angular.js"></script><scriptsrc="script.js"></script></head><body><divclass="navBar"ng-controller="NavController"><spanng-click="doSome()">A&...

angular学习笔记(五)-阶乘计算实例(3)

同样是上一个例子,我们要求并非实时的计算结果,而是等到用户确定自己已经输入完毕,然后进行计算:<!DOCTYPEhtml><htmlng-app><head><title>2.3.4计算阶乘实例3</title><metacharset="utf-8"><scriptsrc="../angular.js"></script><scriptsrc="script.js"></script></head><body><divng-controller='Factorial'><formaction=""ng-submit="compute()"><inputtype="text"ng-model="factorial.number"/>的阶乘结果是:<span>{{factorial.result}}</span><br><button>计算</button&...

angular学习笔记(五)-阶乘计算实例(2)

<!DOCTYPEhtml><htmlng-app><head><title>2.3.3计算阶乘实例2</title><metacharset="utf-8"><scriptsrc="../angular.js"></script><scriptsrc="script.js"></script></head><body><divng-controller='Factorial'><formaction=""><inputtype="text"ng-model="factorial.number"/>的阶乘结果是:<span>{{factorial.result}}</span></form></div></body></html>同样是这个例子:result的改变,本质上是由于number的改变,而不是input的value值改变,num...

angular学习笔记(五)-阶乘计算实例(1)

<!DOCTYPEhtml><htmlng-app><head><title>2.3.2计算阶乘实例1</title><metacharset="utf-8"><scriptsrc="../angular.js"></script><scriptsrc="script.js"></script></head><body><divng-controller='Factorial'><formaction=""><inputtype="text"ng-model="factorial.number"ng-change="compute()"/>的阶乘结果是:<span>{{factorial.result}}</span></form></div></body></html>functionFactorial($scope){$scope.f...

angular学习笔记(四)- input元素的ng-model属性

input元素的ng-model属性:用于将input的值和变量的值进行双向绑定<!DOCTYPEhtml><htmlng-app><head><title>2.3.1input数据绑定</title><metacharset="utf-8"><scriptsrc="../angular.js"></script><scriptsrc="script.js"></script></head><body><divng-controller='CheckStatus'><formaction=""><inputtype="checkbox"ng-model="checkRabbit"/>rabbit:<span>{{checkRabbit}}</span><br><inputtype="checkbox"ng-model="checkDog"/>dog:<sp...

angular学习笔记(三)-视图绑定数据的两种方式

绑定数据有两种方式:<!DOCTYPEhtml><htmlng-app><head><title>2.2显示文本</title><metacharset="utf-8"><scriptsrc="../angular.js"></script><scriptsrc="script.js"></script></head><body><div><divng-controller="showText"><h1ng-bind="text.message"></h1><h1>{{text.name}}</h1></div></div></body></html>1:ng-bind="变量"2:{{变量}}ng-bind属性来绑定数据和{{}}来绑定数据,效果一致,但是如果有大量的数据,在数据还没有加载完成之前,如果使用{{}},用户会看...

angular学习笔记(二)-创建angular模块

如果在页面的html标签(或任意标签)中添加ng-app,表示对整个页面应用angular来管理.他是一个模块.模块有助于把东西从全局命名空间中隔离.今天学习如何自定义创建模块:<!DOCTYPEhtml><html><head><title>2.1模块</title><metacharset="utf-8"><scriptsrc="../angular.js"></script><scriptsrc="script.js"></script></head><body><divng-app="myApp"><divng-controller="TextController"><h1>{{text.message}}</h1><h1>{{text.name}}</h1></div></div></body></html>varm...

angular学习笔记(一)-入门案例

入门实例: 一个购物车产品清单,可以自行改变数量,总价自动计算的小例子:代码如下:<!DOCTYPEhtml><htmlng-app><head><title>1.1实例:购物车</title><metacharset="utf-8"><scriptsrc="../angular.js"></script><scriptsrc="script.js"></script><styletype="text/css">.red{color:#cc0000}*{font-family:'MICROSOFTYAHEI'}TD{font-size:12px;color:#999;}</style></head><body><divng-controller="CarController"><h1>yourshoppingcart</h1><table><trng-rep...

小程序模板template使用介绍

template(模板):是可以在wxml中引用的代码,就是在wxml中引用公用的wxml类型的代码,它的作用类似于组件,因此这里简单的说明下template与Component(组件)的区别。template(模板)与Component(组件)的区别:template(模板):主要用于显示,简单的说主要是用于嵌入wxml的代码,模板中是可以拥有对应的样式以及逻辑,但是他并没有属于的对应的js文件,它的逻辑依赖于引用的页面。Component(组件):作为一个单独的功能模块,不仅可以包含页面展示还可以包含该模块的事件逻辑处理。像一个页面一样,Component组件可以包含wxmlwxssjsjson文件。总的来说,template(模板)和Component(组件)非常相似,Component(组件)相比于template(模板)更完整,接近于一个独立的模块,有自己的逻辑方法,所以在使用场景上会有一定的区别,template(模板)更多的适用于仅仅是展示用的,而Component(组件)可用于业务上或者涉及的逻辑相对复杂的场景上进行使用。新建一个wxml文件,用template的标签写...

LapSRN

解决问题:1.bicubic预处理上下采样,计算复杂度高。(LapSRN只使用了对SR下采样特点是训练过程中再通过反卷积上采样恢复到原尺寸)2.简单的模型,不能很好的学会复杂的映射。并且L2损失函数不能捕捉HRpatches底层多模态分布(重建的HRimages对人类视觉感知效果不好)3.大部分方法重建HRimages时使用了上采样步骤,这会增加训练难度尤其是fator越大时,并且对于以前的方法只训练了特定fator的模型(LapSRN使用了金字塔结构的模型,对于大的fator由fator为2渐进训练,需要特定就fator就截断输出) 模型结构模型大致结构:LR作为输入渐进地以一种粗糙到良好的方式预测sub-bandresiduals。每个level用卷积提取特征然后使用反卷积上采样到finerlevel然后预测sub-bandresiduals(上采样图片与groudtruth间的差异)训练模型使用charbonnier损失函数LapSRN使用串联金字塔预测不同fator的residuals,因此其8fator的模型依旧可以表现2或4fatorSR,通过bypassing(...
代码星球 代码星球·2020-04-04

js蛋疼的Class(获取class对象)

之前处理class对象被迫用jquery,以为JavaScript不支持class。确实百度某些大神也说js不待见class对象,就这样本菜放弃了原生js。今天偶然发现一片文章吐槽jquery拥抱JavaScript,原文地址。其中就提到了js的document.getElementsByClassName比jquery的$(classSelector)强50倍。有图有真相到这里本菜的问题来了,之前度娘不是告诉我js不待见class吗?这又算哪门子方法。抱着求真务实的心态本菜决定试一下。varbox=document.getElementsByClassName("box");box.value;//返回undefined为甚是undefined?这边文章不是赫然写着document.getElementsByClassName是原生js的函数吗?不可能没拿到class对象啊带着疑问又开始问度娘...... 度娘告诉我document.getElementsByClassName拿到的是数组并非某一个对象,然后又试了一下。varbox=document.getElements...

jQuery 选择同时包含两个或多个class的元素的实现方法

Jquery选择器多个class属性参照以下案例<elementclass="abgoodlistcard">1.交集选择:$(".a.b")--选择同时包含a和b的元素。2.并集选择:$(".a,.b")--选择包含a或者包含b的元素。3.依次过滤$(“.good”).filter(“.list”).filter(“.reyo”)4.属性选择$(“[class='goodlistreyo']“);此处顺序必须一致才行5上去就是干用$(“.good.list.reyo”)...

Xcode 安装ClangFormat 插件

sudogeminstall-n/usr/local/binupdate_xcode_plugins安装ClangFormatgitclonehttps://github.com/travisjeffery/ClangFormat-Xcode.git.安装Alcatrazgitclonehttps://github.com/alcatraz/Alcatraz.git.安装VVDocumentergitclonehttps://github.com/onevcat/VVDocumenter-Xcode.git....

Launch 启动全屏 隐藏上方状态栏

 1:statusBar字体为白色  在plist里面设置Viewcontroller-basedstatusbarappearance为NO;设置statusBarStyle为UIStatusBarStyleLightContent  2:设置statusBar和navigationbar为一体  [nav.navigationBarsetBackgroundImage:[UIImageimageNamed:@"bg_navbar.png"]forBarPosition:UIBarPositionTopAttachedbarMetrics:UIBarMetricsDefault];...

Comparison method violates its general contract 解决

java.lang.IllegalArgumentException:Comparisonmethodviolatesitsgeneralcontract!原因JDK7中的Collections.Sort方法实现中,如果两个值是相等的,那么compare方法需要返回0,否则 可能 会在排序时抛错,而JDK6是没有这个限制的。在JDK7版本以上,Comparator要满足自反性,传递性,对称性,不然Arrays.sort,Collections.sort会报IllegalArgumentException异常。说明:1)自反性:x,y的比较结果和y,x的比较结果相反。2)传递性:x>y,y>z,则x>z。3)对称性:x=y,则x,z比较结果和y,z比较结果相同。 改一下系统设置,还是选择使用老版本的排序方法,在代码前面加上这么一句话:System.setProperty("java.util.Arrays.useLegacyMergeSort","true");或者-Djava.util.Arrays.useLegacyMergeSort=...
首页上一页...389390391392393...下一页尾页