CDN公共库是指将常用的JS库存放在CDN节点,以方便广大开发者直接调用.与将JS库存放在服务器单机上相比,CDN公共库更加稳定.高速. 百度公共CDN为您的应用程序提供稳定.可靠.高速的服务,包含全球所有最流行的开源JavaScript库. backbone 未压缩: <script src="http://libs.baidu.com/backbone/0.9.2/backbone.js"></script>    压缩: <script src=&q

Speech 语音识别与合成 通过麦克风语音采集转换为文字(STT),或者通过文字通过语音朗读出来(TTS) 本组件依赖于 BootstrapBlazor.AzureSpeech,使用本组件时需要引用其组件包 Demo https://www.blazor.zone/speechs Nuget 包安装 使用 nuget.org 进行 BootstrapBlazor.AzureSpeech 组件的安装 .NET CLI dotnet add package BootstrapBlazor.Azur

地理定位/移动距离追踪组件 通过浏览器 API 获取定位信息 DEMO https://www.blazor.zone/geolocations 小提示 注意: 出于安全考虑,当网页请求获取用户位置信息时,用户会被提示进行授权.注意不同浏览器在请求权限时有不同的策略和方式.Windows10 在未开启定位的情况下无法获取位置. 示例 dotnet new blazorserver -o b07geo dotnet add b07geo package BootstrapBlazor dotnet

通知组件 通过浏览器API发送通知信息 , 桌面浏览器表现为右下角系统提示框弹出消息, 移动浏览器表现为弹窗或者到消息列表, blazor页面不在前台也可以通过本组件提醒用户. DEMO https://www.blazor.zone/notifications 小提示 注意: 出于安全考虑,当网页请求发送通知时,用户会被提示进行授权 使用 BrowserNotification 静态方法直接调用 Dispatch 方法 private NotificationItem Model { get;

轻量级 Toast 弹窗 DEMO https://www.blazor.zone/toasts 基础用法: 用户操作时,右下角给予适当的提示信息 <ToastBox class="d-block" Options="@Options1" /> @code{ Options1 = new ToastOption { Title = "保存数据", IsAutoHide = false, Content = "保存数据成功,4

主题 https://startbootstrap.com/template-categories/all/ https://bootstrapmade.com/ http://www.jqueryfuns.com/tag-jquery-1 http://www.oschina.net/news/59924/free-bootstrap-templates 30款最好的 Bootstrap 3.0 免费主题和模板 http://www.cnblogs.com/lhb25/p/30-free-bo

Blazor 简介 Blazor 是一个使用 .NET 生成的交互式客户端 Web UI 的框架.和前端同学所熟知的 Vue.React.Angular 有巨大差异. 其最大的特色是使用 C# 代码(理论上可以是 .NET 生态的任何语言)代替 JavaScript 来实现逻辑. 使用 C# 代替

阅读目录 一.时间组件 1.效果展示 2.源码说明 3.代码示例 二.自增器组件 1.效果展示 2.源码说明 3.代码示例 三.加载效果 一.实用型 二.炫酷型 四.流程图小插件 1.效果展示 2.源码说明 3.代码示例 五.按钮提示组件bootstrap-confirmation 1.效果展示 2.源码说明 3.代码示例 六.图片分类.过滤组件MuxitUp 1.效果展示 2.源码说明 3.代码示例 七.多值输入组件manifest 1.效果展示 2.源码说明 3.代码示例 八.文本框搜索组件

你说uni-app是什么 我说,uni-app是一套基于vue.js开发跨平台应用的前端框架,可编译多个平台,比如:Android.IOS.H5.微信小程序.支付宝小程序.头条小程序.百度小程序 懂行的人是不是觉得牛逼?想了解更多,进入官网吧 我说muse-ui是什么 官方说,Muse UI 是一套 Material Design 风格开源组件库,旨在快速搭建页面.它基于 Vue 2.0 开发,并提供了自定义主题,充分满足可定制化的需求. 我觉得muse ui组件都非常美观,如果能够导入到uni

前言:上篇 JS组件系列——Bootstrap组件福利篇:几款好用的组件推荐 分享了几个项目中比较常用的组件,引起了许多园友的关注.这篇还是继续,因为博主觉得还有几个非常简单.实用的组件,实在不愿自己一人独享,没办法,谁让博主这么爱分享呢~~ 本文原创地址:http://www.cnblogs.com/landeanfen/p/5603790.html 七.多值输入组件manifest 关于文本框的多值输入,一直是一个比较常见的需求,今天博主推荐一款好用的多值输入组件给大家,不要谢我,请叫我“红

在基于Bootstrap开发的项目中,鲜艳颜色的按钮,以及丰富的图表是很吸引人的特点,为了将这个特点发挥到极致,可以利用Bootstrap图标抽取到数据库里面,并在界面中进行管理和使用,这样我们可以把这些图标方便应用在各个页面部件上,如菜单模块,按钮界面,表单输入等多个场合进行使用.在前面随笔<基于Metronic的Bootstrap开发框架经验总结(4)--Bootstrap图标的提取和利用>中,我对如何抽取Bootstrap图标,并单独开发一个页面进行图表的管理,本随笔介绍如何在这个基础上

一.什么是Bootstrap bootstrap是一款css框架,便于响应式设计. 二.怎样使用bootstarp 最常用的方法,在html结构中引入样式表bootstarp.min.css,以及jq和bootstrap jq 库 bootstarp.min.js 以下是bootstarp 的基本html模板: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8&q

在前面的一篇随笔<基于Metronic的Bootstrap开发框架经验总结(1)-框架总览及菜单模块的处理>介绍了菜单模块的处理,主要介绍如何动态从数据库里面获取记录并构建菜单列表.其中菜单信息的图标样式,也是从数据库里面获取的,因此要求我们能够动态取得Bootstrap里面的各种图标定义了.本篇主要介绍如何提取Bootstrap的图标信息,存储到数据库里面为我所用. 1.菜单的显示及各种Bootstrap图标 我们从下图可以看到,为了菜单的美观,每个菜单项(这里分了三级菜单)都有一个图标,虽

看到了一篇 20 分钟打造 Bootstrap 站点的文章,内容有点老,重新使用 Bootstrap3 实现一下,将涉及的内容也尽可能详细说明. 1. 创建基本的页面 我们先创建一个基本的 HTML 模板页面,使用 sublime + emmet 可以直接创建这个页面. 1.1 新建一个文件, Ctrl + N 1.2 保存到页面文件中,Ctrl + S,命名为 index.html 1.3 在这个空白页面中,输入 html:5,然后直接按制表键 Tab,就应该可以看到一个基本的 HTML5 模

2013-11-13 23:28:09   超级Bootstrap模板库:http://www.wrapbootstrap.com/ 免费的HTML5 响应式网页模板:http://html5up.net/ WP & Bootstrap:http://www.dxthemes.com/ 点击即全屏:https://github.com/codrops/FullscreenLayoutPageTransitions Responsivewebinc:[http://responsivewebinc

Bootstrap 随着互联网的不断成熟以及我们越来越多的用各种移动端的设备访问互联网,Web设计师和Web开发者的工作也变得越来越复杂. 十年前,一切都还简单得多.那个时候,大部分用户都是坐在桌子前通过一个大大的显示器来浏览我们的网页.960像素是当时比较合理的网页宽度.那些年我们的开发工作主要就是跟十几个桌面浏览器打交道,并通过添加几个浏览器的hack,来兼容诡异的旧版本 IE 浏览器.时至今日,随着过去五六年间手持电子设备的突飞猛进,一切都变了样.我们看到各种尺寸的智能手机和平板层出不穷,

以百度库为例 <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script> <script type="text/javascript">!window.jQuery && document.write('<script src="Scripts/jquery.min.js"><\/scrip

一:百度地图开发必须要到百度开发平台android开发api下载相应的库,已经申请百度地图开发key. 二:新建项目baidumaplocation.设计main.xml文件这里注意的是MapView控件必须使用来自百度库封装好的com.baidu.mapapi.MapView .设计代码如下: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http

作为一位设计师,会经常追寻新鲜有趣的设计工具,这些工具会提高工作的效率,使得工作更有效, 最重要的是使工作变得更方便.非常肯定的说,随着日益增长的工具和应用的数量,设计和开发变得越来越简单了. 其中最普遍使用的最终框架 之一是 Bootstrap,它在 2013 年特别流行.如果你是位设计师,你可能会接触过它,甚至是使用过它.如果你是 Bootstrap 的使用者或者是相关功能的用户,这篇文章非常的适合你! 这里总共列举了 12 款最好的 Bootstrap 设计工具,这些都能很好的简化大家的工

原文:js页码生成库,一个适合前后端分离的页码生成器 前言 上星期写的任务里面有需要进行分页的处理,git搜索了一番,没有觉得合适的,于是自己临时写了个分页的算法. 然后等闲下来的时候,决定把分页进行优化并推广.于是乎,一个适合前后端分离的页码生成器就这样出来了. 先别废话了,直接上 git 地址 和 demo 地址.看官果断点击进去瞧瞧看.项目主页的 readme 文档的自动排版将更好. 先讲讲设计思想 整个开发流程围绕事件绑定进行开发. 脱离 callback 回调这种回调方法,直接使用 事

react-bootstrap是一个非常受欢迎的针对react封装过的bootstrap,它本身不包含css,所以也是需要使用bootstrap原生库. 在create-react-app建的项目目录中安装react-bootstrap. npm install react-bootstrap --save 安装bootstrap. npm install bootstrap@3.3.7 --save 在index.js文件中增加css引用. import 'bootstrap/dist/css