艾伟_转载:VS 2010 和 .NET 4.0 系列之《代码优化的Web开发Profile》篇

简介: 本系列文章导航VS 2010 和 .NET 4.0 系列之《ASP.NET 4 中的SEO改进 》篇VS 2010 和 .NET 4.0 系列之《干净的Web.Config文件 》篇VS 2010 和 .

本系列文章导航

VS 2010 和 .NET 4.0 系列之《ASP.NET 4 中的SEO改进 》篇

VS 2010 和 .NET 4.0 系列之《干净的Web.Config文件 》篇

VS 2010 和 .NET 4.0 系列之《起始项目模板》篇

VS 2010 和 .NET 4.0 系列之《多定向支持》篇

VS 2010 和 .NET 4.0 系列之《多显示器支持》篇

VS 2010 和 .NET 4.0 系列之《代码优化的Web开发Profile》篇

VS 2010 和 .NET 4.0 系列之《ASP.NET, HTML, JavaScript 代码片段支持》篇

VS 2010 和 .NET 4.0 系列之《自动启动ASP.NET应用》篇

VS 2010 和 .NET 4.0 系列之《在ASP.NET 4 Web Forms中实现URL导向》篇

VS 2010 和 .NET 4.0 系列之《在VS 2010中查询和导航代码》篇

VS 2010 和 .NET 4.0 系列之《VS 2010代码智能提示的改进》篇

VS 2010 和 .NET 4.0 系列之《添加引用对话框的改进》篇

VS 2010 和 .NET 4.0 系列之《内置图表控件》篇

  这是我针对即将发布的VS 2010 和 .NET 4所撰写的 贴子系列的第五篇。

  今天的贴子讨论一个我们在VS 2010中新引进的“Web开发 (代码优化了的/Code Optimized)”配置集(profile)选项,它允许你可选择地配置Visual Studio在这样一个IDE布局模式中运行,该模式隐藏了“所见即所得(WYSIWYG)” web设计器,围绕着丰富的“侧重于代码编辑”的工具体验做了优化。

  VS 2010 Web 配置集(profiles)

  在你第一次运行VS 2010时,它会提示你选择一个要使用的IDE profile。你所选择的profile会配置工具窗口在IDE中是怎么默认显示和定位的,并且设置默认的键盘快捷键。然后你可以使用IDE中的“工具->选项”菜单对这些设置进行定制,对它们进行修改。之后,你还可以通过选择“工具->导入和导出设置”菜单命令进行重置,选择不同的profile。

  在你第一次运行VS 2010 Beta2时,你会注意到选项列表中包含了2个“Web开发”profile:

  第一个“Web开发” profile 是VS 2008中现有web开发profile选项的演化版(内含一些很棒的帮助改善VS 2010中屏幕使用面积方面的改进)。它还允许你利用我们在VS 2010中完成了的极好的WYSIWYG HTML和ASP.NET网页设计器方面的所有改进(在这个系列的以后贴子中,我会对此做详述)。

  第二个“Web开发(Code Optimized)” profile 选项是我们在VS 2010中新引进的 profile ,针对那些在做web开发时不想要使用WYSIWYG设计器的web开发人员做了优化,这些开发人员在开发网页时看重“源码唯一(source only)”的编辑体验。这个IDE profile 选项把WYSIWYG网页设计器隐藏了起来,配置一个最大化显示在屏幕上代码量的默认IDE布局(带最少的工具条和工具窗口),它还给网页提供了完整的intellisense/调试和源码编辑器体验。

  比较VS 2010中的Web开发profile

  你可以通过比较施用这2种“Web开发” profile 之后的Visual Studio IDE布局的屏幕截图来感觉一下这2种 profile 间的区别:

  “Web开发” Profile 的屏幕截图:

  下面的布局示范了在施用了标准的“Web开发” profile 之后的默认IDE布局(显示器分辨率设置在750x650),这个profile是VS 2008中现有的“Web开发” profile的进化版,展示了任何HTML或ASP.NET网页的文档窗口的设计/分割/源码标签(tab):

  “Web开发(Code Optimized)” Profile 的屏幕截图:

  下面的屏幕截图示范了在施用了新的“Web开发(Code Optimized)” profile 之后的默认IDE布局。你可以看到,该profile就显示和编辑屏幕上的代码方面,优化了屏幕的使用面积,在默认设置下,隐藏了所有的工具条,并在HTML和ASP.NET网页的文档窗口中禁止和隐藏了设计器标签(tab):

  下面是一张在较大一点的显示器分辨率下的“code optimized” profile的屏幕截图:

  混合和配对使用特性

  在标准的“Web开发” profile 和 “Web 开发 (code optimized)” profile中使用的所有不同的特性都是通过Visual Studio的“工具->选项”配置对话框来呈现的。这意味着,你可以随便从哪种VS profile(包括一般的,VB 和 C# profile)出发,然后按你的爱好启用或关闭个别的特性来定制IDE布局和编辑体验。

  例如,在下面,你可以看到“工具->选项”对话框中的启用或禁止HTML设计器的复选框(该选项配置了设计/分割/源码标签是否显示在每个网页的底部):

  这给了你这样的灵活性: 可以按自己爱好定制开发体验,可以创造一个为你自己和你最喜爱的开发方式优化了 的个人化工具体验。

  VS 2010中发布的这2种web开发profile提供了2个很好的预配(preconfigured)起始点,我们认为它们给世界上一大群web开发人员提供了一套很好的默认配置。你可以轻松地选择从你感觉最好的选项出发,然后按你的爱好可选择地做进一步配置。

  结束语

  我们只是把这个新的profile作为选项提供给那些侧重于源码web开发体验的开发人员。WYSIWYG HTML/ASP.NET 设计器还将继续在VS 2010中所有其他的profile中默认启用(就象在VS 2008中一样),我们在VS 2010对该设计器也做了很多改进(我将在以后的贴子中对此做详述)。所以,别担心,WYSIWYG设计器绝对不会消失的,它会在以后的每个版本中继续得到增强和改进。

  但我们认为,对那些“侧重源码编辑” web开发体验,不使用WYSIWYG设计器的开发人员来说,这个新的 “Web 开发(Code Optimized)” profile是个非常棒的新选项。该profile选项给他们提供了一个简洁的方式来在IDE布局中隐藏设计器(以及相关的工具窗口和工具条),从而享用一个侧重源码的web开发体验。

  希望本文对你有所帮助,

  Scott

目录
相关文章
|
2月前
|
算法 Java Go
【GoGin】(1)上手Go Gin 基于Go语言开发的Web框架,本文介绍了各种路由的配置信息;包含各场景下请求参数的基本传入接收
gin 框架中采用的路优酷是基于httprouter做的是一个高性能的 HTTP 请求路由器,适用于 Go 语言。它的设计目标是提供高效的路由匹配和低内存占用,特别适合需要高性能和简单路由的应用场景。
245 4
|
6月前
|
缓存 JavaScript 前端开发
鸿蒙5开发宝藏案例分享---Web开发优化案例分享
本文深入解读鸿蒙官方文档中的 `ArkWeb` 性能优化技巧,从预启动进程到预渲染,涵盖预下载、预连接、预取POST等八大优化策略。通过代码示例详解如何提升Web页面加载速度,助你打造流畅的HarmonyOS应用体验。内容实用,按需选用,让H5页面快到飞起!
|
6月前
|
JavaScript 前端开发 API
鸿蒙5开发宝藏案例分享---Web加载时延优化解析
本文深入解析了鸿蒙开发中Web加载完成时延的优化技巧,结合官方案例与实际代码,助你提升性能。核心内容包括:使用DevEco Profiler和DevTools定位瓶颈、四大优化方向(资源合并、接口预取、图片懒加载、任务拆解)及高频手段总结。同时提供性能优化黄金准则,如首屏资源控制在300KB内、关键接口响应≤200ms等,帮助开发者实现丝般流畅体验。
|
前端开发 JavaScript Shell
鸿蒙5开发宝藏案例分享---Web页面内点击响应时延分析
本文为鸿蒙开发者整理了Web性能优化的实战案例解析,结合官方文档深度扩展。内容涵盖点击响应时延核心指标(≤100ms)、性能分析工具链(如DevTools时间线、ArkUI Trace抓取)以及高频优化场景,包括递归函数优化、网络请求阻塞解决方案和setTimeout滥用问题等。同时提供进阶技巧,如首帧加速、透明动画陷阱规避及Web组件初始化加速,并通过优化前后Trace对比展示成果。最后总结了快速定位问题的方法与开发建议,助力开发者提升Web应用性能。
|
6月前
|
JSON 开发框架 自然语言处理
【HarmonyOS Next之旅】基于ArkTS开发(三) -> 兼容JS的类Web开发(三)
本文主要介绍了应用开发中的三大核心内容:生命周期管理、资源限定与访问以及多语言支持。在生命周期部分,详细说明了应用和页面的生命周期函数及其触发时机,帮助开发者更好地掌控应用状态变化。资源限定与访问章节,则聚焦于资源限定词的定义、命名规则及匹配逻辑,并阐述了如何通过 `$r` 引用 JS 模块内的资源。最后,多语言支持部分讲解了如何通过 JSON 文件定义多语言资源,使用 `$t` 和 `$tc` 方法实现简单格式化与单复数格式化,为全球化应用提供便利。
258 104
|
6月前
|
JavaScript 前端开发 API
【HarmonyOS Next之旅】基于ArkTS开发(三) -> 兼容JS的类Web开发(二)
本文介绍了HarmonyOS应用开发中的HML、CSS和JS语法。HML作为标记语言,支持数据绑定、事件处理、列表渲染等功能;CSS用于样式定义,涵盖尺寸单位、样式导入、选择器及伪类等特性;JS实现业务逻辑,包括ES6语法支持、对象属性、数据方法及事件处理。通过具体代码示例,详细解析了页面构建与交互的实现方式,为开发者提供全面的技术指导。
278 104
|
6月前
|
开发框架 编解码 JavaScript
【HarmonyOS Next之旅】基于ArkTS开发(三) -> 兼容JS的类Web开发(一)
该文档详细介绍了一个兼容JS的类Web开发范式的方舟开发框架,涵盖概述、文件组织、js标签配置及app.js等内容。框架采用HML、CSS、JavaScript三段式开发方式,支持单向数据绑定,适合中小型应用开发。文件组织部分说明了目录结构、访问规则和媒体文件格式;js标签配置包括实例名称、页面路由和窗口样式信息;app.js则描述了应用生命周期与对象管理。整体内容旨在帮助开发者快速构建基于方舟框架的应用程序。
277 102
|
4月前
|
运维 数据可视化 C++
2025 热门的 Web 化容器部署工具对比:Portainer VS Websoft9
2025年热门Web化容器部署工具对比:Portainer与Websoft9。Portainer以轻量可视化管理见长,适合技术团队运维;Websoft9则提供一站式应用部署与容器管理,内置丰富开源模板,降低中小企业部署门槛。两者各有优势,助力企业提升容器化效率。
362 1
2025 热门的 Web 化容器部署工具对比:Portainer VS Websoft9
|
8月前
|
中间件 Go
Golang | Gin:net/http与Gin启动web服务的简单比较
总的来说,`net/http`和 `Gin`都是优秀的库,它们各有优缺点。你应该根据你的需求和经验来选择最适合你的工具。希望这个比较可以帮助你做出决策。
359 35
|
7月前
|
Web App开发 前端开发 JavaScript
鸿蒙5开发宝藏案例分享---Web适配一多开发实践
这是一份实用的鸿蒙Web多设备适配开发指南,针对开发者在不同屏幕尺寸下的布局难题提供了解决方案。文章通过三大法宝(相对单位、媒体查询和窗口监听)详细介绍如何实现智能适配,并提供了多个实战案例,如宫格布局、对话框变形和自适应轮播图等。此外,还分享了调试技巧及工具推荐,帮助开发者快速上手并优化性能。最后鼓励读者实践探索,并提示更多官方资源等待发现。

热门文章

最新文章