樊小书生

多看代码,多看书,付出总会有收获的

排序:
默认
按更新时间
按访问量

移动端滚动穿透问题完美解决方案

本文转自:https://uedsky.com/2016-06/mobile-modal-scroll/ 问题 众所周知,移动端当有 fixed 遮罩背景和弹出层时,在屏幕上滑动能够滑动背景下面的内容,这就是臭名昭著的滚动穿透问题。 之前搜索了一圈,找到下面两种方案: css 之 over...

2018-05-22 22:16:22

阅读数:13

评论数:0

css自定义滚动条样式

代码 css自定义滚动条样式,webkit内核浏览器。 /* 滚动条样式 */ ::-webkit-scrollbar { /* 滚动条的宽度 */ width: 10px; margin-right: 7px; } ::-webkit-scrollbar-track ...

2018-05-13 17:32:38

阅读数:10

评论数:0

时间处理插件momentjs

momentjs是一个用于解析、验证、操作和格式化日期的轻量级JavaScript日期库。 使用方式: <script src="moment.js"></script&g...

2018-05-13 16:08:24

阅读数:33

评论数:0

ios端关于Date格式的兼容

前段时间做的一个集助活动,其中有一个倒计时,需要计算两个时间节点之间的差值,然后转化为时分秒,我用的是将两个时间节点传入new Date(),然后getTime()计算差值,代码大致如下: // 仅是两个时间点是同一天的简单换算 function timeFormat(newTimeStr, o...

2018-05-11 22:10:44

阅读数:10

评论数:0

移动端浏览器横屏、竖屏样式

在做移动端的时候,我们会遇到横竖屏样式该如何使用,我们可以定义两个最顶层的父类class,然后根据css的后代选择器来定义相应的样式,但我们今天要说的是利用媒体查询来做。

2018-04-22 12:29:06

阅读数:29

评论数:0

兼容所有浏览器的js判断横竖屏以及监听事件

我们在做移动端项目的时候,经常会遇到手机旋转的一些事件,对于安卓手机,在QQ和微信中我们可以用下面这行代码禁止浏览器横屏(安卓手机的QQ和微信用的都是X5浏览器): <meta name="x5-orientation" conten...

2018-04-19 22:27:26

阅读数:35

评论数:0

jquery多css选择器获取指定元素

场景 jquery多css选择器获取指定元素,相信你看到这一定会问一个id就搞定的事干嘛扯这么多,但是某些情况下就很无奈呀,就比如今天一哥们问我,一个元素上面有两个class,要怎么获取这个元素,我第一反应也是扔个id上去多好简单粗暴,结果他回答说,这是修改老项目,html不让动,这就很无奈。 ...

2018-04-13 21:04:38

阅读数:38

评论数:0

将table数据转为Excel表格

将table数据转为Excel表格放到前端来做可以减少服务器的压力,而且不受网速影响,速度响应快。 下面是两个例子: 原生js实现table数据转为Excel表格 jquery.table2excel.js实现table数据转为Excel表格 原生js的主要函数如下: function...

2018-04-09 23:02:18

阅读数:27

评论数:0

js快速计算某年某月有几天

在项目中,针对一些时间处理的时候,难免会遇到要计算某年某月有多少天,这个大家都知道:一、三、五、七、八、十、腊(十二月),是31天,四、六、九、十一是30天,二月又分为闰年29天、非闰年28天,但是这样的话就有会涉及到判断闰年,就比较麻烦,那有没有什么简单的方法呢?答案是有的: javascri...

2018-03-27 22:25:10

阅读数:29

评论数:0

canvas应用——将方形图片处理为圆形

canvas应用——将方形图片处理为圆形

2018-03-25 22:47:08

阅读数:322

评论数:0

if条件语句的真假

不要将原始布尔值的true和false与Boolean对象的真或假混淆。任何一个值,只要它不是 `undefined`、`null`、 `0`、`NaN`或空字符串(`""`),那么无论是任何对象,即使是值为假的Boolean对象,在条件语句中都为真。

2018-02-22 21:17:00

阅读数:175

评论数:0

textarea的字数限制

功能描述在项目中我们经常会遇到要对textarea进行输入字符数的限制,并在下方提示共可输入多少文字,已输入多少,还可输入多少的类似功能。所以就有了下面封装好的这个函数,不管是以那种方式输入,字数都可以完美的限制。

2018-01-30 22:47:54

阅读数:82

评论数:0

时间格式转换

最近在项目中遇到一个时间格式转换的要求。 转换规则 如果时间戳(下文中提到的时间戳都指向要转换的时间戳)在今天,则返回的格式为 “HH:mm:ss” 如果时间戳在昨天,则返回的格式为 “昨天 HH:mm:ss” 如果时间戳在本周内并且非昨天,假如说在周一,则返回的格式为 “周一 HH:m...

2018-01-13 17:17:53

阅读数:113

评论数:0

textarea高度自适应

之前虽然写了几篇关于textarea的高度自适应的解决方案,但都不甚满意,最近从Element的源码中得到启示,就自己写了一个textarea高度自适应的jquery插件。 所以就有了本篇博客的介绍: autoHeightTextarea自适应高度的textarea是一款jquery插件,支持...

2018-01-07 17:15:46

阅读数:148

评论数:0

如何简单修改input的placeholder样式

input的placeholder样式修改

2017-12-28 21:07:08

阅读数:229

评论数:0

支持中文/全拼/简拼以及自定义筛选的下拉列表

支持中文/全拼/简拼以及自定义筛选的下拉列表

2017-12-26 21:48:15

阅读数:250

评论数:0

关于Element的textarea自适应高度

今天观看学习Element的源码,看到textarea有一个自适应高度的属性,毕竟以前也接触过这方面的问题,所以就好奇看一下它是怎么实现的。

2017-11-15 22:57:43

阅读数:229

评论数:0

从Element学习Vue的使用

最近学习了一段时间Vue,把文档看完之后有点懵懵懂懂,不过刚好赶上Element和iView等应用Vue编写的框架,就先看完文档,然后看了Element的源码,来巩固自己对Vue的见知。

2017-11-11 18:53:47

阅读数:1204

评论数:2

web uploader在Firefox下上传点击无效的解决方法

在公司项目中,做一个上传文件的功能,选用了百度的web uploader,按照官网上面的方法,写好之后,在chrome下面没有任何问题,可是在Firefox下面怎么点击都没有效果?

2017-10-30 21:26:31

阅读数:483

评论数:0

代码实现input的value值选中HTMLInputElement.setSelectionRange()

假如说有如下的需求: input的value部分有用,部分无用,我们希望input框获取焦点的时候直接选中无用的部分。我们就需要用到下面的主角:HTMLInputElement.setSelectionRange(),支持我们设置开始位置和结束位置,来实现input的选中效果。

2017-10-26 22:24:43

阅读数:345

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭