随笔分类 -  开发 / 前端

摘要:element利用image-viewer组件实现大图预览和图片动态加载element的el-image组件支持大图预览模式,但需要和小图模式配合使用,项目中刚好有需求需要直接使用大图预览并且需要支持图片的动态加载,研究了一下el-image组件的源码发现el-image组件是通过引用image-viewer组件实现的大图预览的,刚好可以利用一下! image-view 阅读全文
posted @ 2024-01-31 11:40 铁皮鸭子 阅读(7002) 评论(0) 推荐(1)
摘要:在网页开发中我们经常需要对图片进行分割(如下图)来使用,而不是分别提供单独的图片来调用,常见的如页面背景,按钮图标等,这样做的好处就是减少请求次数,节省时间和带宽。 对背景图片的定位就需要用到CSS中的background样式,如: div{ background-image: url("1234. 阅读全文
posted @ 2014-09-15 23:14 铁皮鸭子 阅读(21100) 评论(10) 推荐(2)
摘要:JS字符串本身并不没有提供常用的trim方法,我们可以通过修改String原形来添加此方法,我们就可以直接调用此方法了: String.prototype.trim = function(){return this.replace(/(^\s*)|(\s*$)/g, '')} String.prot 阅读全文
posted @ 2014-06-30 17:35 铁皮鸭子 阅读(406) 评论(0) 推荐(0)
摘要:JS是一种弱类型的脚本语言,为变量赋值是会自动转换为相应的类型,例如: var a = 1; alert(a + 1);//结果为2 自动识别为数字类型进行数学运算 var b = '1'; alert(b + 1);//结果为11 自动识别为字符类型进行连接操作 但在某些情况我们在对数字类型的变量 阅读全文
posted @ 2014-06-15 01:32 铁皮鸭子 阅读(325) 评论(0) 推荐(0)
摘要:JS中默认中文字符长度和其它字符长度计算方法是一样的,但某些情况下我们需要获取中文字符串的实际长度,代码如下: function strLength(str) { var realLength = 0, len = str.length, charCode = -1; for (var i = 0; 阅读全文
posted @ 2014-06-04 18:18 铁皮鸭子 阅读(542) 评论(0) 推荐(0)