樊小书生

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

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

steps.js 步骤条、时间轴

介绍 steps.js是基于原生JavaScript的组件,可用于展示步骤条、时间轴等,功能支持: 自适应 支持横向和纵向显示,并且横向还支持居中显示 支持自定义间距 主轴线上下左右单方向及多方向分布 支持数字和圆点及自定义图标,也可以使用图片 如果标题和详情还不足以满足您的需求,你还可以插入自...

2018-09-22 10:14:53

阅读数:4

评论数:0

colorFormat颜色转换插件

介绍 colorFormat.js是将颜色值转换为你需要格式的JavaScript库,现在仅支持浏览器支持的HEX/RGB/RGBA/HSL/HSLA等5种格式,任意格式之间互相转换。演示地址:http://www.fxss5201.cn/project/plugin/colorFormat/ 。...

2018-09-17 21:56:44

阅读数:14

评论数:0

Pannellum相关介绍

全景看图Pannellum专栏主要是对Pannellum做翻译,方便查看。 Pannellum是一款轻量级,免费且开源的全景浏览器,适用于网络。它使用HTML5,CSS3,JavaScript和WebGL构建,不受插件限制。 官网(例子):https://pannellum.org/ 特点 ...

2018-09-09 18:53:13

阅读数:35

评论数:0

iphone的Safari浏览器中HTML5上传图片方向问题解决方法

前段时间在上传图片的时候前端使用FileReader将图片读到内存,使用canvas进行压缩,然后上传,在安卓手机上没有问题,但是在iphone的Safari浏览器中一直存在图片方向不正的问题,经过多方面检查才明白,原因可以查看此处:图片方向有误的原因 。 接下来来说解决方案: 首先可以使用G...

2018-09-09 16:34:59

阅读数:122

评论数:0

exif.js读取图像Exif元数据

本文仅做翻译记录查看,GitHub地址:https://github.com/exif-js/exif-js 。 Exif.js用于从图像文件中读取Exif元数据的 JavaScript库。 您可以在浏览器中的图像上使用它,可以是图像或文件输入元素。检索Exif和Iptc元数据。该软件包也可用...

2018-09-09 15:49:39

阅读数:46

评论数:0

Jpeg图片旋转和Exif方向

本文翻译自:https://www.impulseadventure.com/photo/exif-orientation.html 。 不了解Exif的同学建议先看一下维基百科Exif 。 带方向传感器的数码相机允许自动旋转肖像图像。不幸的是,对此功能的支持并不普遍或一致地应用。 带定向传...

2018-09-08 21:31:24

阅读数:67

评论数:0

Sortable.js拖放排序JavaScript库

本文仅做翻译记录查看,GitHub原项目地址: https://github.com/RubaXa/Sortable/ ,建议将Sortable.js下载到本地,GitHub上的例子在复制到本地运行,在 http://jsbin.com 上运行很多时候会报Sortable is not defi...

2018-09-08 14:51:11

阅读数:128

评论数:0

JS监听组合按键

本文转自:https://www.cnblogs.com/xiaoheimiaoer/p/4716191.html 。 有些时候,我们需要在网页上,增加一些快捷按键,方便用户使用一些常用的操作,比如:保存,撤销,复制、粘贴等等。 下面简单梳理一下思路: 我们所熟悉的按键有这么集中类型: ...

2018-09-05 23:44:22

阅读数:21

评论数:0

fxss-rate评分插件

介绍 fxss-rate评分插件是基于jQuery的插件,支持全星、半星、小数星、未选中星等多种显示样式,并且支持评分操作,不过操作评分的时候仅支持全星评价。 demo地址:http://www.fxss5201.cn/project/plugin/fxss-rate/ github地址:h...

2018-08-29 19:07:14

阅读数:32

评论数:0

JavaScript判断变量是否为空对象 {} 的几种方法

将json对象转化为json字符串,再判断该字符串是否为"{}" var obj = {}; var b = (JSON.stringify(obj) === &amp...

2018-08-23 20:16:14

阅读数:93

评论数:0

screenfull.js跨浏览器使用JavaScript Fullscreen API

screenfull.js是用于跨浏览器使用JavaScript Fullscreen API的简单包装器,可让您将页面或任何元素全屏显示,并且平滑浏览器实现差异,本文只是对封装方法做一个简单的翻译。 github地址:https://github.com/sindresorhus/screen...

2018-08-19 22:51:52

阅读数:70

评论数:0

JavaScript控制全屏,监听退出全屏事件

本文转自:https://www.cnblogs.com/yiven/p/7885528.html 我们有时候可能需要自定义一些全屏事件,这个时候就要依靠JavaScript提供的全屏方法,废话不多说,直接上代码。 //全屏功能 function requestFullScreen(e...

2018-07-25 22:28:45

阅读数:210

评论数:0

[译]JavaScript中,{}+{}等于多少?

原文:http://www.2ality.com/2012/01/object-plus-object.html 本文转自:http://www.cnblogs.com/ziyunfei/archive/2012/09/15/2685885.html 最近,Gary Bernhar...

2018-07-10 23:37:11

阅读数:32

评论数:0

【ApiDoc】官方文档(翻译)

本文主要参考ApiDoc官方文档 apidoc简介 apidoc是一款可以有源代码中的注释直接自动生成api接口文档的工具,它几乎支持目前主流的所有风格的注释。例如: Javadoc风格注释(可以在C#, Go, Dart, Java, JavaScript, PHP, TypeSc...

2018-07-04 23:02:45

阅读数:94

评论数:0

在Android浏览器下字体偏上的问题

在Android浏览器下,使用以下几种方式进行字体垂直居中的时候都会导致字体偏上: 使用line-height 来使字体垂直居中 使用padding 来使字体垂直居中 本文主要说的是使用<html>标签的lang属性设置为zh-CN 来处理以上问...

2018-06-27 22:55:52

阅读数:220

评论数:0

git常用操作合集

CREATE Clone an existing repository $ git clone ssh://user@domain.com/repo.git Create a new local repository $ git init LOCAL CHANGES ## Change...

2018-06-25 22:51:43

阅读数:47

评论数:0

css计数器

本质上CSS计数器是由CSS维护的变量,这些变量可能根据CSS规则增加以跟踪使用次数。这允许你根据文档位置来调整内容表现。 CSS计数器是CSS2.1中自动计数编号部分的实现。 计数器的值通过使用counter-reset 和 counter-increment 操作,在 conten...

2018-06-22 22:46:46

阅读数:35

评论数:0

获取图片原始大小:NaturalWidth and NaturalHeight

本文转自:https://www.w3ctech.com/topic/112 现代浏览器中获取实际宽度和高度 现代浏览器(包括IE9)为IMG元素提供了naturalWidth和naturalHeight属性来获取实际宽度与高度 ,代码如下: var nWidth = docume...

2018-06-14 22:00:10

阅读数:140

评论数:0

解决input获取焦点,弹出输入法之后,input被遮挡的问题

关于input输入框fixed在窗口底部的时候,input获取焦点,弹出输入法,input会被输入法遮挡,导致输入内容不方便。 我们可以用scrollIntoView 与 scrollIntoViewIfNeeded来解决这个问题。scrollIntoView 与 scrollIntoViewI...

2018-06-12 23:04:56

阅读数:970

评论数:0

scrollIntoView 与 scrollIntoViewIfNeeded API 介绍

本文转自:scrollIntoView 与 scrollIntoViewIfNeeded API 介绍 根据 MDN 的描述,Element.scrollIntoView()方法让当前的元素滚动到浏览器窗口的可视区域内。而Element.scrollIntoViewIfNeeded()方法也是用...

2018-06-12 22:35:24

阅读数:280

评论数:0

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