我已经很久没有写关于 Ng-Matero 的发版文章了。上次介绍发版还是 v10 版本，竟然已经是两年前的事情了。在这两年的开源生涯中，主要精力都在 Material 的扩展组件库上面。...具体效果如下图所示： 在线体验地址 焦点管理属于 a11y 的范畴，使用 Angular Material 可以很轻松的完成 a11y 的需求，同时 Angular CDK 中也有 A11yModule...另外，侧边栏菜单按钮使用语义化标签进行了优化，关于按钮的选择可以参考 Angular Material 在 Button 文档中的说明： Angular Material 使用原生的 ...基于 MDC 的 Angular Material 组件 我觉得 v15 最大的变化不是 Angular，而是 Angular Material。...Flex-Layout 的响应式 API 确实非常强大，它的栅格不受限制，你可以使用 %、px 等任意单位设置响应式布局。
对于屏幕更宽的设备，我们新发布的 Material Design 指南 中提出了几个有关大屏幕布局的方案，例如可以使用 SlidingPaneLayout 来实现列表/细节结构。...此类断点专门用于平衡布局的简单性和灵活性，以便在特殊情况下优化您的应用，同时能够代表生态系统中的大部分设备。...这些设备还能帮助您使用新的 WindowSizeClass 分类，以确保您的应用在常用的断点组合间运行，为您的设备覆盖尽可能多的使用情况。...△ 参考设备类中的布局验证工具 可调整尺寸的模拟器 若您需要在运行时对您的应用进行测试，可以使用 Android Studio Chipmunk 中附带的可调整尺寸的全新模拟器配置。...△ 可调整尺寸的 Android 模拟器 Google Play 针对大屏幕设备的更新 为了在用户使用平板电脑、可折叠设备和 ChromeOS 设备时为其提供更好的应用体验，我们正在对 Google Play
Gentelella 5. ng2-admin 6. ant-design-pro 7. blur-admin 8. vue-admin 9. iview-admin 10. material-dashboard...Full Version Angular Seed Project Angular Seed Project Grunt Angular Seed Project Gulp Angular Seed...官网：http://www.ligerui.com/ 演示：http://www.ligerui.com/demo.html 特点： 使用简单，轻量级 控件实用性强，功能覆盖面大，可以解决大部分企业信息应用的设计场景...6. ant-design-pro Github Star 数 12707，Github 地址： https://github.com/ant-design/ant-design-pro 开箱即用的中台前端...基于 Bootstrap 4 和 Material 风格的控制面板。
、更好的调试、Angular 材质中的水化支持，以及由与 Google 搜索相同的库提供支持的事件回放。...组件支持无区域我们在 Angular CDK 和 Angular 材质中启用了无区域支持。这也有助于我们发现和打磨无区域模型的一些粗糙边缘。...与此同时，我们还用新的 Material 3 主题和文档刷新了 material.angular.io。您可以在我们的指南中找到如何在您的应用程序中使用 Angular Material 3！...今天，我们很高兴地与大家分享，在 Google.com 上运行的核心库之一——事件调度（以前称为 jsaction）现在在 Angular monorepo 中。...CDK 和 Material 中的水合作用支持在 v17 中，一些 Angular Material 和 CDK 组件被选择退出水合，这导致了它们的重新渲染。
两个模拟器，每个模拟的尺寸都不相同。...> 这行代码将content_main.xml 的布局嵌入activity_main布局中。...Android Studio的调试 学会用Android Studio进行代码调试是开发者的一项必备技能。 设置断点 双击需要添加断点的代码行的左侧。出现如下红点说明断点设置成功。...调试 断点设置好之后，还需要在调试模式下运行，才能是断点生效。点击下图的小乌龟进入调试模式。
要查找最新信息，请点击文章中的链接。 如果你正在阅读本文，则意味着你与时俱进。...优质的管理模板。 现代 Google 的材料设计。 使用 Bootstrap Material Design 框架构建。 惊人而流畅的动画。 很棒的通知和报警系统。...material-dashboard-pro/examples/dashboard.html 3、Metronic ?.../light-bootstrap-dashboard-pro-react/#/admin/dashboard 实用的Angular管理仪表板 1、Pages ?...功能强大的管理模板。 基于 Angular 9。 有 6 种不同布局和 10 种颜色样式的直观设计。 在 ThemeForest 上的评级为 4.97 星。
快捷键 ctrl shift c/点击面板左上角的按钮，进入元素选择模式 在新版本 chrome 中，选择元素时会显示更多元素信息 Device Mode 设备模式 模拟不同尺寸移动端设备下，网页的表现...内置/可配置既有设备属性，例如 iphone/ipad 支持调试媒体查询 media-query。...设备模式 DOM 树 在元素面板左侧是当前页的 DOM 树 在 DOM 树中你可以： 直接增/删/改/复制/拖放移动 DOM 元素，查看实时效果(非持久化) 添加元素断点(节点移除断点，属性变更断点...：color picker 中会列出 google 设计推荐色系 Computed 在 Styles 右侧的 Computed 窗格中可以查看： 元素的盒模型(双击值可编辑) 元素所有样式的计算后最终值...DOM Breakpoints 在面板右侧 DOM Breakpoints 中，可以查看元素断点 元素断点 相应的在左侧 DOM 树右键点击元素，可以给元素添加断点 元素断点有三种类型：属性变更，子树变更
欢迎大家尝试 Surface Duo 模拟器示例，其中包含了 Flutter Gallery 的一个特别派生版本，以便了解 Flutter 在双屏中的实际运行情况: 支持 iOS 可变刷新率 Flutter...现已在使用 ProMotion 显示屏的 iOS 设备上支持可变刷新率，包括 iPhone 13 Pro 和 iPad Pro。...到目前为止，大多数基于 Chrome 的浏览器都添加了此 API，如 Chrome、Edge、Opera、Samsung Browser 等。...Flutter 3 提供 Material 3 的可选支持，包括动态颜色、最新颜色系统和字体等 Material You 功能，还包含许多组件的更新，以及在 Android 12 中引入的新触摸波纹设计和拉伸滚动等全新视觉效果...在即将发布的 Google 移动广告 SDK (Flutter) 中，我们会增加对 UMP (用户消息平台) SDK 的支持，让发布商能够征求用户同意。
其中，落户河北保定的数据中心，是中国移动在京津冀一体化大背景下全国IDC战略布局的重要组成部分，也是目前华北地区规模最大的数据中心。 “这下雄安新区房价又该涨了！”...OPEC在4月11日的声明中称，该“油气大数据项目(OilandGasBigDataProject)”将由一套高标准的分析工具组成，采用数据驱动方法以及优化和统计分析技术。...通过对Cardboard的支持，谷歌极大地拓展了WebVR平台的覆盖范围。目前，全球正在使用的Cardboard设备超过1000万个。...值得一提的是，苹果目前在旗舰iPadPro阵容使用Smart Connector。在iPad Pro型号的Smart Connector基本上是为了支持配件，如键盘。...磁力Smart Connector是在2015年12.9英寸的iPad Pro上首次推出的。这是首次传言表示iPhone将会配备Smart Connector。 “我相信山寨工厂们已经准备好了！”
自从 Qwik 从 Google 的封闭源代码框架 Wiz 中普及了可恢复性的想法后，我们收到了很多对 Angular 中此功能的请求。...nonce在 Angular v16 中，我们实现了一个跨越框架、Universal、CDK、Material 和 CLI 的新功能，它允许您为 Angular 内联的组件的样式指定一个属性。...在过去的几个季度中，我们与 Google 的 Material Design 团队密切合作，为 Web 和 Angular Material 提供参考 Material 3 实现。...请确保您按照我们的迁移指南迁移到最新版本。 继续我们的无障碍倡议 遵循 Google 的使命，Angular 可让您为所有人构建 Web 应用程序！...这就是为什么我们不断投资以提高Angular CDK 和 Material 组件的可访问性。
Android 的覆盖范围在递增，体验也在变得越来越好，现已有超过 2.5 亿台大屏设备搭载了 Android 系统，包括平板电脑、可折叠设备以及 Chrome OS 设备。...因此我们定义了新断点值，这有助于将设备划分到预设的尺寸类别中，这些尺寸代表了市场上实际设备的尺寸。它们有助于将应用版面的原始尺寸转换为离散的标准化组，您可以据此做出更高层次的界面决策。...在如此多样化的硬件生态系统中，您可能很难拥有各种形状和尺寸的设备，如今 Android SDK 为可折叠设备提供了模拟器图像，这些模拟器允许您随时将折叠状态更改为铰链的角度。...△ Android Studio Chipmunk 中的可调整尺寸的模拟器 我们也一直在 Android Studio 中开发新工具，希望为大家开发大屏幕应用提供支持。...新的 Layout Validation 工具可以在覆盖了各种尺寸类别的参考设备上预览布局，并提示问题区域 (例如文本使用了长行)，以及为不同断点推荐不同界面组件。
窗口大小类是一组主观的视口断点，您可以根据它们来设计、开发和测试可调整大小的应用布局。这些断点将帮助您了解要进行优化的关键尺寸，以便将应用适配于整个生态系统。...我们推荐您使用窗口大小断点来做出高级应用布局决策，对于布局网格列的变化，它们还能映射到 Material Design 布局断点。...△ 基于宽度的窗口大小类的表示 除了以上三种基于宽度的断点外，我们还引入了具有相同类别名称的基于高度的断点，以便适用于更高级别的布局场景，并赋予更多的灵活性。...而为了在应用运行时进行测试，Android Studio Chipmunk 提供了可支持尺寸调整的模拟器，通过它可以在相同的 Reference Devices 之间切换，来快速验证应用布局是否正确。...，这一布局方式是 Material Design 中推荐的大屏幕规范布局之一，让我们将文章列表与打开的文章并排显示。
为了简化这个过程，我们已经定义了具体的窗口尺寸断点和设备类别，以便您进行优化。...△ 在大屏幕布局中，拖放 是一种自然的交互，即使是在同一个应用中也是如此 △ 通过使用多实例功能，用户可以并排运行应用的多个副本。...△ 在 Chrome OS 设备上使用 Android 应用的用户通常会配置实体键盘；应用应该支持标准的键盘导航和快捷键，以提供更全面的无障碍使用体验 组件更新 我们更新了 Jetpack 和 Material...为了防止这种情况出现，我们为某些经常发生这种情况的 Material 组件添加了默认最大宽度值，包括: Buttons (按钮) TextFields (文本框) Sheets (表单) 我们未来会将更多的组件添加至上述列表中...image.png △ Google Duo 针对可折叠设备优化体验 除了 Google Duo 之外，我们还对许多其他应用进行了现代化改造，以使其支持自适应布局，从而活用大屏幕和可折叠设备的优势: Chrome
+ nodejs 吕大豹 Angularjs AngularJS 最佳实践 Angular的一些扩展指令 Angular数据绑定原理 一些扩展Angular UI组件 Ember和AngularJS的性能测试...Ext, EasyUI, J-UI 及其它各种UI方案 Ext extjs ext4英文api ext4中文api EasyUI jquery easyui 未压缩源代码 J-UI J-UI..., Firebug, Filddle 调试 Simulator Xcode中的iOS模拟器(iOS Simulator)的介绍和使用心得 浏览器端调试安卓 移动端前端开发调试 使用 Chrome 远程调试...firebug视频教程 firefox 模拟器 console.log 命令详解 Firebug入门指南 Firebug控制台详解 Google Chrome 官方 Chrome - 基础 Chrome...DevTools 中的 Timeline Profils 等工具使用介绍) chrome 开发者工具的 15 个小技巧 Chrome开发者工具不完全指南 Chrome 开发者工具使用技巧 Fiddler
作为终端开发也喜欢学习些图像图形方向的知识，同好者可以技术交流。生活中，休闲比较喜欢看书，娱乐比较喜欢电竞。 ?...特别提下Safari的Modern JavaScript Performance对比Chrome提升了80%、嵌入了Stream VR SDK作为对VR的支持。...6、iPad Pro做了一些升级，其中包括：10.5英寸屏幕、动态延迟更低，并且对系统也做了优化。 7、发布了HomePod = 智能(Siri) + 音响。 ?...训练模型可以由现有的机器学习库训练模型转化而来，目前支持以下主要的机器学习库（Caffee、Keras等，然后，没有Google的TensorFlow）： ?...但是，它需要支持设备是：iPhone 6s 或 iPad Pro及以上设备。 ?
我们只需要编辑一个简单的 CSS 文档就可以改变所有页面的布局和外观。...6、Node.js Node.js 就是运行在服务端的 JavaScript。它是一个基于Chrome JavaScript 运行时建立的一个平台。...它是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。...它的相关资源：Ant Design Pro、Ant Design Charts、Ant Design Vue、Ant Design React等（详见官方文档） 除此之外，前端的UI框架还有很多很多，...比如Material UI也很不错。
ESLint是最受欢迎的，它支持许多代码风格，包括Standard、Google和Airbnb的JavaScript代码规范。...npm：用package.json来校验安装的npm包，确保安装包的版本正确，对缺少package.json文件的包或者未安装的包给出高亮提示。...这里有一些工具，能极大地减少你开发时的这种重复流程，而不是每次都手动刷新浏览器： Debugger for Chrome：在编辑器中打断点，让你轻松地在Chrome里调试JavaScript。...Angular 6：提供Angular 6的代码片段，支持TypeScript、HTML、Angular Material ngRx、RxJS和Flex Layout。...像ESLint这样的插件，帮助你避免代码中的常见错误；Debugger for Chrome，帮助你更容易地调试代码；带有智能提示的Node.js插件帮助你正确引用模块；像Live Server和REST
的一系列内容: 针对大屏幕设备优化的 Android 12 系统功能、更好的开发者工具以及专为大屏幕设备提供的 Google Play 更新。...，让您可以同时显示多个 Activity，从而更轻松地在现有应用中构建大屏幕设备优化布局。...针对大屏幕设备设计的新 Material Design 指南，包含生态系统中常见的 布局模式 的定义，有助于激发您的应用设计灵感； 窗口大小类 (Window Size Classes) 是一种新型断点框架...，用以检测大屏幕设备布局问题； 全新的可调整大小模拟器，可以在参考设备间迅速切换。...Google Play 针对大屏幕设备的更新 为了帮助用户在平板电脑、可折叠设备和 ChromeOS 设备上找到最好的应用，我们在 Google Play 上推出了一些新变更，以推荐针对大屏幕设备进行了优化的应用
，而我竟然素未耳闻，一番搜索之后发现这个 工具是 Apache 的顶级项目，而且在 GitHub 上有 1w+ 的 Star。...Semantic UI 更强调使用语义化的 class 来定义样式 google / material-design-icons Google 推出的 Material 风格图标库。...angular/angular.js Google 推出的前端框架，没用过 reactjs/redux react.js 的一个组件，用来管理数据。...通用工具类 hakimel / reveal.js 使用 js 来做 PPT 的一个框架或者说工具 GoogleChrome/puppeteer Google 推出的操作 Chrome 浏览器的 node.js...ElementUI/Element 饿了么出品的 Vue 组件库 google/material-design-lite Google 的 Material Design 的一个简化版, 貌似现在不再支持了
Mocha测试运行持续，在映射未捕获的异常到正确的测试案例的同时，允许灵活和准确的报告。 ?...官方网站：https://github.com/mgonto/restangular 10）支持Chrome的AngularJS扩展——ng Inspector ng Inspector支持Chrome...当你修改代码保存之后，它可以通过特殊的协议，将改变传达给正在工作中的应用程序。支持AngularJS。 ?...官方网站：https://github.com/angular/angular-seed 21）LUMX 基于AngularJS和Google Material Design规范的第一个响应前端的框架。...官方网站：https://play.google.com/store/apps/details?
领取专属 10元无门槛券
手把手带您无忧上云
