大前端 - TOMMYHU - 专注互联网开发及运营技术,提供相关资料及软件下载,奇趣网络时事评论!
Pages: 14/43 First page Previous page 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 Next page Final page [ View by Articles | List ]
Nov 30

2014 十月底在巴黎举行的ng-europe大会上,Angular团队为与会者介绍了即将到来的AngularJS 2.0版本的细节。新版本对1.x版本进行了重大的颠覆,当前还没有任何迁移指南,此外它还是基于一个名为AtScript的新语言进行开发的。

对于熟悉Angular 1.X版本的开发者来说,他们将看到一个完全不同的框架,并且必须学习一种新的架构。在一堂关于版本2.0的变更的讲座中,Igor Minar 和 Tobias Bosch介绍了新的模板语法:

http://cdn3.infoqstatic.com/styles/i/green_border.jpg) -29px 0px repeat-y rgb(244, 244, 244);"><input type="text" [value]="firstName"><button (click)="addPerson()">Add</button>

这种新语法将数据绑定到元素的属性(property)上,而不是特性(attribute)上。这就允许你使用以下语法:

http://cdn3.infoqstatic.com/styles/i/green_border.jpg) -29px 0px repeat-y rgb(244, 244, 244);"><input type="checkbox" [checked]="someProperty">

看上去类似于标准的HTML,但这个复选框元素不会暴露出checked特性。新的模板引擎将数据绑定到元素的属性上,即使这些属性并非由DOM所暴露出的特性。

与新架构引起的其它剧变相比,新的模板语法只是一个相对较小的改动。与会者之一的Michael Bromley描述了一些新版本的一些破坏性改动,版本2.0取消了1.X中的以下概念

        
  • 控制器(Controller)
  •     
  • (Directive定义对象)
  •     
  • $scope
  •     
  • angular.module
  •     
  • jqLite
Nov 16

 http://blog.csdn.net/yanghua_kobe/article/details/17199417

 

 

项目简介

 

这是一个资产管理项目,主要的目的就是实现对资产的无纸化管理。通过为每个资产生成二维码,来联合移动终端完成对资产的审核等。这个项目既提供了Web端的管理界面也提供移动端(Andorid)的资产审核、派发等相关功能。
我们用Node.js构建该项目的Web端以及移动端的Serveice API。

项目主框架:Express 简介

 

 

Express 是一个非常流行的node.js的web框架。基于connect(node中间件框架)。提供了很多便于处理http请求等web开发相关的扩展。
Express简单的结构图:

 

Express的特性:

        
  • 基于Connect构建
  •     
  • 健壮的路由
  •     
  • 提供丰富的HTTP处理方法
  •     
  • 支持众多视图模板引擎(14+)
  •     
  • 内容协商
  •     
  • 专注于提供高性能
  •     
  • 环境基于配置
  •     
  • 快速构建可执行的应用程序
  •     
  • 高测试覆盖率

前端框架简介

Bootstrap

Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师MarkOtto和JacobThornton合作开发,是一个CSS/HTML框架。Bootstrap是简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。
同时,很多基于Bootstrap的开源插件也让Bootstrap社区更加活跃。
最新的Bootstrap3提供了非常强的定制化特性。包括Less,jQuery插件等。
Bootstrap 为您提供了所有这些基本的模块- Grid、Typography、Tables、Forms、Buttons和Responsiveness。
此外,还有大量其他有用的前端组件,比如Dropdowns、Navigation、Modals、Typehead、Pagination、Carousal、Breadcrumb、Tab、Thumbnails、Headers等等。
有了这些,你可以搭建一个Web 项目,并让它运行地更快速更轻松。
此外,由于整个框架是基于模块的,你可以通过定制你自己的CSS来使得它满足你的特殊需求。
它是基于几种最佳实践,我们认为这是一个很好的开始学习现代Web 开发的时机,一旦你掌握了HTML 和JavaScript/jQuery 的基本知识,你就可以在Web 开发中运用这些知识。

Aug 31
  2011年,作为WEB行业中关注的焦点之一就是HTML5的发展。笔者也在很多站长网看多许多这方面的文章,但是笔者发现好像很少有能直接提出是否HTML5标准的WEB页面可以影响到站点的流量及真正的与优化有关系的文章。笔者将在即将结束的2011年发表关于一年来笔者对于HTML5的认识。首先我们先要知道新标准在WEB上有什么优点及缺点。

  HTML5的优缺点

  HTML5作为WEB标准的最新版本自认而然有许多显得改进。其中HTML5使WEB在用户的可用性和友好体验度上达到一定的提高;HTML5上有几个新的标签,这可以使开发人员可以更加开放方便的构建站点;可以更好的支持多媒体的元素,这包含视频和音频;可以很好的解决FLASH的局限性;在站点页面的抓取和索引方面,HTML5会更有优势;可以被大量的涌入移动应用程序APP及游戏的开发等等。

  当然HTML5也有一定的缺点,我们可以这么说:Html5可以使WEB更加的美好,但是这天还不是现在。由于HTML5还出去起步阶段,目前并不能很好的被浏览器所支持。目前主流的浏览器都趋向于支持HTML5,但是仍还存在许多的不兼容不支持。
Aug 12
使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作
1、jquery获取url很简单,代码如下

其实只是用到了javascript的基础的window对象,并没有用jquery的知识
2、jquery获取url参数比较复杂,要用到正则表达式,所以学好javascript正则式多么重要的事情
首先看看单纯的通过javascript是如何来获取url中的某个参数

通过这个函数传递url中的参数名就可以获取到参数的值,比如url为
http://www.xxx.loc/admin/write-post.php?cid=79
我们要获取cid的值,可以这样写:
getUrlParam('cid');
明白了javascript获取url参数的方法,我们可以通过这个方法为jquery扩展一个方法来通过jquery获取url参数,下面的代码为jquery扩展了一个getUrlParam()方法

为jquery扩展了这个方法了之后我们就可以通过如下方法来获取某个参数的值了

如果你对jquery添加扩展方法不太明白,可以参考 jquery插件开发教程
Aug 12

1.autoNumeric  自动千分位格式化

2.bestUpper  转换大写

3.ComboSelect 双列表框增减

4.In-field Input Label 自动插入占位符

5.JQF1 JQuery FormOne Form styling  表单元素插件

6.jQuery Form Wizard

7.uery Chosen Plugin

8.JQUERY PLUGIN: CLEARFIELD  文本框空值时的显示

9.poshytip

10.jExpand 扩展表格

var settings = $.extend({}, defaults, options);

执行这段代码,将合并defaults和options,并保存在settings和空对象{}里,而defaults里面的内容不会受到更改。

Aug 12

效果:
Highslide JS

效果:
Highslide JS
Aug 6
Highslide JS
如上图,添加日期和销售额里面的内容,怎么才可以使旁边的图表也动态的添加一个红柱子呢?这就要用到“名称”。我们可以定义名称,名称定义的区域可以是一个动态的区域,如上图,我们定义名称日期 =OFFSET(Sheet1!$A$2,0,0,COUNTA(Sheet1!$A:$A)-1,1)  表示取第一行中除了第一列的区域为区域。Sheet1!$A$2表示从A2单元格起,COUNTA(Sheet1!$A:$A)-1表示计算A行内非空单元格数量,由于要出去第一列,故要减1.其他参数表示没有偏移量,和步幅为1。定义名称销售 =OFFSET(Sheet1!$B$2,0,0,COUNTA(Sheet1!$B:$B)-1,1) 。具体含义相似。
定义"名称"使得EXCEL图表动态更新定义"名称"使得EXCEL图表动态更新
Highslide JS
定义名称的步骤为:插入->名称->定义,在第一个输入栏中,给所要取的名称定义一个名字,在引用位置中输入OFFSET函数,注意OFFSET函数中的各个参数注意输入法格式,最好利用鼠标选取。
定义"名称"使得EXCEL图表动态更新
Highslide JS
最后在建立图表后,可以设置源数据了。值=Book1.xls!销售,X轴=Book1.xls!日期。Book1.xls为你EXCEL文件的名字。
这样,全部的步骤就基本完成了,其他美化表格的步骤,在此不赘述。添加日期和销售额的数据后,图表就动态更新了。
Jul 31
js格式化MAC地址字符串
Pages: 14/43 First page Previous page 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 Next page Final page [ View by Articles | List ]