介绍使用过 JavaScript框架(如 AngularJS, Backbone 或者Ember)的人都很熟悉在UI(用户界面,前端)中mvc的工作机理。这些框架实现了MVC,使得在一个单页面中实现根据需要变化视图时更加轻松,而模型-视图-控制器(mvc)的核心概念就是:处理传入请求的控制器、显示信息的视图、表示业务规则和数据访问的模型。因此,当需要创建这样一个需要在单个页面中实现切换出不同内容的应用时,我们通常选择使用上述框架之一。但是,如果我们...
本文给大家简单介绍了NodeJS里最常用的测试框架--mocha的安装以及简单的使用方法,支持直接在browser上跑Javascript代码测试,这里推荐给大家NodeJS里最常用的测试框架估计就是mocha了。它支持多种node的assert libs, 同时支持异步和同步的测试,同时支持多种方式导出结果,也支持直接在browser上跑Javascript代码测试。本文示例大多源于官网示例,部分示例结合需要或自己的感想有所改动。更多介绍请看 官方网址:Mocha on Github...
本篇文章主要介绍了nodejs6下使用koa2框架实例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧koa2里面使用ES7的语法,如async、await所以需要运行在node7.6之后;但在node7.6之前也可以利用babel是的koa2可以运行。首先项目中安装babel,和babel的几个模块:npm install babel babel-register babel-preset-env --save然后在入口文件中引入‘babel-register模块require(babel-register);而后引入业...
这篇文章主要介绍了JavaScript运动框架的第五部分,链式运动到完美运动,具有一定的参考价值,感兴趣的小伙伴们可以参考一下基于前几篇的运动框架基础,本文主要讲解一下链式运动,就是运动完后接着再运动,比如很多网站中,一个方框的出现和退出:出现时先变宽再变高,退出时先变矮再变窄退出! 之前的模型是:startMove(obj, json);现在改为:startMove(obj, json, fn);也就是在第一次运动结束的时候执行fn(); fn是传过来的一个参...
这篇文章主要为大家详细介绍了JavaScript运动框架的第二部分,解决防抖动问题、悬浮对联问题,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文实例是对JavaScript运动框架(一)的应用scrollTop:有时候网页很长,其高度大于显示器高度,会产生滚动,那么在高度方向上,“滚走”的部分就是scrollTopvar scrollTop = document.documentElement.scrollTop || document.body.scrollTop;offsetTop:此属性可以获取元素的上外缘距...
这篇文章主要为大家详细介绍了JavaScript运动框架的第三部分,多物体任意值运动,具有一定的参考价值,感兴趣的小伙伴们可以参考一下前面两篇都是单物体的运动,本文开始讲多物体的运动,比如多个p的各自不同的属性如宽,高,字体大小,透明度的缓冲运动变化。从本文起,就不再使用offsetWdith,offsetHeight了等等,因为会出现问题,比如加个border,offsetWidth就会出现严重问题,参见我个人的博客JavaScript中offsetWidth的bug及...
这篇文章主要为大家详细介绍了JavaScript运动框架第四部分,多值运动,具有一定的参考价值,感兴趣的小伙伴们可以参考一下多值运动,也就是对于某个对象来说,不仅仅只是其中一个属性值在变化,而是好多个,比如宽,高,字体,透明度等等同时变化当然了,多值运动会产生一个问题,就是定时器何时关闭的问题!当然是所有的属性值都运动到目标值了才能清理定时器,也就是等最慢的。就好比十个人一起聚餐,不能等到来一个人就开吃!前...
这篇文章主要为大家详细介绍了JavaScript运动框架的第一部分,解决速度正负取整问题,具有一定的参考价值,感兴趣的小伙伴们可以参考一下这里说的运动是指缓冲运动,缓冲运动会使物体逐渐‘着陆,而不是‘硬着陆,到达目标位置的过程中速度越来越慢,看起来很舒服。缓冲的特点:速度随着距离的缩短而降低速度 = (目标值 - 当前值) / 缩放系数;速度一定要是整数比如,一个p从最左边运动到left等于400的位置停下,可以如下实现:<...
本篇文章主要介绍了nodejs6下使用koa2框架实例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧koa2里面使用ES7的语法,如async、await所以需要运行在node7.6之后;但在node7.6之前也可以利用babel是的koa2可以运行。首先项目中安装babel,和babel的几个模块:npm install babel babel-register babel-preset-env --save然后在入口文件中引入‘babel-register模块require(babel-register);而后引入业...
xmlplus 介绍xmlplus 是一个设计非常独特 JavaScript 框架,用于快速开发前后端项目。基于组件设计在 xmlplus 中,组件是基本的构造块。评价组件设计好坏的一个重要标准是封装度。基于 xmlplus 设计的组件具有极高的封装度。下面是一个简单的组件示例:Widget: {css: "#widget{ color: red; }",xml: `<h1 id=widget>default</h1>`,fun: function (sys, items, opts) {sys.widget.text("hello, world"); }}注意,这个组件包含的样式...
xmlplus 是一个JavaScript框架,用于快速开发前后端项目。这篇文章主要介绍了JavaScript框架(xmlplus)组件的介绍(一)图标(ICON),具有一定的参考价值,感兴趣的小伙伴们可以参考一下网页上使用的图标分可为三种:文件图标、字体图标和 SVG 图标。对于文件图标,下面仅以 PNG 格式来说明。PNG 图标对于 PNG 图标的引用,有两种方式。一种是直接由 HTML 元素 img 的 src 属性给出。下面是一个简单的示例。Icon: {css: "#icon {...
xmlplus 是一个JavaScript框架,用于快速开发前后端项目。这篇文章主要介绍了xmlplus组件设计系列之按钮,具有一定的参考价值,感兴趣的小伙伴们可以参考一下除了图标以外,按钮也许是最简单的组件了,现在来看看如何定义按钮组件。使用原生按钮组件在 xmlplus 中,HTML 元素也以组件的方式存在。所以,你可以直接通过使用 button 标签或者 input 标签来使用按钮组件。如下示例所示:Example: {xml: "<p id=example>\<button>Defau...
xmlplus 是一个JavaScript框架,用于快速开发前后端项目。这篇文章主要介绍了xmlplus组件设计系列之文本框,具有一定的参考价值,感兴趣的小伙伴们可以参考一下文本框是页面中最常用的输入组件,它的默认使用方式如下:<input type=text/>当然,这里的 `type=text 可以略去不写。大部分情况下,使用默认的文本框作为输入组件是没什么问题的,但在具体的项目中,难免会有功能扩展的需求。这里仅以如何增加文本框数据的格式化输入输出...
xmlplus 是一个JavaScript框架,用于快速开发前后端项目。这篇文章主要介绍了xmlplus组件设计系列之列表,具有一定的参考价值,感兴趣的小伙伴们可以参考一下列表组件是极其常用的一类组件,是许多视图组件系统的必须包含的。列表可以做的很简单,只显示简洁的内容。列表也可以做的很复杂,用于展示非常丰富的内容。组成元素列表离不开列表项以及包含列表项的容器。下面是最简单的列表组件,它包含一个列表项组件 Item 以及一个列表...
xmlplus 是一个JavaScript框架,用于快速开发前后端项目。这篇文章主要介绍了xmlplus组件设计系列之选项卡,具有一定的参考价值,感兴趣的小伙伴们可以参考一下这一章将设计一个选项卡组件,选项卡组件在手持设备上用的比较多,下面是一个示意图:选项卡组成在具体实现之前,想像一下目标组件是如何使用的,对于设计会有莫大的帮助。通过观察,可以将选项卡组件分为容器部分和子项部分,正如下面的 XML 结构所展示的。<Tabbar id="...