07 2017 档案

编写移动端高清屏页面的1px边框和线
摘要：找了好几种方法，感觉这个方法才是最简单的。直接上代码： <！--判断屏幕的物理像素是2还是3.合理解决ios上1px线更粗的问题--> @media screen and (-webkit-min-device-pixel-ratio: 2){ .one:before { position: abs 阅读全文
posted @ 2017-07-31 11:29 LIULIULIU666
js中的事件委托或是事件代理详解
摘要：js中的事件委托或是事件代理详解 复制别人的，讲解很详细：http://www.cnblogs.com/liugang-vip/p/5616484.html 起因： 1、这是前端面试的经典题型，要去找工作的小伙伴看看还是有帮助的； 2、其实我一直都没弄明白，写这个一是为了备忘，二是给其他的知其然不知 阅读全文
posted @ 2017-07-26 16:27 LIULIULIU666 阅读(241) 评论(0) 推荐(0)
设置日期，获取当前日期的前七天
摘要：公司要统计最近七天的数据，用下面js可以实现日期 阅读全文
posted @ 2017-07-25 17:41 LIULIULIU666 阅读(1383) 评论(0) 推荐(0)
input上传图片（file）,预览图片的两种方法。blob与base64编码
摘要：上传图片时一般都需要预览，我一般用这两种方法来实现。base64编码可以直接上传到后台，后台解析下，得到的文件就会比较小了，省去了压缩图片这一步了。 阅读全文
posted @ 2017-07-24 13:56 LIULIULIU666 阅读(2015) 评论(0) 推荐(0)
input选择框样式修改与自定义
摘要：html自带的选择框样式不好看，并且在ios设备上丑的罚款。所以一般都是自定义样式； 原理：将原来默认的input选择框隐藏，然后控制label的:before与:after,配合矢量图标或者图片来实现选中效果。 由于时间原因，只做了个一种样式。想要其他样式的话改改就行了。想看更详细的给大家推荐个网 阅读全文
posted @ 2017-07-15 09:57 LIULIULIU666 阅读(3133) 评论(0) 推荐(0)
js间隔几秒弹出一次联系框
摘要：运行效果截图如下： 在线演示地址如下： http://demo.jb51.net/js/2015/js-3-sec-alert-dlg-codes/ 具体代码如下： <html> <head> <title>每隔3秒弹出对话框</title> </head> <body> 不要以为这是个空网页,一会 阅读全文
posted @ 2017-07-13 09:47 LIULIULIU666 阅读(671) 评论(0) 推荐(0)
js 停止事件冒泡 阻止浏览器的默认行为（阻止a标签跳转 ）
摘要：在前端开发工作中，由于浏览器兼容性等问题，我们会经常用到“停止事件冒泡”和“阻止浏览器默认行为”。 1..停止事件冒泡 JavaScript代码 //如果提供了事件对象，则这是一个非IE浏览器if ( e && e.stopPropagation )//因此它支持W3C的stopPropagatio 阅读全文
posted @ 2017-07-12 09:37 LIULIULIU666 阅读(6216) 评论(0) 推荐(0)
在表格中，th scope="row"和th scope="col"中的scope属性的用法及意义
摘要：把表头和数据联系起来：scope，id，headers属性就我用到现在，很多表格要比上面提供的例子复杂的多。让例子复杂一点，我会移去“Company”表头，并且把第一列的数据移到表头单元格里： 在这个表格里，每一个数据单元格都有两个表头。最简单的方法让那些非可视的浏览器理解这个表格，就是为每个表头添 阅读全文
posted @ 2017-07-11 23:41 LIULIULIU666 阅读(12206) 评论(0) 推荐(0)
vue 自定义指令directive
摘要：调用自定义指令：v-scroll="fn()" 阅读全文
posted @ 2017-07-11 16:51 LIULIULIU666 阅读(275) 评论(0) 推荐(0)
百度图表插件echart简单应用，简单配置一些要显示的样式及种类
摘要：从echart官网下载js，然后引入jq即可运行。足够简单应用了 关键词：echart控制：图标标题、数据标题、折线图、柱状图切换按钮、恢复刷新图表按钮、保存为图片按钮、坐标系控制、坐标数据、坐标倾斜角度、刻度位置、要显示的标线（平均值、最大值、最高点）、折线颜色、折线点颜色 itemStyle: 阅读全文
posted @ 2017-07-04 17:47 LIULIULIU666 阅读(3510) 评论(0) 推荐(0)
复制内容到剪切板
摘要：点击按钮，复制文本框内容到剪切板 注意：文本框不能用disabled，可以用readonly 阅读全文
posted @ 2017-07-04 10:13 LIULIULIU666 阅读(314) 评论(0) 推荐(0)