![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
编程工人
那些熬过的日夜,那些不放过自己的死磕,就是你握在手心能够成事的筹码
展开
-
js中使用getElementsByClassName获取class对象
前端开发一般不需要过多考虑性能问题,但你想在性能上追求极致的话,一定要知道jQuery性能很差。所以js之前没做getElementByClassName也是出于严谨的考虑,现在document.getElementsByClassName返回数组应该也是出于严谨的考虑。NodeList 对象 我们可通过节点列表中的节点索引号来访问列表中的节点(索引号由0开始)。提示: 你可以使用 NodeList 对象的 length 属性来确定指定类名的元素个数,并循环各个元素来获取你需要的那个元素。......原创 2022-08-09 10:22:52 · 6611 阅读 · 0 评论 -
cropper简单且功能强大的图片剪裁jQuery插件
默认情况下,插件会检测图片的源,如果是跨域图片,图片元素会被添加crossOrigin class,并会为图片的url添加一个时间戳来使getCroppedCanvas变为可用。该图片剪裁插件支持图片放大缩小,支持图片旋转,支持触摸屏设备,支持canvas,并且支持跨浏览器使用。autoCropArea:类型:Number,默认值0.8(图片的80%)。dragstart:类型:Function,默认值null。注意:剪裁区域的尺寸继承自图片的父容器(包裹容器),所以要确保包裹图片的是一个可见的块级元素。.原创 2022-08-08 14:15:53 · 551 阅读 · 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 · 828 阅读 · 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 · 300 阅读 · 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 · 1219 阅读 · 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 · 490 阅读 · 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 · 491 阅读 · 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 · 898 阅读 · 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 · 459 阅读 · 0 评论