![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
杂物间
文章平均质量分 58
银贝斯
希望自己的认识和学习过程给更多人带来益处和参考~
展开
-
js数字金额格式转换函数
/*数字与金额转换,四位隔开*/function fmoney(s, n) //s:传入的float数字 ,n:希望返回小数点几位 { n = n > 0 && n <= 20 ? n : 2; s = parseFloat((s + "").replace(/[^\d\.-]/g, "")).toFixed(n) + ""; var l = s.split(".原创 2016-01-25 10:12:16 · 1675 阅读 · 1 评论 -
javascript时间处理
var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)原创 2016-09-13 17:20:52 · 549 阅读 · 0 评论 -
input与span之间莫名的空隙
对于行元素span或者input来说 很多人会用inline-block来显示他们但是往往发现 中间会留一段小空隙 图片就不贴了 可以自己试一试 就会发现 怎么都去不了其实这个问题是由于换行引起的我们通常都是一个标签写一行如果我们把上一行标签的尾巴移到下一行 自然可解决这个问题如下>原创 2016-09-06 11:06:30 · 5014 阅读 · 4 评论 -
【web前端攻城狮】表单验证之电话验证
我们这里要用到的是淘宝电话验证接口,先给个图片url:"https://tcc.taobao.com/cc/json/mobile_tel_segment.htm?tel="+$("#rg-inputphone").val()用这种方式,在用户注册的时候会让产品形象更好,更有依赖感 $("#rg-inputphone").on("blur", function() { ...原创 2015-12-14 14:17:49 · 767 阅读 · 0 评论 -
如何设置滚动条样式
/*滚动条设置*//* 设置滚动条区域*/::-webkit-scrollbar { width: 14px;}/* Track */::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius: 10px; bor原创 2016-01-25 22:29:14 · 1809 阅读 · 0 评论 -
【web前端攻城狮】string转换成json对象
很多时候,可能需要我们自己去拼接json对象就像我这样给定的数据是这样的var data = {贾嫒: -45494.848, 巩嫒: 16720.788, 余嫒: 26449.724, 梁安: 21023.016, 彭安: 3729.6};而我们想要的格式是这样的var jsongirl = { 'name': 'flare', 'children原创 2016-01-04 17:51:56 · 3638 阅读 · 0 评论 -
如何理解JS多维数组
var yiwei = []; yiwei[0]=[1,2,3,4] yiwei[1]=[1,2,3,4,5,6,7] yiwei[2]=[1,2] /*yiwei[3] = [1,2];*/ yiwei[3][3]=1; console.log("yiwei[0][3]:"+yiwei[0][3]); console.log("原创 2016-06-15 17:47:39 · 1328 阅读 · 0 评论 -
CSS3 transition详解
D3 Transitions简介:Css 的transition属性可以使CSS的值在一段时间内平滑的变化。Transition:一般情况下,当CSS值发生变化时,其渲染结果会立刻发生变化。而这个transition新属性可以将这一变化在一段时间内缓慢过渡。#transition01{position: absolute;left:0px;width:200px;原创 2016-07-25 16:17:44 · 2205 阅读 · 0 评论 -
CSS3 Transform详解
CSS3 Transform简介:Css3 transform 允许元素在2维以及3维空间进行变换。具体包括三大块,2D transform、3Dtransform、以及SVG transform。这种变化是基于像素操作的,操作包括移动,旋转,大小变换等。Transform origin:例如,如果bottom就是底边的中点,left就是左边的中点。Center就是原创 2016-07-26 11:33:08 · 693 阅读 · 0 评论 -
css3-clip-path-imitate
1原创 2016-08-08 09:56:40 · 443 阅读 · 0 评论 -
css3 clip-path
section{ position:absolute; width:800px; height:400px; border:1px solid grey;}.x{ position: absolute; top:0; right:0; bottom:0; left:0; background:#f4a034; -webkit-transition: all .3s;原创 2016-08-08 10:10:00 · 391 阅读 · 0 评论 -
select下的option如何调缩进
今遇到一问题,select框使用了text-indent缩进了20px结果option框无论如何都无法缩进后来才发现 如果在select框用padding-left:20px;子元素的option即可完美继承缩进原创 2016-08-12 16:17:13 · 7957 阅读 · 0 评论 -
CSS层叠关系
我们最熟悉的css层叠关系要数z-index了,曾几何时,我也觉得层叠也就不过如此知道看了张鑫旭大神的博客 但是看归看 自己下来还是得把他说的例子实践一下 而且我们在实际开发过程中会遇到很多实际的特例 上面这张图是来自其网站的一张图 不想重新P图 在此借用一下 下面我就我们通常用的情况实践了一下原创 2016-08-24 16:16:36 · 897 阅读 · 0 评论 -
CSS如何实现文字隐藏 超出文字隐藏 鼠标移入显示
span{ display: inline-block; width:60px; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; } span:hover{ overflow: visible; } 欢迎光临本寒舍啊原创 2016-09-05 14:47:40 · 25415 阅读 · 1 评论 -
获取浏览器可见高度
就一句话 top.innerheight之所以在此记录一下 是因为网上别的信息很是不准确下面是在别处复制的内容 供参考 JS获取屏幕高度var s = "";s += " 网页可见区域宽:"+ document.body.clientWidth;s += " 网页可见区域高:"+ document.body.clientHeight;s原创 2016-09-06 10:25:55 · 3956 阅读 · 0 评论 -
children与childNodes的区别
乍一看 感觉一样 平时用的时候也没怎么留意其实区别还是有点儿大 传言啊 这个 childNodes是正统属性 亲生的 而这个children是野孩子 这个野孩子比较随意 所以用它返回来的就只有DOM元素了 其他的文字啥的 都不返回 而 childNodes比较讲究 事无巨细 都要返回来 但原创 2016-09-07 17:23:25 · 10791 阅读 · 3 评论 -
jquery以及原生js 如何实现div倒序
--> 01 02 03 04 05 06 /*jquery*/ /*$(".container>div").each(function(){ $(this).prependTo(".container"); })*/ /*vanilla*/ var bigContainer = document.原创 2016-09-21 17:43:01 · 3797 阅读 · 0 评论 -
【Vanilla Js 02】事件绑定与去除
将以上的代码JS最后一句除去,就可以调用点击事件。将最后一句加上就相当于卸载了当前事件值得补充一句的是,为什么推荐用这种方法呢?有两点原因1、可以绑定多个事件,如果只是用onclick的话,就只能绑定一个事件而已。如果你之前用了onclick,没关系,和onclick不冲突2、可以卸载事件,这个是他的优点原创 2016-07-20 10:21:28 · 572 阅读 · 0 评论 -
svg性能低?能展现的点比较少?真的是这样吗?
很多人会说用d3画svg有局限,d3本来就不适合大数据可视化说出这些话的人,首先要说的就是 他不懂大数据 因为大数据的精髓不在于数据量,而在于数据分析也就是说可视化的目的是为了便于对数据的分析那么问题来了 首先我们看一下这幅图95之前的朋友 肯定记得 老电视机分辨率低,如果距离很近的话 就会看到这个景象 我们所说的像素也是这样现如原创 2016-03-15 15:52:28 · 3972 阅读 · 0 评论