随笔分类 -  前端

bootstrap Jquery Css Html echarts
摘要:vue 页面文字转播放声音 1、引入这句话 const synth = window.speechSynthesis; const msg = new SpeechSynthesisUtterance(); 2、引入声音的方法 /** 语音播报的函数*/ handleSpeak(e){ msg.te 阅读全文
posted @ 2021-04-06 10:35 胖头陀春天 阅读(1118) 评论(0) 推荐(0) 编辑
摘要:时间戳转时间 /** 使用方法: this.endValue = this.dataFormat(resultEnd, "Y-m-d H:i:s") */dataFormat(timestamp, formats) { // formats格式包括 // 1. Y-m-d // 2. Y-m-d H 阅读全文
posted @ 2020-12-09 18:09 胖头陀春天 阅读(2005) 评论(0) 推荐(0) 编辑
摘要:##解决input框中加入disabled="disabled"之后,改变字体的颜色(默认的是灰色) style="{color:#fff;opacity:1}" 代码使用: 阅读全文
posted @ 2020-08-13 12:05 胖头陀春天 阅读(2963) 评论(0) 推荐(0) 编辑
摘要:###js 中日期转换成时间戳 js字符串转化时间戳可以使用自带函数 Date(要转化的时间字符串)先转化为Date类型,之后再将Date类型转化为时间戳类型,其中时间字符串有要求,形式必须是 yyyy-MM-dd HH:mm:ss 的形式,当然,也可以只是 yyyy-MM-dd, 就是 2013- 阅读全文
posted @ 2020-08-13 12:01 胖头陀春天 阅读(1302) 评论(0) 推荐(0) 编辑
摘要:app.title = '折柱混合'; option = { tooltip: { trigger: 'axis', axisPointer: { type: 'cross', crossStyle: { color: '#999' } } }, toolbox: { feature: { data 阅读全文
posted @ 2019-12-09 15:54 胖头陀春天 阅读(2796) 评论(0) 推荐(0) 编辑
摘要:1. 页面 <body> <div class="mod-page-body"> <div class="mod-page-main wordwrap clearfix"> <div class=x-page-container> <div class="mod-notfound grid-98"> 阅读全文
posted @ 2019-12-03 09:43 胖头陀春天 阅读(239) 评论(0) 推荐(0) 编辑
摘要:1.页面js/css <!-- bootstrap 插件样式 --> <link th:href="@{/common/bootstrap-3.3.6/css/bootstrap.min.css}" rel="stylesheet"/> <link th:href="@{/common/bootst 阅读全文
posted @ 2019-11-26 19:27 胖头陀春天 阅读(4019) 评论(0) 推荐(0) 编辑
摘要:Ztree + bootstarp-table 使用 一. Ztree 1.引入js/css文件 Ztree官网 2.页面定义/html 3.页面初始化js 4.controller 层 5.页面直接根据返回的json 数据渲染Ztree 二 、bootStarp-table 整合 Ztree 1. 阅读全文
posted @ 2019-10-17 20:05 胖头陀春天 阅读(1324) 评论(0) 推荐(0) 编辑
摘要:代码示例: 效果图: 主要代码:(设置预警线值,样式,文本) 阅读全文
posted @ 2019-10-09 14:32 胖头陀春天 阅读(29372) 评论(0) 推荐(4) 编辑
摘要:1.引入bootstarp-table 系类的js/css文件 2.定义一个空的table 3.对table 初始化的js 4.后台controller 页面的查询按钮 和 取消按钮 事件 bootstarp-table 中的按钮操作 这个需要绑定按钮点击的事件 1.定义按钮的位置 2.按钮的点击事 阅读全文
posted @ 2019-09-26 13:48 胖头陀春天 阅读(7120) 评论(0) 推荐(0) 编辑
摘要:Bootstrap-table 表格合并相同名字的列 @编写function() 完整代码:html/js !!!!!!!!!!!!上面的这个合并行的方法有点问题 : 下面这个方法是可以的 !!!!!!!!! 阅读全文
posted @ 2019-08-19 13:42 胖头陀春天 阅读(2365) 评论(0) 推荐(0) 编辑
摘要:xAxis 属性 xAxis : [ { type : 'category',//坐标轴类型 // show:'',//是否显示 x 轴 //id:'',组件 ID。默认不指定。 //gridIndex :'',x 轴所在的 grid 的索引,默认位于第一个 grid ogridIndex :'',//ffset:'',//X 轴相对于默认位置的偏移,在相同的 position 上有多... 阅读全文
posted @ 2019-08-08 17:29 胖头陀春天 阅读(7882) 评论(3) 推荐(3) 编辑
摘要:1.引入必须的几个包 2.定义一个table 3.写js代码 4.后台数据List 结构的数据 5.视图 完整代码: html、js、controller 阅读全文
posted @ 2019-08-07 15:08 胖头陀春天 阅读(5136) 评论(0) 推荐(0) 编辑
摘要:后台管理页面采用 bootstrap table 页面样式: 现在需要在操作中添加一个<a>标签,跳转到不同的页面 跳转的页面修改: 后台代码 controller 修改: 添加页面修改: 修改页面: 前台页面的样子: 阅读全文
posted @ 2019-03-20 09:47 胖头陀春天 阅读(14144) 评论(0) 推荐(0) 编辑
摘要:HTML培训教程 1. HTML概述 1.1. 什么是 HTML 文件? n HTML(Hyper Text Markup Language)指超文本标签语言。 n 这些标签告诉 WEB 浏览器如何显示页面. n HTML 文件必须使用 htm 或者 html 作为文件扩展名. n HTML 文件可 阅读全文
posted @ 2019-01-23 18:55 胖头陀春天 阅读(751) 评论(0) 推荐(0) 编辑
摘要:Jquery 常用方法 及属性 jQuery 事件 jQuery 事件方法语法 在 jQuery 中,大多数 DOM 事件都有一个等效的 jQuery 方法。 页面中指定一个点击事件: $("p").click(function(){ // 动作触发后执行的代码!! }); jQuery 效果 隐藏 阅读全文
posted @ 2018-07-09 17:30 胖头陀春天 阅读(353) 评论(0) 推荐(0) 编辑
摘要:Bootstrap FileInput 上传 中文 API 整理 上传插件有很多 但是公司用的就是 Bootstrap FileInput 自己就看了看 会用就行 自己都不知道每个值是干嘛用的就问大佬 总结一下 3. 4. 5.项目使用 有些东西还得问人 请教 自己的知识有限 欢迎各位道友吐槽 阅读全文
posted @ 2018-06-08 11:59 胖头陀春天 阅读(21513) 评论(0) 推荐(2) 编辑