赫蹏(hètí)是专为中文内容展示设计的排版样式增强。它基于通行的中文排版规范而来,可以为网站的读者带来更好的文章阅读体验。贴合网格的排版;全标签样式美化;预置古文、诗词样式;预置多种排版样式(行间注、多栏、竖排等);多种预设字体族(仅限桌面端);简/繁体中文支持;自适应黑暗模式;中西文混排美化,不再手敲空格
白花飘雪花飘 发布的最新帖子
-
中文排版样式增强赫蹏
-
什么是 WinUI 3
Windows UI 库 (WinUI)是一款特别好用的能够适用于 Windows桌面应用程序和 UWP应用程序的本机用户体验 框架。
它能够通过将 Fluent Design系统将所有的信息整合到一切体验、控件和样式中,WinUI 使用了最新的用户界面模式提供了一致、直观且可访问的体验。
而WinUI 3 是一款本机用户界面UI平台组件,随附在 Windows 应用 SDK上,它与 Windows 10 及更高版本SDK 做到了完全分离。 Windows 桌面应用程序应用SDK提供了一组统一的 API应用和工具,它可以用于创建面向 Windows 10 及更高版本且可发布到 Microsoft Store 的生产桌面应用。项目地址:
https://docs.microsoft.com/zh-cn/windows/apps/winui/winui3/ -
Blazor应用
Blazor应用由可重用的web UI组件组成,这些组件使用c#、HTML和CSS实现。客户端和服务器代码都是用c#编写的,允许您共享代码和库。
Blazor 是一个使用 .NET 生成交互式客户端 Web UI 的框架:使用 C# 代替 JavaScript 来创建信息丰富的交互式 UI。
共享使用 .NET 编写的服务器端和客户端应用逻辑。将 UI 呈现为 HTML 和 CSS,以支持众多浏览器,其中包括移动浏览器。与新式托管平台(如 Docker)集成。
而Blazer的优势在于它提供了一些交互能力,不再是纯粹的静态页,虽然mvc可以使用JavaScript达到同样的效果,但你需要掌握JavaScript,甚至还要再学习jQuery、Angular、Vue等。而Blazor提供的交互能力则是使用C#。
-
Android Jetpack之Compose声明式UI开发工具包
Jetpack Compose是用于构建原生Android界面的新工具包。它可简化并加快Android上的界面开发,帮助您使用更少的代码、强大的工具和直观的Kotlin API,快速打造生动而精彩的应用。
Android Jetpack是一个由多个库组成的套件,可帮助开发者遵循最佳做法、减少样板代码并编写可在各种Android版本和设备中一致运行的代码,让开发者可将精力集中于真正重要的编码工作。
Jetpack Compose是用于构建原生界面的最新的Android工具包,采用声明式UI的设计,拥有更简单的自定义和实时的交互预览功能,由Android官方团队全新打造的UI框架。Jetpack Compose是用于构建原生Android界面的新工具包。它使用更少的代码、强大的工具和直观的Kotlin API,可以帮助您简化并加快Android界面开发,打造生动而精彩的应用。它可让您更快速、更轻松地构建Android界面。
Compose使用声明性API,这意味着您只需描述界面,Compose会负责完成其余工作。这类API十分直观-易于探索和使用:“我们的主题层的直观和清晰程度显著提高。我们能够在单个Kotlin文件中完成之前需要在多个XML文件中完成的任务,这些XML文件负责通过多个分层主题叠加层定义和分配属性。”
利用Compose,您可以构建不与特定activity或fragment相关联的小型无状态组件。这让您可以轻松重用和测试这些组件:“我们给自己设定的目标是,交付一组新的无状态界面组件,确保它们易于使用和维护,且可直观实现/扩展/自定义。就这一点而言,Compose确实为我们提供了一个可靠的答案。” -
ant design 内部使用的 React 基础组件react-component
在React,组件(component),就是一个UI的单元。它的思想是,将要展示的内容,分成多个独立部分,每一个这样的部分,就是一个组件,就有点像android或者ios中的控件。
组件和一般的类一样可以定义方法。对于组件来说,render()方法是非常重要的(必须实现),就是在这个方法返回组件的界面。在render()方法中,使用了JSX来定义组件的界面。关于render()方法,后面会进一步详述。
此外,组件还有两个重要的东西,一个是属性(props),一个是状态(state)。简单的说,组件的属性是父组件给它的(组件之间可以嵌套),存储的是父组件对子组件的要求,在组件内部可以对属性进行访问(使用),但不可以修改它;组件的状态,由组件自行定义和使用,用来存储组件当前状态,组件的状态可以修改。
在组件中应该用props还是state,取决于这个信息是来自于组件内部还是来自于组件外部。
React Components 官方介绍:
https://reactjs.org/docs/components-and-props.html -
qiankun为微前端提供快速、简单和完整的解决方案
qiankun 是蚂蚁金服开源的一款框架,它是基于 single-spa 的。他在 single-spa 的基础上,实现了开箱即用,除一些必要的修改外,子项目只需要做很少的改动,就能很容易的接入。
使用微前端的好处:技术栈无关,各个子项目可以自由选择框架,可以自己制定开发规范。快速打包,独立部署,互不影响,升级简单。可以很方便的复用已有的功能模块,避免重复开发。
-
Ionic基于 Angular 的移动端跨平台 UI
Ionic以AngularJS和ApacheCordova为基础,使用Node.js进行模块管理,使用Html5、Css(SASS)和Javascript技术进行APP开发。
ionic主要包括三个部分:CSS框架- 提供原生_App质感的CSS样式模拟_。ionic这部分的实现使用了ionicons图标样式库。
JavaScript框架- ionic基于AngularJS基础框架开发,遵循AngularJS的框架约束;主要提供了适应移动端UI的 AngularJS的扩展,主要包括指令和服务。此外,ionic使用AngularUI Router来实现前端路由。
命令行/CLI- 命令行工具集用来简化应用的开发、构造和仿真运行。ionic命令行工具使用了 Cordova,依赖于平台SDK(Android & iOS)实现将移动web项目打包成原生app。
-
Material Design 组件库Angular Material
高质量:支持国际化和无障碍性的组件,为每一个人设计。测试充分,保障性能和可靠性。直白的 API,在各个平台上具有一致的行为。
多才多艺:提供了很多工具,帮助开发者构建支持常用交互模式的自定义组件。可在 Material Design 规范的框架内进行定制。
无缝集成:由 Angular 团队构建,与 Angular 无缝集成。从草稿阶段开始,或空降到现有应用。
组件构建 Angular 应用。组件定义了 UI 中的职责范围,让你可以复用某些 UI 功能集。一个组件由三部分组成:处理数据和功能的组件类。决定 UI 的 HTML 模板。定义外观的组件专属样式。
-
Element UI 的 Angular 实现Element Angular
Element UI是一种开源前端框架,之前支持VUE,目前在Angular5中也可以使用。使用Element UI可以快速的搭建网站。
通过在根组件中引用模块,在html和src中设定样式,就可以实现对分页的基本操作。
以上是关于Element的基本使用介绍,如果想使用Element UI前端框架,可以查看Element开发,进行组件的复用。