阅读更多

0顶
0踩

Web前端

翻译新闻 Visual Studio 11 中针对 HTML5 的相关改进

2012-03-19 17:20 by 正式编辑 nemohq 评论(0) 有5345人浏览
Mads Kristensen 在TechDays 2012 海牙站上发表了一场很有趣的演讲,演讲内容是关于在Visual Studio 11和ASP.NET 4.5中所有的新功能和新选项。

然而,当我们浏览这些新功能列表时,我们获得的印象是,这一次的主要焦点在web标准和HTML5上。为了使HTML5、CSS 3和Javascript 能够在Visual Studio环境中相当容易的被使用,微软做了很多工作。Javascript 和CSS 编辑器都是全新构建的。因此,它们能够处理所有Javascript 和CSS最新版本提供的新功能。现在,让我们看看Visual Studio 11为支持构建适应最新web标准和HTML5的应用提供了哪些新东西吧。

自动CSS Hacks

我们都知道HTML5和CSS3效果很酷而且简单易行。但是,当创建一个更复杂的web应用程序时,常用的方法是我们需要针对特定的浏览器做出与之相应的设置(这一过程我们把它叫做CSS Hacks)。而这一步骤可能会花去很多时间并且结果令人沮丧。Visual Studio 11通过智能提示以及‘*’和‘_’hacks属性验证来支持CSS Hacks。


CSS的注释和反注释规则

在CSS编辑器里写代码时,有多少次我们为不能用快捷键CTRL+K,C去注释和用CTRL+K,U去反注释而感到沮丧呢?这些指令为什么我们可以在其他开发环境中使用,却不可能在CSS编辑器里使用呢?幸运的是,这种情况已经得到改观,而且,从现在开始,我们不仅可以在代码编辑器里使用这些快捷键,在CSS编辑器里同样可以使用。

CSS编辑器里的代码段

代码分段是Visual Studio一个强大的工作机制。唯一的问题是它只能被用在代码编辑器里,CSS编辑器则不具备这一功能。但在新的VS的集成开发环境里,这一状况已经被改善。现在,许多需要一些特殊浏览器设置的CSS3属性都成为准备片段的一部分。


拾色器

新的CSS编辑器的功能已经被加强,你现在可以通过智能提示来选择一种在你的样式表里已经存在的颜色,或者干脆是通过拾色器控件来选择其它颜色。此功能在Scott Guthrie 的一篇博客文章里有详细的说明。

Javascript 编辑器

在Visual Studio 使里用Javascript 最大的问题是它运行起来通常比较慢(尤其是当你正在调试的时候)。而新版本的Javascript 编辑器是基于Chakra引擎的,这将使运行加快。

此外,VS的Javascript 编辑器还有其它一些额外的改进,以确保它对于开发者来说能力更强大,更具有可用性。通过添加一些在代码编辑器和其它新工具里可用的选项,这一目标已大部分被实现。下面,我罗列出一些最有趣的选项:

  • “转到定义”选项。你现在在Javascript 的文件里也可以使用这一选项,从而可以更快的从一个函数跳转到另一个函数。
  • 大括号的匹配。你是否经常遇到一些由于括号不完整而造成Javascript 抛出错误的问题?然后,你是不是不得不一个接一个的寻找那个被遗漏的括号呢?在这款新的Javascript 编辑器里,这个问题将不会出现。“括号匹配”这样一个在代码编辑器里表现出色的功能也将被添加到Javascript 编辑器里。它以这样的方式来运行——当你把指针放在其中一个括号上时,它会自动地高亮显示和它匹配的那一个括号。
  • 隐式引用。现在你可以添加某一个JS文件到中心文件列表里,而没有必要去把它添加到每一个要使用它的地方。更好的是,当一个Javascript 文件被添加到中心文件列表里时,它会生成一个智能提示以表示这个文件对于其他任何一个Javascript 代码块或文件都是可用的。
  • 支持ECMAScript5。 ECMAScript5 是最新版本的标准,此标准用以描述Javascript,JScript 和ActionScript 语言。新的Javascript 编辑器支持ECMAScript5中新的syntax和APIs 。
革命或只是进化?

读完这篇文章后,你可以得出这样一个结论:VS11包含了对CSS3、HTML5和Javascript的相当轻微的改善。真正的革命没有发生。可是另一方面,当你把上述所有的变化加起来后,你会发现整个VS开发环境的可用性有了一个相当大的改善。而这些改善,将更有利于前端开发。

英文原文:HTML5, CSS3 and Javascript improvements in Visual Studio 11
  • 大小: 30.1 KB
  • 大小: 11.7 KB
0
0
评论 共 0 条 请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 【集合】Map概述,Map与Collection的区别,Map的方法、集合的遍历,HashMap和Hashtable的区别,ArrayList嵌套,LinkedHashMap,TreeMap,Coll

    【集合】Map概述,Map与Collection的区别,Map的方法、集合的遍历,HashMap和Hashtable的区别,ArrayList嵌套,LinkedHashMap,TreeMap,Collectios ions类

  • collection和map

    ArrayList和LinkedList区别。hashmap的数据结构以及插入删除流程。collection和map区别。set和list的区别。

  • Collection和map的区别

    Collection: 1、Collection是最基本的集合接口,一个Collection代表一组Object,即Collection的元素(Elements)。 一些Collection允许相同的元素而另一些不行。一些能排序而另一些不行。 Java SDK不提供直接继承自Collection的类,Java SDK提供的类都是继承自Collection的“子接口”如List和Set。 2、所有实现Collection接口的类都必须提供两个标准的构造函数:无参数的构造函数和有一个Collection参数的构

  • LinkedList、ArrayList、 Vector、HashSet、 TreeSet、HashMap、TreeMap的用法 区别和使用场景...

    集合框架:Java中预定义的一些数据结构类 集合框架是定义在Java.util包中 Collection |--------List |----------LinkedList |----------ArrayList |-----...

  • 集合框架Collection与Map的区别和基本使用

    Map:不能包括两个相同的键,一个键最多能绑定一个值。null可以作为键,这样的键只有一个;可以有一个或多个键所对应的。Collection和Map接口之间的主要区别在于:Collection中存储了一组对象,而Map存储关键字/值对。Collection接口,包含list、Queue和set子接口 (Queue接口不常用)在Map对象中,每一个关键字最多有一个关联的值。list是有序的,set是无序的。...

  • 简述集合中collection 和map的分类和区别

    1-collection元素是单列的,map是以键值对存在。2-collection可以分为两类list和set;    list是有序的可重复的,允许存在空值,且允许存在多个空值。list可以分为两类:ArrayList和LinkedList.        ArrayList 是基于数组实现的,简单来说就是和数组很像,同时解决了数组的有一些缺点。他也是有序有下标,与数组不同的是,普通的数组删除...

  • Collection集合和map集合的种类区分

    集合主要有Collection和Map接口。 List特点:元素有放入顺序,元素可重复 Map特点:元素按键值对存储,无放入顺序 Set特点:元素无放入顺序,元素不可重复(注意:元素虽然无放入顺序,但是元素在set中的位置是有该元素的HashCode决定的,其位置其实是固定的) List接口有三个实现类:LinkedList,ArrayList,Vector LinkedList...

  • Collection 和 Map 遍历过程的区别

    1:Collection 和 Map 都是Java体系为我们提供的强大集合工具,他们的遍历是最多的操作,那么他们有什么不同呢?请看如下代码import java.util.Collection; import java.util.Iterator; import java.util.Map; import java.util.Map.Entry; import java.util.Set;p

  • java集合对象排序_Java集合中对象排序

    集合中的对象排序需求还是比較常见的。当然我们能够重写equals方法,循环比較;同一时候Java为我们提供了更易使用的APIs。当须要排序的集合或数组不是单纯的数字型时,通常能够使用Comparator或Comparable。以简单的方式实现对象排序或自己定义排序。以下通过两个样例分别用Comparable和Comparator实现对User对象中年龄排序。Comparable接口方式类自身实现C...

  • java中常用的几个集合类

    //TODO //未完成 //不过先发了吧 //包含Collection(集合),List,Set,Map(图),以及其Iterator,Comparator,Cloneable,还有常用的具体实现类 //List<List<String>>集合的嵌套使用 //1、是否允许空 //2、是否允许重复数据 //3、是否有序,有序的意思是读取数据的顺序和存放数据的顺序是否...

  • Java集合排序

    Java集合排序 Java集合排序Java集合排序@[TOC](Java集合排序)主要内容一、集合中的基本数据类型排序例题二、集合中的字符串排序三、Comparator四、Comparable数组的排序 主要内容 一、集合中的基本数据类型排序 使用Collections类的sort()方法 sort(List list)根据元素的自然顺序对指数列表按升序进行排序 例题 对整形进行排序 import java.util.ArrayList; import java.util.Collections;

  • Java面试:Hashtable、HashMap、TreeMap 、ArrayList、Vector、LinkedList

    map 三者均实现了Map接口,存储的内容是基于key-value的键值对映射,一个映射不能有重复的键,一个键最多只能映射一个值。 (1) 元素特性 HashTable中的key、value都不能为null;HashMap中的key、value可以为null,很显然只能有一个key为null的键值对,但是允许有多个值为null的键值对;TreeMap中当未实现 Comparator 接口时,key...

  • java list对象排序_java中对List集合对象做排序

    昨天遇到要用下拉框显示地区列表,当时做出来后发现选项太多,选择某个地区很难找到,我就想到应该对这个做一个排序。现在记下,仅用作自己复习和菜鸟参考之用,有问题请留言。这个List中存放的是一个对象Area--包含有很多属性,中国人比较习惯的索引方式是按拼音索引。正好Area有一个属性为code存放的就是拼音。Listareas=areaService.getAllArea();Collection...

  • java list对象排序_Java 对象集合List排序的5种方式

    目标明确排序对象类public class Student{private String name;private Integer age;public Student(String name, Integer age) {this.name = name;this.age = age;}public Student() {}@Overridepublic String toString() {r...

  • ArrayList、LinkedList、Vector、HashSet、Treeset、HashMap、TreeMap的区别和适用场景

    ArrayList与LinkedList的区别和适用场景 Arraylist: 优点:ArrayList是实现了基于动态数组的数据结构,因为地址连续,一旦数据存储好了,查询操作效率会比较高(在内存里是连着放的)。 缺点:因为地址连续, ArrayList要移动数据,所以插入和删除操作效率比较低。    LinkedList: 优点:LinkedList基于链表的数据结构,地址是任...

  • java list大小排序_List集合对象中按照不同属性大小排序的实例

    实例如下:package com.huad.luck;import java.util.ArrayList;import java.util.Collections;import java.util.Comparator;import java.util.List;public class Test {public static void main(String[] args) {Person p...

  • 说说Java集合类结构

     Collections(工具类) 和 Collection(集合顶层接口) 的区别首先, “Collection” 和 “Collections” 是两个不同的概念. 从下面几幅图可知,“Collection”是集合继承结构中的顶层接口,而 “Collections” 是提供了对集合进行操作的强大方法的工具类.Collection继承结构下图展示了集合类的层次结构关系: Map 类层次结构相关类...

  • 容器,Map对象的遍历方法,HashMap与TreeMap区别,Vector、ArrayList、LinkedList区别

    容器 Map对象遍历方法 1)for(Map.Entryentry : map.entrySet()) 2)for(Object key : map.keySet()) 或者 for(Object value : map.values()) 3)使用Iterator遍历 HashMap与TreeMap区别 HashMap通过hashcod

  • Collection,Map,HashMap,hashTable,TreeMap,List,Vector,ArrayList的区别

    Collection接口,包含list和set子接口 Collection和Map接口之间的主要区别在于:Collection中存储了一组对象,而Map存储关键字/值对。 在Map对象中,每一个关键字最多有一个关联的值。 Map:不能包括两个相同的键,一个键最多能绑定一个值。null可以作为键,这样的键只有一个;可以有一个或多个键所对应的 值为null。当get()方法返回null值时,即可以表示...

Global site tag (gtag.js) - Google Analytics