摘要: vue是前端轻量级MVVM框架,入门门槛相对较低,今天用Vue做一个购物车实例,发表以便记录 原理分析和实现 首先,还是先把布局写好,和引入vue,准备vue实例,这个不多说,代码如下 然后准备下列表数据,根据下面表格的箭头 准备了这么多,大家可能想到,还缺少一个,就是记录产品是否有选中,但是这个字 阅读全文
posted @ 2018-10-17 17:39 Luna666 阅读(44019) 评论(0) 推荐(0) 编辑
摘要: translate实现绝对居中效果。 translate一直是我实现居中效果众多属性中最多的一个属性,我认为这个属性简单,使用方便,在此小记。 translate(X,Y)定义2D转换,其中X是定义X轴的值,Y轴是定义Y轴的值。 代码如下 阅读全文
posted @ 2018-09-17 14:56 Luna666 阅读(2171) 评论(0) 推荐(0) 编辑
摘要: 由于css不能修改select option的样式,使用起来不灵活, 所以写一个用div效仿的select下拉框。 html css js 先隐藏ul下拉框盒子,点击状态时显示下拉框,选中列表时把列表的内容传入显示的状态上, prev()是查找相邻兄弟的前一个,find()查找到,html()赋予; 阅读全文
posted @ 2018-09-17 14:18 Luna666 阅读(5690) 评论(0) 推荐(0) 编辑
摘要: 当我们在使用mui框架时,用到列表li --> .mui-table-view-cell类时会自带一个点击高亮背景色变灰的效果;做项目页面时可能会使样式错乱,所以需要加如下代码时点击背景变白即可。.mui-table-view-cell > a:not(.mui-btn).mui-active { 阅读全文
posted @ 2018-08-27 13:59 Luna666 阅读(2221) 评论(0) 推荐(0) 编辑
摘要: $(document).click(function(e){ var _con = $('目标区域'); // 设置目标区域 if(!_con.is(e.target) && _con.has(e.target).length === 0){ // 点击区域不是目标本身,也排除目标区域的子元素 some code... // 功能代码 } }); ... 阅读全文
posted @ 2018-06-27 13:17 Luna666 阅读(1606) 评论(0) 推荐(0) 编辑
摘要: 如图所示,我们在做卡片布局时会遇到商品介绍过多的情况; 这是文本就会超出,布局会混乱。 因此需要用css3的属性来控制超出文本显示省略号 overflow:hidden; //超出隐藏 text-overflow:ellipsis ; //溢出用省略号显示 white-space:nowrap ;  阅读全文
posted @ 2018-06-26 13:40 Luna666 阅读(361) 评论(0) 推荐(0) 编辑
摘要: 浏览器展示: 点击导出EXCEL 浏览器自动下载excel文件到本地;效果: jquery.table2excel.js要基于jquery的基础上才能使用,是一款专门导入excel的插件 阅读全文
posted @ 2018-05-08 16:01 Luna666 阅读(12091) 评论(0) 推荐(0) 编辑
摘要: 在项目中运用到图形展示数据太常见了,echarts是一款使用率非常高的插件工具,很多大平台都是使用echarts; 一般运用到条形、折线、扇形图,今天说一说在中国地图上展示各地数据; 首先要准备中国地图的JS文件,可以在网盘下载,链接: https://pan.baidu.com/s/1j_edGU 阅读全文
posted @ 2018-05-08 11:26 Luna666 阅读(145377) 评论(12) 推荐(12) 编辑
摘要: ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上, 兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等), 底层依赖轻量级的矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图 阅读全文
posted @ 2018-04-20 15:44 Luna666 阅读(3414) 评论(0) 推荐(0) 编辑
摘要: H5 video视频支持外挂字幕,字幕文件后缀名是.vtt,专门的web字幕格式 字幕插入也非常简单,只需要在video标签内使用track标签 sing-song.vtt文件格式如下 WEBVTT 00:00:00.001 --> 00:00:01.000请把你的锅 00:00:01.001 -- 阅读全文
posted @ 2018-04-20 11:27 Luna666 阅读(4549) 评论(0) 推荐(0) 编辑