最新消息:文章中包含代码时,请遵守代码高亮规范!

JavaScript

Bootstrap测试题【转载】

HTML+CSS harbour 1年前 (2018-02-07) 777浏览 0评论

最近在研究bootstrap,找了一些测试题,检验一下自己的学习成果。 如下:   1、  如果让一个元素在pc端显示而在手机端隐藏,下列选项正确的是(b)。 A、 visible-xs-8  hidden-md B、 visible-md...

解决ios拍照上传图片旋转90度【原创】

JavaScript Niki 1年前 (2018-01-25) 818浏览 0评论

我们知道在上传图片的时候ios手机拍照上传图片会出现旋转90度的问题 我总结了两种方法 1,上传图片之前才裁切图片 2,使用exif.js获取图片的Orientation(方向)参数 然后使用canvas修正图片 下面看代码 if(orien...

上传图片压缩【原创】

JavaScript Niki 1年前 (2018-01-25) 508浏览 0评论

上传图片之前需要压缩,下面附上压缩图片的代码 1,选择图片 $('.avatar_file').change(function () { _this = $(this)[0], _file = _this.files[0], file...

搜索框关键词智能匹配【原创】

HTML+CSS Aimee 1年前 (2018-01-24) 630浏览 0评论

在项目开发过程中,有时候需要监听输入框value值的变化,并在value值发生变化时执行操作,这里示例:当value值发生变化时,显示包含这个value的所有部分,其余隐藏。 查看示例前先了解下indexof方法:示例中seachvalue表示输入框...

利用offset实现楼层效果【原创】

HTML+CSS Aimee 1年前 (2018-01-24) 617浏览 0评论

在一些商城网站,我们经常能够看到楼层效果,以城市为例,将城市的拼音的首字母大写,绝对定位于屏幕的右下角。当点击某一个字母时,跳转到相对应的城市类别位置。当屏幕滚动时,相对应的英文字母高亮显示。 以下附上示例代码: 在查看示例前先了解一下offset(...

用递归法多文件上传【原创】

JavaScript Jonny 1年前 (2018-01-18) 441浏览 0评论

多文件上传我们都知道在<input type=”file” />里面加上multiple就可以一次选择多个文件上传了,多文件上传的方法也有很多,这里我用递归法实现多文件上传,看代码: <input typ...

创建一个基本的jQuery插件【原创】

JavaScript Jonny 1年前 (2018-01-18) 549浏览 0评论

$('body').hide(); 这是一个很简单的jquery代码,但是每当我们用$函数来选择元素,它就会返回给我们一个jquery对象,这个对象包括我们所有使用过的方法。jquery对象从$.fn对象中获取这些方法,所以我们如果想写自己的...

WKWebView和JS的交互【原创】

iOS Ace 1年前 (2018-01-13) 678浏览 0评论

本文的目的是方便IOS开发和前端开发的对接,目前仅仅是一些常用的方法,如果后期有新方法使用,也会回来维护的。由于本人水平有限,如果有错误的地方,希望多多包涵,并留言反馈。大家共同进步。 WKWebView的使用 首先使用WKWebView.你需要导入...

用div模拟select下拉菜单【原创】

HTML+CSS Cindy 1年前 (2017-12-19) 705浏览 0评论

select下拉菜单在不同版本的浏览器下显示的样式会有所不同,特别是在ie低版本中,select自带的样式去不掉。以下是用div来模拟select下拉菜单具体代码: <!DOCTYPE html> <html lang=&qu...

JQuery实现弹窗下底部页面禁止滑动【原创】

JavaScript Aimee 1年前 (2017-12-18) 817浏览 0评论

在项目开发过程中,经常会遇到带有弹窗的页面,尤其是在移动端。在没有特别要求的情况下,弹窗弹出后,弹窗下的底部页面依然能够滑动。为了得到更好的用户体验,需要做到触发弹窗时,弹窗底部页面禁止滑动,关闭弹窗时,弹窗底部页面恢复滑动,具体思路如下: 1.触发...

JQuery方法延迟触发事件【转载】

JavaScript Aimee 1年前 (2017-12-18) 470浏览 0评论

延迟执行在某些特殊的情况下还是蛮有用的,实现的方法也很简单,以下转载文章实现了触发延迟,具体如下: function delayer(){  $('.content').hide(); } jQuery(document).ready(functio...

javascript的实用技巧和写法【原创】

JavaScript Jonny 1年前 (2017-12-18) 390浏览 0评论

我们平常在写javascript代码的时候,可能只要把功能实现了就行,不会去关注代码的是否简洁,别人是否能看懂。有些时候写的乱的话,时间一长自己回过头来看自己的代码估计都看不明白,即使写了一些注释。这次讲的跟代码优化沾点边。 有时候我们写点击事件,比...

js+css实现全屏【转载】

HTML+CSS Cindy 1年前 (2017-12-17) 640浏览 0评论

在html5中,全屏方法可以适用于很多html 元素,不仅仅是video。以下是实现全屏具体代码: css样式: *{ padding: 0px; margin: 0px; } body div.videobox{ width: 400px; hei...