随笔分类 -  JavaScript/HTML/CSS

关于前端的所有
Bootstrap Tooltip(提示工具) 插件 如何修改默认CSS样式?
摘要：首先,要说一句,tooltip插件真的很好,很好用! 使用方法本文不介绍,因为不是要讨论的重点.请参照别处. 本文的套路重点是:样式,css样式. 下图是插件的默认样式.由2部分构成: 1.小三角区域; 2.气泡区域. 在显示的内容较少的时候,一切OK,没问题.但是一旦要显示很多很多的内容,而气泡又 阅读全文
posted @ 2018-10-25 15:07 飞雪安能住酒中 阅读(8580) 评论(0) 推荐(2)
HTML5 新特性--用canvas（画布）来画圆
摘要：HTML部分： js部分： 最终效果图: 阅读全文
posted @ 2018-10-21 22:09 飞雪安能住酒中 阅读(3882) 评论(0) 推荐(1)
js 拼接的字符串 控制让其换行
摘要：var str = '';str +='a,b...'+ '\r\n';$(...).val(str);这样即可.简单粗暴 阅读全文
posted @ 2018-08-15 16:21 飞雪安能住酒中 阅读(6908) 评论(0) 推荐(0)
bootstrap的portlet组件框框的应用 (点击可伸缩)
摘要：上面用是bootstrap做成的一个经典网站一部分,看右半部分. 先分析布局,是这样的:一个大的div,分上下两部分.以一条灰色线区隔开来. 上面是说明性文字,和右侧的特殊按钮,如伸缩,刷新,和移除按钮等. 下面则是真正的内容部分. 把网站的html代码copy过来,样式直接OK,就是点击按钮交互这 阅读全文
posted @ 2018-05-27 10:05 飞雪安能住酒中 阅读(2346) 评论(0) 推荐(0)
jQuery.trim() 函数及trim()用法详解
摘要：先要明确,原生js里不含有trim()方法.如果你觉得有,那一定是记成Java里了. 解决方法如下所示： 1.使用JQuery提供的$.trim([要操作的对象]); 2.自己封装一个方法进行空白字符的截取。 这里只用第一种方法,jQuery自带的trim jQuery.trim()函数用于去除字符 阅读全文
posted @ 2018-05-27 09:31 飞雪安能住酒中 阅读(1498) 评论(0) 推荐(0)
针对谷歌浏览器Chrome的CSS hack
摘要：不多说,原文写的很好了. 引用地址:http://www.cnblogs.com/mrcoke/articles/2544760.html 阅读全文
posted @ 2018-05-18 15:22 飞雪安能住酒中 阅读(165) 评论(0) 推荐(0)
CSS-如何禁用a标签
摘要：先明确一点知识: input,button有disabled属性,可以用之达成禁用目的. 然而超链接<a></a>可是没有disabled这一属性的,那么问题就来了: 如何打算让超链接禁止访问和点击,怎么办呢? 办法在这里;::: 如果想禁用a标签，如下，class调用disabled就可以了 阅读全文
posted @ 2018-05-18 15:14 飞雪安能住酒中 阅读(743) 评论(0) 推荐(0)
textarea中文本前总是空2格，写入数据库也是
摘要：页面开发过程中,偶然遇到了上述一个奇葩的小问题. 百思不得其解,后来网查资料,原来是代码里: 为了好看,写的时候换了行,把"</textarea>"放到单独一行,这样就会导致标题中的怪问题. 后来尽量把这段代码写一行里,就OK了 ...写代码以来,碰到的最奇葩的bug了... 阅读全文
posted @ 2018-05-18 15:09 飞雪安能住酒中 阅读(240) 评论(0) 推荐(0)
jquery ajax error函数和及其参数详细说明 (转)
摘要：引用地址:https://blog.csdn.net/u014756827/article/details/52950514 使用jquery的ajax方法向服务器发送请求的时候，常常需要使用到error函数进行错误信息的处理，本文详细的说明了ajax中error函数和函数中各个参数的用法。 一般e 阅读全文
posted @ 2018-05-08 15:08 飞雪安能住酒中 阅读(20518) 评论(0) 推荐(1)
bootstrap table所在的div的屁股后面如何让一个新的div动态跟随
摘要：这个问题也是最近的项目中碰到的,赶进度困扰了我好长时间.方便说明问题,我把table所在的大div命名为div1,想在下方平铺的新div叫div2.如果把div2嵌套在div1里,需要用js先获取生成的table的高度,再进行加法运算设置为div2的height,还得让div2按照绝对定位来做,这样 阅读全文
posted @ 2018-05-04 15:09 飞雪安能住酒中 阅读(1152) 评论(0) 推荐(0)
bootstrap表格 怎么完美嵌套在一个div中 (或者说:怎么让div的高度随着表格的高度变化而动态变化?)
摘要：在最近的项目中,使用了bootstrap3框架,发现它非常的有意思. 其中表格组件,好用度还可以.怎么实现标题中的目标呢? 答案就是:1.如果表格设定height属性,那就稍微加一点像素,设为外部div的高度,让他们刚好匹配; 2.如果表格没有height属性,那么在css里就不设置外部的div的高 阅读全文
posted @ 2018-05-03 11:16 飞雪安能住酒中 阅读(1551) 评论(0) 推荐(0)
bootstrap表格 合并多行的使用方法
摘要：1 function initTable(tableID) { 2 $("#" + tableID).bootstrapTable('destroy'); 3 $('#' + tableID).bootstrapTable({ 4 method: 'post', 5 url: primary_url, 6 c... 阅读全文
posted @ 2018-05-03 11:03 飞雪安能住酒中 阅读(1987) 评论(0) 推荐(0)
编写CSS代码的个人风格
摘要：以后啊我再写css样式,推荐以id选择器或类选择器结合派生选择器的现代布局形式来写,会节省很多代码,而且派生选择器还可以用逗号","隔开,共享一个样式声明. 如果class名较长,以'xx-xx-xx'的形式连接各部分.形成统一风格. 阅读全文
posted @ 2018-02-27 17:30 飞雪安能住酒中 阅读(164) 评论(0) 推荐(0)
jquery的$(selector).each,$.each的区别
摘要：最近一直在研究JS，今天看到遍历模块的时候，看到了这个函数： $(selector).each(function( )) 但是想想，这个函数和之前项目里面用到的遍历数据的函数不是同一个呀（项目里面用到的函数：$.each(dataresource,function(index,element))）， 阅读全文
posted @ 2017-11-02 16:59 飞雪安能住酒中 阅读(189) 评论(0) 推荐(0)
js如何判断json是否为空?
摘要：最简单!前提是得现引入jquery! 阅读全文
posted @ 2017-09-22 17:26 飞雪安能住酒中 阅读(355) 评论(0) 推荐(0)
js写年月日三级下拉列表框
摘要：参照地址 http://blog.csdn.net/wangzihu/article/details/7676877# 效果不错，代码略繁琐 参照地址 http://blog.csdn.net/wangzihu/article/details/7676877# 效果不错，代码略繁琐 阅读全文
posted @ 2017-09-18 18:12 飞雪安能住酒中 阅读(185) 评论(0) 推荐(0)
Echarts 图例手动换行
摘要：最近工作遇到一个legend手动换行的问题 ，用搜索引擎搜了N条记录都没有答案 最后还是看文档解决了。 默认布局到达边缘会自动分行（列） 修改Legend.data 手动添加一个字符串 '' 就能实现手动换行 参考：http://echarts.baidu.com/doc/doc.html#Lege 阅读全文
posted @ 2017-09-18 18:11 飞雪安能住酒中 阅读(835) 评论(0) 推荐(0)
echarts画一个折现/柱状混合图
摘要：上代码: myChart=echarts.init(document.getElementById('gaikuangDiv')); option={ tooltip:{ trigger: 'axis', axisPointer: { type: 'cross', crossStyle: { col 阅读全文
posted @ 2017-09-18 18:11 飞雪安能住酒中 阅读(283) 评论(0) 推荐(0)
div+css 页面设计新样式
摘要：这个效果是我研究了好多项目后,结合我的客户的类型和要求,设计了一套简介明了,大方又不落俗套的鼠标样式. css代码: .mouseToLittleHand { cursor: pointer; } .clickToBeBlue { color: #4482E0; border-bottom: sol 阅读全文
posted @ 2017-09-18 18:11 飞雪安能住酒中 阅读(313) 评论(0) 推荐(0)