javascript
关注
分享
扫一扫
编程工人
那些熬过的日夜，那些不放过自己的死磕，就是你握在手心能够成事的筹码
展开
-
js中使用getElementsByClassName获取class对象
前端开发一般不需要过多考虑性能问题，但你想在性能上追求极致的话，一定要知道jQuery性能很差。所以js之前没做getElementByClassName也是出于严谨的考虑，现在document.getElementsByClassName返回数组应该也是出于严谨的考虑。NodeList 对象 我们可通过节点列表中的节点索引号来访问列表中的节点(索引号由0开始)。提示： 你可以使用 NodeList 对象的 length 属性来确定指定类名的元素个数，并循环各个元素来获取你需要的那个元素。......原创 2022-08-09 10:22:52 · 6756 阅读 · 0 评论 -
cropper简单且功能强大的图片剪裁jQuery插件
默认情况下，插件会检测图片的源，如果是跨域图片，图片元素会被添加crossOrigin class，并会为图片的url添加一个时间戳来使getCroppedCanvas变为可用。该图片剪裁插件支持图片放大缩小，支持图片旋转，支持触摸屏设备，支持canvas，并且支持跨浏览器使用。autoCropArea：类型：Number，默认值0.8（图片的80%）。dragstart：类型：Function，默认值null。注意：剪裁区域的尺寸继承自图片的父容器（包裹容器），所以要确保包裹图片的是一个可见的块级元素。.原创 2022-08-08 14:15:53 · 581 阅读 · 0 评论 -
js解决ios手机上传竖拍照片旋转90度问题
HTML5+canvas进行移动端手机照片上传时，发现iOS手机上传竖拍照片会逆时针旋转90度，横拍照片无此问题；Android手机没这个问题。因此解决这个问题的思路是：获取到照片拍摄的方向角，对非横拍的ios照片进行角度旋转修正。利用exif.js读取照片的拍摄信息，详见 http://code.ciaoca.com/javascript/exif-js/这里主要用到Orientation属性。Orientation属性说明如下：旋转角度 参数0° 1顺时针90° 6逆时针90° 8180°原创 2022-08-08 14:15:21 · 928 阅读 · 0 评论 -
设置手机端文本超出行高显示省略号
1.给DIV设置属性：width: 200px; text-overflow: ellipsis; overflow: hidden;当div里面的内容总宽度找过 200PX的时候，超出的部分会以“...”的形式显示。2.这个案例《CSS超出使用text-overflow显示省略号》适用于单行文本的现实，才会有效。但当div里面的内容出现多行的时候则不能达到预期的效果。下面是解决多行的时候显示“...”的方案。<!DOCTYPE html PUBLIC "-//W3C//DTD原创 2022-01-24 15:53:25 · 335 阅读 · 0 评论 -
bootstrap下拉菜单的鼠标放上显示与去掉点击事件
bootstrap去掉下拉菜单自带点击事件，第一次点击时展开菜单，第二次点击时收起菜单，有的时候我们不需要它提供的点击事件，比如我们在做鼠标放上显示展开菜单的功能时，当鼠标放上菜单展开此时在进行单击菜单会收起，这样感觉很别扭，以下方法实现了鼠标放上显示菜单且去掉点击事件html代码<li class="active" id="dropdown"> <a href="javascript:void(0);" data-toggle="dropdown" aria-has原创 2022-01-21 15:36:05 · 1296 阅读 · 0 评论 -
setInterval与setTimeout的用法
setInterval() 每隔多长时间自动执行方法，时间是以豪秒为单位的(1000ms=1s) 1 2 3 4 5 varc=0; varcode=setInterval(function(){ alert(c++); },1000); //code返回一个可以传递给Window.clearInterval()从而取消对code的周期性执行的值。 setTimeout() 只执...原创 2022-01-19 17:01:10 · 546 阅读 · 0 评论 -
google prettify代码高亮
直接上代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37原创 2022-01-19 17:00:42 · 516 阅读 · 0 评论 -
Jquery.form自动提交表单上传图片
先引入相关js文件 1 2 <scripttype="text/javascript"src="jquery-1.7.2.min.js"></script> <scripttype="text/javascript"src="jquery.form.js"></script> 创建一个表单，表单放一个input[type=file] 1 2 3 ...原创 2022-01-19 16:59:15 · 937 阅读 · 1 评论 -
Jquery插件Jquery.cookie.js使用方法
首先包含jquery的库文件，在后面包含 jquery.cookie.js 的库文件。 1 2 <scripttype="text/javascript"src="js/jquery-1.7.2.min.js"></script> <scripttype="text/javascript"src="js/jquery.cookie.js"></script> jquery.cookie.js...原创 2022-01-18 09:32:51 · 477 阅读 · 0 评论