摘要：如果您是一个 .NET 开发者，你很可能听过过 Blazor 是一个最近的热门开发技术。Blazor 是一个使用 .NET Blazor 服务器来构建可交互客户端 Web 界面的框架。就是本文所专注的技术，提供了在 ASP.NET Core 应用中，在服务器端寄宿 Razor 组件的支持。UI 的更新通过 SignalR 连接进行。由于多数的应用都需要某些程度的验证和授权，这里将展示如何使用 Azure AD 实现验证的最佳方式，以及如何从 Microsoft Graph 获取数据。 阅读全文

摘要：为了帮助 Angular 在国内的推广，申请了一个新的域名 www.ngbeijing.cn, 我将 Angular 相关的优秀文章集中在这个站点，欢迎大家访问。 阅读全文

摘要：如何使用 Google Fonts 阅读全文

摘要：分析 Bootstrap v4 中的 Component 中的 Alert 的实现. 阅读全文

摘要：这个插件用来简化创建服务于 webpack bundle 的 HTML 文件，尤其是对于在文件名中包含了 hash 值，而这个值在每次编译的时候都发生变化的情况。你既可以让这个插件来帮助你自动生成 HTML 文件，也可以使用 lodash 模板加载生成的 bundles，或者自己加载这些 bundles。 阅读全文

摘要：让我们从 0 开始创建一个简单的 Angular 2 应用。 阅读全文

摘要：看到了一篇 20 分钟打造 Bootstrap 站点的文章，内容有点老，重新使用 Bootstrap3 实现一下，将涉及的内容也尽可能详细说明。 阅读全文

摘要：前端开发的主力语言是 JavaScript，这是一种脚本语言，没有编译器，也就没有了编译器带给我们的语法检查，怎样保证代码的质量呢？jshint 是一个强大的工具。 阅读全文

摘要：现在 watch 中已经集成了 livereload ，所以把它们放在一起说明。 watch 可以监控特定的文件，在添加文件、修改文件、或者删除文件的时候自动执行自定义的任务，比如 livereload 等等。 阅读全文

摘要：Grunt 通过内建的 node-glob 和 minimatch 库提供了文件名的扩展机制。 阅读全文

摘要：在前端开发过程中，我们需要在开发过程中，将开发中的站点部署到服务器上，然后，在浏览器中查看实际的效果，在 Grunt 环境下，可以直接使用集成在 Grunt 中的 Connect 插件完成站点服务器的支持，在开发过程中，直接查看效果。 阅读全文

摘要：Web 前端开发涉及多种工具，这里将常用工具的安装和配置进行说明，提供了详细的说明，为后继的开发创建一个坚实的基础。 本文介绍的工具有：NodeJS, NPM, Bower, Git 和 Grunt。 阅读全文

摘要：通过指令机制，angularjs 提供了一个强大的扩展系统，我们可以通过自定义指令来扩展自己的指令系统。怎样定义自己的指令呢？我们通过 Bootstrap UI 来学习吧。这个项目使用 angularjs 将 Bootstrap 3 进行了封装，是我们学习 angularjs 很好的样例。从 Ale... 阅读全文

摘要：在使用 typeahead 的时候，有这样一个需求，当用户选中其中一项的之后，将项目对应的 id 保存到另外一个变量中，以后在提交表单的时候，将这个 id 发送到服务器中。 但是，在 typeahead 中对于元素的操作，angularjs 没有感知到，导致不能获取最新的数据。 通过自定义 angularjs 的指令，封装 typeahead 实现数据的感知。 阅读全文

摘要：上次介绍了 Bootstrap 2 中附带的 typeahead，功能强大，但是使用起来不太方便，作者 Terry Rosen 已经升级了一个新版本 v1.2.2，作出了很大的改进。下载地址https://github.com/tcrosen/twitter-bootstrap-typeahead使用环境Twitter Bootstrap 2.0+jQuery 1.7+页面准备脚本$(myElement).typeahead(options);事件事件说明grepperFilters relevant results from the source.highlighterHighlights 阅读全文

摘要：Bootstrap 中的 Typeahead 组件就是通常所说的自动完成 AutoComplete，功能很强大，但是，使用上并不太方便。这里我们将详细介绍一下这个组件的使用。 阅读全文

摘要：下面我们讨论整个应用的结构，根据应用中不同组件的逻辑相关性，分离到不同的层中，层与层之间的通讯通过或者不通过限制。分层属于架构风格，在应用的长时间生命周期中，解决维护和扩展问题。 阅读全文

摘要：对于 Web 开发来说，一个永远的话题是如何创建一个跨浏览器兼容的布局。许多年来，各种框架使用各种技术来解决这个问题。Bootstrap 使用了一个不同的方式来解决这个问题。 3.0 版本对这一部分有比较大的变动，可以区分特小型设备 xs ( Extra small devices, 小于 768px 比如手机 ), 小型设备 sm ( Small devices, 小于 992px, 比如平板 )， 中型设备 md ( Medium devices, 小于 1200px, 比如桌面计算机), 大型设备 lg ( Large devices, 比如宽屏显示器 )。 阅读全文

摘要：从简单的标题，链接和按钮开始学习吧。 阅读全文

摘要：Bootstrap 3 发布了，通过简单的几步，我们就可以使用 Bootstrap 的样式表，图标，以及 javascript 来配置一个简单的站点。 阅读全文