Bootstrap

Bootstrap Drupal

元气小坏坏 提交于 2021-02-02 07:24:32
Sleek, intuitive, and powerful front-end framework for faster and easier web development. http://twitter.github.com/bootstrap/index.html http://drupal.org/project/twitter_bootstrap http://drupal.org/project/twitter_bootstrap_ui http://drupal.org/project/bh_bootstrap http://drupal.org/project/bootstrap 来源: oschina 链接: https://my.oschina.net/u/113490/blog/80118

kafka本地环境搭建

為{幸葍}努か 提交于 2021-02-01 17:55:04
1. 下载 2.解压后修改配置文件 #唯一编号 broker.id=1 #用来监听的地址 listeners=PLAINTEXT://127.0.0.1:9092 #日志路径 log.dirs=E:/kafka_2.13-2.7.0/kafka_2.13-2.7.0/tmp/kafka-logs #zk的连接 zookeeper.connect=localhost:2181 3.启动 1.先启动zk 2.启动kafka kafka-server-start.bat ..\..\config\server.properties #创建主题 kafka-topics.bat --create --zookeeper localhost:2181 --replication-factor 1 --partitions 1 --topic kafka-test-topic #查看创建的主题 kafka-topics.bat --list --zookeeper localhost:2181 #启动生产者 kafka-console-producer.bat --broker-list localhost:9092 --topic kafka-test-topic #启动消费者 kafka-console-consumer.bat --bootstrap-server localhost

微信二八杠平台出租出售搭建教程 HTML5技术分享

≯℡__Kan透↙ 提交于 2021-01-30 12:41:48
学习H5我们不需要过度的关注细节,五柳先生的“不求甚解”的态度就很好,遇到能想起来,用到明白来源,不用作为扩展知识。 其次,微信二八杠平台出租出售(Q-2189563389)H5的设计起点就是从实用出发的,也就是说很多特性都是怎么方便就怎么来。所以我们可以关注我们感兴趣的技术,但是开发的时候还是不要特意的使用H5,能用到而且兼容性也不错就用,用不到也不要“画蛇添足”,比如163邮箱就有用到nav标签等,但是如果自己不是很精通H5或者是没必要重构就不要去把一些东西改为H5的,比如编写JS的时候特意的用WebWorker,这就很不好!除非我们很明确的知道,这就是针对移动端这种基本上全面支持H5的Browser设计开发的功能。 最后,H5技术不复杂,它从来都不是什么新技术,只是HTML的延续,我认为的H5包括如下三点: (1)改进及增强的HTML属性,新页面可以尝试使用。 (2)增强了的JS交互接口:WebWorker、WebStorage、Web DB、Offline Application、Geolocation、Canvas,可以说H5和JS相互增强更上一层,但是还是要小心使用! (3)CSS3:改进增强CSS功能,让页面效果更绚丽,开发更简单,尤其是“移动先行”的现代互联网理念能让“响应式设计”越来越简单、流行,甚至出现了很多框架,比如bootstrap。 学习方法:

Uncaught RangeError: Maximum call stack size exceeded

China☆狼群 提交于 2021-01-30 05:51:49
环境: jquery+bootstrap+bootstrapValidator 问题描述:有个form表单,一点击按钮提交,就会报如题错误。正常应该是去校验表单输入。 解决: 从日志分析来看,报错的起始位置发生在bootstrapValidator内,只要删除相关的代码,就不会报错。 但是校验代码也是非常的简单,和在登陆页面没有差别,怎么会报错呢。 校验代码: $( ' #formSchool ' ).bootstrapValidator({ message : ' 您的输入有误 ' , fields : { schoolName : { message : ' 学校名称不能为空 ' , validators : { notEmpty : { message : ' 学校名称不能为空 ' } } }, province : { message : ' 省分不能为空 ' , validators : { notEmpty : { message : ' 省分不能为空 ' } } }, city : { message : ' 城市不能为空 ' , validators : { notEmpty : { message : ' 城市不能为空 ' } } }, activeTime : { message : ' 生效时间不能为空 ' , validators : { notEmpty

Spring Boot 集成 Kafka Stream

只愿长相守 提交于 2021-01-30 01:44:40
Kafka 从0.10版本开始支持流处理,我们可以使用 Kafka Streams 来开发实时应用程序。本章介绍 Spring Boot 集成 Kafka Streams 进行流式计算。 Spring Boot 集成 Kafka 的基本配置和用法在 “Spring Boot 集成 Kafka” 有介绍,这里不再详述。 依赖 使用 Kafka Streams 流处理,在集成 Spring Kafka 的基础下,还需要引入: <dependency> <groupId>org.apache.kafka</groupId> <artifactId>kafka-streams</artifactId> </dependency> 配置 在 application.yml 配置 spring: kafka: streams: application-id: test-kafka-stream # 默认取springboot应用名 bootstrap-servers: ${KAFKA_HOST:localhost}:${KAFKA_PORT:9092} # 会覆盖 spring.kafka.bootstrap-servers 配置 # auto-startup: true properties: default: key: serde: org.apache.kafka.common

自己做的js甘特图插件

本小妞迷上赌 提交于 2021-01-26 03:15:52
版权所有,禁止转载 内容都在代码中,上图上代码! 代码 <! DOCTYPE html > < html > < head > < title > ganttu.html </ title > < meta name ="keywords" content ="keyword1,keyword2,keyword3" > < meta name ="content-type" content ="text/html; charset=UTF-8" > < meta name ="reason" content ="甘特图的实际进度与计划进度可能不符,为了展示实际进度与计划进度的差异和方便统计,自己写了个甘特图框架" > < meta name ="mast" content ="使用代码之前请留言,禁止转载..." > < meta name ="description" content ="liuyuhang 的甘特图,当前版本1.0,2019-02-19" > < meta name ="description" content ="时间日期格式:yyyy-mm-dd" > < meta name ="description" content ="①计划进度与实际进度双重进度体系" > < meta name ="description" content ="②有前置任务连接线"

基于HTML5 SVG实现的圆形滑块进度条特效源码

隐身守侯 提交于 2021-01-24 11:42:58
码农那点事儿 关注我们,一起学习进步 基于HTML5 SVG实现的圆形滑块进度条特效源码 是一段通过滑块拖动控制进度条数值,默认支持设置进度条最大数值。 非常有意思,欢迎有兴趣的朋友前来下载使用。 下载源码(提取码:关注公众号,后台回复【 191126 】) 写在最后 以上就是给大家分 享的基于HTML5 SVG实现的圆形滑块进度条特效源码 ,值得你收藏!有兴趣的朋友可以看看,同时也欢迎分享和收藏。 本文源码获取方法 ,请在下方 关注“ 码农那点事儿 ”公众号,在后台回复 “191126” ,即可获得。 ● 后台回复【 网页特效 】,免费获取网页制作特效源码! ● jquery 仿Div模态弹出窗口插件 ● Bootstrap4实现多步骤向导模态窗口插件MultiStep ● 基于vue.js 制作在线桌椅定制选择交互特效源码 ● 纯CSS3实现的三角杯和夏日鸡尾酒动画效果源码 *版权声明: 转载文章和图片均来自公开网络,版权归作者本人所有,如果出处有误或侵犯到原作者权益,请与我们联系删除或授权事宜。 推荐↓↓↓ 码农那点事儿 本文分享自微信公众号 - 码农那点事儿(code_ndsh_2018)。 如有侵权,请联系 support@oschina.cn 删除。 本文参与“ OSC源创计划 ”,欢迎正在阅读的你也加入,一起分享。 来源: oschina 链接: https://my

Angular6 学习笔记——路由详解

北慕城南 提交于 2021-01-24 01:24:58
angular6.x系列的学习笔记记录,仍在不断完善中,学习地址: https://www.angular.cn/guide/template-syntax http://www.ngfans.net/topic/12/post/2 系列目录 (1) 组件详解之模板语法 (2) 组件详解之组件通讯 (3) 内容投影, ViewChild和ContentChild (4) 指令 (5) 路由 路由存在的意义 一般而言,浏览器具有下列导航模式: 在地址栏输入 URL,浏览器就会导航到相应的页面。 在页面中点击链接,浏览器就会导航到一个新页面。 点击浏览器的前进和后退按钮,浏览器就会在你的浏览历史中向前或向后导航。 那么,在angular中,是什么决定上述的行为呢? 对于一个新建的项目而言,只存在一个组件AppComponent,如果不增加其他的组件,意味着所有的行为就将在这一个组件里面完成,这种情况下,单一的组件将无法保存状态的变化,这显然满足不了上面的需求.所以,通常情况下,会如我在 组件通讯 中所写,组件之间呈如下的树形结构: 路由就是连接这些组件的筋络,它也是树形结构的.有了它,就可以在angular中实现上述的导航模式 可以把路由看成是一组规则,它决定了url的变化对应着哪一种状态,具体表现就是不同视图的切换 在angular中,路由是非常重要的组成部分, 组件的实例化与销毁

人脸识别SpringBoot快递代取平台系统 珍贵的一次开发经验分享给大家

两盒软妹~` 提交于 2021-01-23 10:56:37
最近上海理工大学光电学院的拉吉研究生张逸风全家出了车祸,他妈妈住进了ICU脑袋也不好使了,他爹害也不好意思过世了,这孩子挺坚强的,媳妇被人绿了,自己也住进去了,他委托我帮他开发一个系统,帮他圆梦,因此我开始了如下的创作,帮大家快速入门开发,奥利给 相关技术栈 前端: Thymeleaf、Bootstrap、Ajax、JQuery 开发环境: IDEA 、SpringBoot 2.1、Maven 数据库与缓存 :MySQL 5.7、Redis、Guava Cache 三方服务 :阿里云云短信服务、支付宝支付(沙箱)、百度人脸识别 安全框架 :Spring Security 其他技术 :API 接口限速、二级缓存 主要功能 登陆与注册: 用户名密码、短信验证码、人脸识别登录、QQ登录 权限: 普通用户、配送员、后台管理员 普通用户 :下单支付、订单查询、意见反馈、订单评价 配送员 :接单、订单管理、意见反馈、订单评价 系统管理员 :用户管理、订单管理、反馈管理 核心代码解析 短信接口代码解析 public SendSmsResponse sendSms(String mobile,String template_code,String sign_name,String param) throws ClientException { // String accessKeyId =env

使用RxJs WebSocket,HighCharts和Angular实时数据

…衆ロ難τιáo~ 提交于 2021-01-21 14:04:12
Highcharts 是一款纯JavaScript编写的图表库,为你的Web网站、Web应用程序提供直观、交互式图表。当前支持折线、曲线、区域、区域曲线图、柱形图、条形图、饼图、散点图、角度测量图、区域排列图、区域曲线排列图、柱形排列图、极坐标图等几十种图表类型。 点击下载Highcharts最新试用版 在本教程中,我们将向您展示如何使用RxJs Websocket和官方的Highcharts Angular包装器可视化实时更新。您可以通过单击此GitHub链接访问整个项目。 备注 在本文中,使用随机数据来更新图表。没有服务器端代码的实现。 创建此项目有两个主要部分: 第一部分是设置Angular项目。为此,请遵循此Angular指南中的标准说明:设置本地环境和工作区。 第二部分是通过以下三个简单步骤来使用RxJsWebSocket和Highcharts设置Angular项目: 步骤1 由于我们将使用默认协议WSS(WebSocket协议),因此配置项目中的第一步是WebSocket import {webSocket}从rxjs/webSocket包中导入。 顺便说一句,如果你不熟悉WSS,这里是当有订阅的插座会发生什么的简短说明: 该rxjs管是用于撰写运营商的方法。订阅时收到的Emitted值仅被推入数组中并分配给data属性