草庐IT

4.CSS盒子模型

全部标签

javascript - 如何在初始 View 模型加载为空时初始化 Knockout View 模型

我正在使用Knockout来实现类(class)列表选择工具。我正在使用下面的方法来填充数据(MVC3/Razor),以便在最初填充View模型时,我可以毫无问题地使用每个KO数组(即CourseList、ScheduleList)。但是,当服务器的初始加载返回零行时,这意味着View模型的“ScheduleList”属性为空,则无法调用任何方法,例如.push()或.removeAll()。据推测,这意味着从未创建可观察数组,因为没有任何东西可以填充它。填充模型后,ScheduleList属性会填充一个列表。当MVC操作将其返回为空时,实例化它的最佳方法是什么?有一个jsFiddle

javascript - 在模型更改时触发自定义 AngularJS 表单验证

我有一个自定义验证指令,用于确保两个日期在有效范围内。当用户更改值时该指令工作正常,但是当我通过AJAX加载新的lineItem模型时它不会触发。问题是用户可以在表单中输入无效日期并触发错误,然后加载另一个lineItem。此时,即使表单中的数据有效,表单上也会出现错误消息。如果我尝试使用Angular的内置验证(如required)做同样的事情,验证会触发并适当消失。那么,我需要做什么才能使我的验证触发方式与Angular的触发方式相同?(注意:我在表单属性和Angularv1.1.5上使用novalidate)指令ngApp.directive("validateBefore",f

javascript - 继承 Sails.js 模型的属性和生命周期函数

我想创建一组在我的所有Sails.js模型之间共享的自定义属性和生命周期方法。Sails.js通过调用Waterline.Collection.extend()方法并提供在/api/models中找到的模型定义来自动创建和注册模型对象目录。从父项扩展我的模型定义的最佳方式是什么?我已经尝试使用_.extend(sails.config.model.parentModel,childModel)但遗憾的是sails对象没有全局公开(因为这是在加载orm之后完成的)钩)。我也可以简单地require()我所有模型中的基本模型并扩展它。什么是适合Sails的简洁方法?

javascript - Asp.Net MVC 4 从表单发布中的对象数组自动绑定(bind)模型

我在JavaScript中构建了一个对象数组,并希望通过Ajax将它们发回服务器(我正在使用jQuery)JavaScript对象数组如下所示:varcolumns=[{name:'col1',source:'whatever',hidden:false,width:50},...];我是这样回发的:$.post('/MyController/MyAction',{'columns':columns});在Controller操作上我目前得到这个:我有一个名为JqColumn的C#对象,我想将帖子绑定(bind)到该对象中,它看起来像这样:publicclassJqGridColumn

javascript - ReactJS 中什么是更快的原始 CSS 或内联样式?

如果您将所有CSS都作为内联样式,ReactJS虚拟DOM是否会使您的应用程序更快?VS使用原始.css文件?http://facebook.github.io/react/tips/inline-styles.html另请参阅关于JavaScript中CSS的ReactJS演示文稿:https://speakerdeck.com/vjeux/react-css-in-js 最佳答案 浏览器已投入多年努力,使其CSS样式表解析+渲染引擎速度极快且内存效率高。内联样式并没有完全相同的处理方式。然而好的一面是,如果您正在创建正常大小的应

javascript - angular 2模型驱动的嵌套表单组件

我有什么:我正在构建一个ionic2应用程序并构建了一个基本的angular2组件,其中包含一个输入框显示输入标题的标签显示任何验证错误的标签我将把它称为我的输入组件我有一个带有表单的页面组件,目前有文本输入。1个常规输入(密码)和1个包装在我的输入组件(用户名)中的输入。这是我页面组件的相关部分ngOnInit(){this.loginForm=this.formBuilder.group({username:['',Validators.required],password:['',Validators.required]});}这是页面组件模板PasswordThisfieldi

生成器的 Javascript 堆栈模型

当我使用javascript生成器为小型方案解释器实现调试器时,我开始想知道堆栈模型,例如chromejavascript引擎。通常函数调用帧有一个堆栈就足够了。在生成器的情况下,我可以让函数调用执行另一条路径,然后跳回到部分执行的生成器,即将堆栈的一部分放入剩余的生命中。这是如何实现的,例如在chrome或firefoxjavascript引擎中?整个虚拟栈是由几个虚拟栈组成的还是yield时剩下的那部分栈写入生成器对象?然后它可以在再次进入生成器时放回堆栈。 最佳答案 生成器仍然在与普通函数相同的单个调用堆栈上运行。不存在评估在

javascript - JavaScript 和 CSS 中类似 iBooks 的翻页?

好的,我一直在google上搜索,希望这里有人知道一个地方可以指点我。我正在寻找JavaScript的翻页动画,它与Apple对iBooks所做的很接近,只翻一页就只显示下一页。(编辑:也许我的描述不够清楚:我正在寻找一种翻页效果,它可以将整个普通的HTML网站(例如想象一下这个stackoverflow页面)转换到另一个页面,例如“通过应用翻页效果添加问题”屏幕,例如单击“提问”时。我知道这可能是一件很难实现的事情,因为它涉及准备好数据、显示一页、制作过渡效果然后显示第二页,而第一页可以从内存中释放。尽管如此,随着HTML5、JS和CSS的热潮,我希望有人制作了这样的过渡效果,我希望

javascript - 粘性 header CSS/JS

我今天找到了这个网站http://www.forward-thinker.co.uk/.有谁知道如何制作这样的粘性标题。? 最佳答案 该特定站点使用jQuery的$(window).scrollevent.它检查滚动区域的顶部($(this).scrollTop();)是否低于特定高度。如果是这样,它会向标题的css添加一个包含position:fixed的类(它还会更改其高度,因为只有部分标题滚动)。如果滚动到的区域更靠近顶部,脚本会从标题的css中删除包含position:fixed的类,并将高度更改回其原始值。

javascript - 当发生多个转换时,如何检测 'specific' 元素上的 CSS 转换结束?

我一直在使用以下方法来检测CSS3过渡的结束,如下所示:-CACHE.previewControlWrap.css({'bottom':'-217px'}).one('webkitTransitionEndtransitionendmsTransitionEndoTransitionEnd',function(){CACHE.songWrap.css({'bottom':'0'});});这很完美,一个CSS转换发生,然后当它完成时,另一个发生。但是,当我将这个匿名函数嵌套到第三层时,它不起作用。第三个过渡“结束”事件与第二个同时触发,而不是将它们一个接一个地链接起来(就像jQuery