合集-Blazor100
摘要:运行截图 演示地址 响应式演示 感谢szimek写的棒棒的signature_pad.js项目, 来源: https://github.com/szimek/signature_pad 正式开始 1. 在文件夹wwwroot/lib,添加signature_pad子文件夹,里面下载库文件(文件文末源
阅读全文
摘要:Blazor组件自做三 : 使用JS隔离封装ZXing扫码 本文基础步骤参考前两篇文章 Blazor组件自做一 : 使用JS隔离封装viewerjs库 Blazor组件自做二 : 使用JS隔离制作手写签名组件 1. 在文件夹wwwroot/lib,添加zxing子文件夹,里面下载库文件(文件文末源码
阅读全文
摘要:Blazor组件自做二 : 使用JS隔离制作手写签名组件 本文相关参考链接 JavaScript 模块中的 JavaScript 隔离 Viewer.js工程 Blazor组件自做一 : 使用JS隔离封装viewerjs库 Blazor JS 隔离优势 导入的 JS 不再污染全局命名空间。 库和组件
阅读全文
摘要:Viewer.js库是一个实用的js库,用于图片浏览,放大缩小翻转幻灯片播放等实用操作 本文相关参考链接 JavaScript 模块中的 JavaScript 隔离 Viewer.js工程 Blazor JS 隔离优势 导入的 JS 不再污染全局命名空间。 库和组件的使用者不需要导入相关的 JS。即
阅读全文
摘要:源码 子组件 SwitchBar.razor @using Microsoft.Extensions.Logging @inject ILogger<Index> Logger <div style="@ClassString" @onclick="OnClick"> @ChildContent
阅读全文
摘要:群里有些同学询问怎么实现定时刷新界面, 那咱们写点试试看能不能达到需求. 代码比较简单, 就是Task每秒刷新页面. 然后封装为组件实现只局部刷新. Demo TimerAme.razor <p>@Label @DateTime.Now.ToLongTimeString()</p> TimerAme
阅读全文
摘要:Blazor 逐键搜索并动态反馈到url 源码 前言: 今天打开了 spotify 网页版找歌, 突然发现这个功能很抓眼球,于是试试blazor能不能模仿一下. (博客园传gif貌似有条例,gif自己点击链接查看吧) 1. 节省时间,直接用模板开搞 新建项目,使用 Bootstrap Blazor
阅读全文
摘要:了解组件虚拟化如何优化 Blazor 应用程序的渲染性能. 本文源码 https://github.com/densen2014/Blazor100/blob/master/b24Virtualization/BlazorVirtualization/Pages/Virtualized.razor
阅读全文
摘要:接上篇文章 Blazor 通过组件虚拟化提高性能 本文源码 https://github.com/densen2014/Blazor100/blob/master/b24Virtualization/BlazorVirtualization/Pages/VirtualizedFlex1.razor
阅读全文
摘要:接上篇文章 对于 Blazor 组件虚拟化支持flex-wrap: wrap与网格布局的研究 [一] 本文源码 https://github.com/densen2014/Blazor100/blob/master/b24Virtualization/BlazorVirtualization/Pag
阅读全文
摘要:接上篇文章 对于 Blazor 组件虚拟化支持flex-wrap: wrap与网格布局的研究 [二] 本文源码 https://github.com/densen2014/Blazor100/blob/master/b24Virtualization/BlazorVirtualization/Pag
阅读全文