Luna666

摘要： vue是前端轻量级MVVM框架，入门门槛相对较低，今天用Vue做一个购物车实例，发表以便记录 原理分析和实现 首先，还是先把布局写好，和引入vue，准备vue实例，这个不多说，代码如下 然后准备下列表数据，根据下面表格的箭头 准备了这么多，大家可能想到，还缺少一个，就是记录产品是否有选中，但是这个字 阅读全文

摘要： translate实现绝对居中效果。 translate一直是我实现居中效果众多属性中最多的一个属性，我认为这个属性简单，使用方便，在此小记。 translate(X,Y)定义2D转换，其中X是定义X轴的值，Y轴是定义Y轴的值。 代码如下 阅读全文

摘要： 由于css不能修改select option的样式，使用起来不灵活， 所以写一个用div效仿的select下拉框。 html css js 先隐藏ul下拉框盒子，点击状态时显示下拉框，选中列表时把列表的内容传入显示的状态上， prev()是查找相邻兄弟的前一个，find()查找到，html()赋予； 阅读全文

摘要： 当我们在使用mui框架时，用到列表li --> .mui-table-view-cell类时会自带一个点击高亮背景色变灰的效果；做项目页面时可能会使样式错乱，所以需要加如下代码时点击背景变白即可。.mui-table-view-cell > a:not(.mui-btn).mui-active { 阅读全文

摘要： $(document).click(function(e){ var _con = $('目标区域'); // 设置目标区域 if(!_con.is(e.target) && _con.has(e.target).length === 0){ // 点击区域不是目标本身，也排除目标区域的子元素 some code... // 功能代码 } }); ... 阅读全文

摘要： 如图所示，我们在做卡片布局时会遇到商品介绍过多的情况； 这是文本就会超出，布局会混乱。 因此需要用css3的属性来控制超出文本显示省略号 overflow:hidden; //超出隐藏 text-overflow:ellipsis ; //溢出用省略号显示 white-space:nowrap ；　 阅读全文

摘要： 浏览器展示： 点击导出EXCEL 浏览器自动下载excel文件到本地；效果： jquery.table2excel.js要基于jquery的基础上才能使用，是一款专门导入excel的插件 阅读全文

摘要： 在项目中运用到图形展示数据太常见了，echarts是一款使用率非常高的插件工具，很多大平台都是使用echarts； 一般运用到条形、折线、扇形图，今天说一说在中国地图上展示各地数据； 首先要准备中国地图的JS文件，可以在网盘下载，链接: https://pan.baidu.com/s/1j_edGU 阅读全文

摘要： ECharts，一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上， 兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等）， 底层依赖轻量级的矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图 阅读全文

摘要： H5 video视频支持外挂字幕，字幕文件后缀名是.vtt，专门的web字幕格式 字幕插入也非常简单，只需要在video标签内使用track标签 sing-song.vtt文件格式如下 WEBVTT 00:00:00.001 --> 00:00:01.000请把你的锅 00:00:01.001 -- 阅读全文