![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
文章平均质量分 63
snow_finland
这个作者很懒,什么都没留下…
展开
-
【js】监听文件上传下载进度,设置请求头信息与获取响应头信息
例子:html部分原创 2024-04-03 11:30:17 · 447 阅读 · 0 评论 -
【第三方 分享】网页第三方分享
0、通用流程常规为跳转一个第三方的地址(微信内的网页除外,走的是jssdk),带上必要的参数:appid、分享链接、分享图片、分享标题、分享内容等等(根据不同平台支持的内容不同,链接、文字等均需要进行encodeURIComponent后再拼接到链接上,微信内网页除外)1、微信分享只有在微信里的网页有,为和app分享出来作区分,一般称为二次分享(1)申请公众号填写资料,并去公众号完...原创 2020-01-22 15:37:25 · 809 阅读 · 0 评论 -
【整理】前端实用插件整理(附官网地址)
以下是楼主亲测好用的一些前端插件的整理1 WebUploader文件、图片上传插件(带图片预览,兼容ie),可以自定义UIhttp://fex.baidu.com/webuploader/getting-started.html2 iSlider手机图片预览插件,可以支持左右滑动翻页,手势放大缩小,手机长按保存https://github.com/B原创 2016-05-05 18:06:30 · 1807 阅读 · 0 评论 -
【js】js获取地址中get参数
如果你同时使用多种开发语言做web开发,那么就会发现,js对于获取地址中get参数是没有官方的方法的,而php里则有非常便捷的$_GET['aaa']非常简单的方法这里写了一个简单的方法,能使js也能简单的获取地址上的get参数function get_query_str(){ var location_url = window.location.href; var paramet原创 2016-09-22 15:11:38 · 2704 阅读 · 0 评论 -
【微信bug解决方案】微信 Android js reload失效 解决方案
如果你不幸踩到了微信浏览器中,js调用window.location.reload();完全没有效果这个坑,那么看看以下的解决方案将能帮你出坑如果你问过了度娘,那么会看到这样的解决方案,使用window.location.href = window.location.href,楼主亲测是没有效果的,另一种是在地址后面再加一个随机数或者时间戳比如var date_obj = ne原创 2016-09-22 15:29:29 · 4649 阅读 · 0 评论 -
【文件上传 前端】文件上传 前端 Part2 —— HTML5 文件指针方式
upload file2 - h5传文件指针$('body').on('change','#J_upload_btn',function(){ var source = $(this).get(0), file = source.files[0]; var ireg = /image\/.*/i, file_type = file.type, file_nam原创 2016-09-29 11:41:33 · 698 阅读 · 0 评论 -
【文件上传 前端】文件上传 前端 Part3 —— HTML5 文件流方式
upload file3 - h5读取文件流$('body').on('change','#J_upload_btn',function(){ var source = $(this).get(0), file = source.files[0]; var ireg = /image\/.*/i, file_type = file.type, file_nam原创 2016-09-29 11:49:21 · 5178 阅读 · 0 评论 -
【JS技巧】JavaScript技巧介绍1 -- switch
switch1 switch条件为数字时,可以使用数组mapvar fun0 = function(){ console.log('fun0');}var fun1 = function(){ console.log('fun1');}var fun2 = function(){ console.log('fun2');}var condition =原创 2017-04-21 10:49:33 · 337 阅读 · 0 评论 -
【手机UI】搜索输入框,呼出软键盘时右下角为搜索按钮,并使用js发送请求
搜索 window.onload = function(){ document.getElementById("J_search_artical").onsubmit = function () { var title = document.getElementById("J_search_content").value; alert('title:'+ t原创 2017-04-20 18:15:09 · 4043 阅读 · 0 评论 -
【js】Input事件
Input Event常用事件触发的先后顺序如下:1 keydown2 keypress3 textInput4 input5 keyupkeydown,keyup1 全部浏览器支持2 当用户按下/释放键盘上的任意键时触发3 event.keyCode,返回键盘上按键对应的特定键码(兼容性:分号在Firefox,Opera上返回的是ASC原创 2017-08-18 16:09:41 · 1931 阅读 · 0 评论 -
【整理】web前端相关知识文档手册整理
中文文档合集印象中文https://www.docschina.org/综合类W3CSchoolhttp://www.w3school.com.cn/MDN Web 文档英文版(Mozilla)https://developer.mozilla.org/en-US/MDN Web 文档中文版(Mozilla)https:/原创 2017-08-23 15:21:59 · 358 阅读 · 0 评论 -
【video】video使用踩坑记录
1 普通网页上,ios视频不能内联式播放如果是web app,cordova(ionic)中,首先给video标签加playsinline和webkit-playsinline(兼容新版旧版不同的浏览器)config.xml中加2 ios视频不支持autoplay和preload,如需自动播放,需要在页面加载后通过js调用播放视频3 对于视频而言,可能需要播放前原创 2017-08-29 11:36:28 · 3872 阅读 · 1 评论 -
【编码】使用JavaScript做中文编码转换
背景:用git bash跑curl命令的时候,会碰到中文无法输入or无法正常工作的情况,这里介绍先把中文转码,就可以正常使用了。这里介绍JavaScript的方法:1 在url地址上的GET参数是中文时,使用console.log(encodeURIComponent('上海'));2 放在body里面,以-d带的参数中有中文时,(常用于POST和PUT方法),使用var s = '上海';va原创 2018-01-18 18:13:19 · 3111 阅读 · 0 评论 -
【js】js判断数据格式
/* * 判断数据类型 * * is_str(source) 判断是否为字符串,source传递的是需要判断的变量 * is_num(source) 判断是否为数字,source传递的是需要判断的变量 * is_fun(source) 判断是否为函数,source传递的是需要判断的变量 * is_obj(source) 判断是否为对象(包括数组),source传递的是需要判断的变量原创 2016-06-23 14:58:56 · 1488 阅读 · 0 评论 -
【连载】实用小demo连载 5 —— js 无限级菜单 demo
小demo连载系列5通过ajax请求到一个平铺式的json数据结构,根据其中的id和parentid的关系,组成父菜单和子菜单的关系,由于菜单可以通过其它途径(后台)动态编辑改变,所以是一个不确定级数的无线级菜单,这里研究了一下这种菜单的显示方式(select+js)demo下载地址(所有连载的demo都是免费):http://download.原创 2015-09-07 11:39:16 · 800 阅读 · 0 评论 -
js + php 处理 永远的敌人 特殊符号 2 在js ajax post提交给php的解决方案
ajax post的时候,var post_data = $('#J_input2').val();长这样的时候 "+123+'+&+"++&123用以下两种方式传给php都不会存在问题方式1:data:{'postdata':post_data},方式2:data: 'postdata='+encodeURIComponent(post_原创 2014-03-28 11:05:01 · 1293 阅读 · 0 评论 -
纯js 替换 jquery 的方法
jquery库文件略庞大,在某些情况下,需要尽量原创 2014-08-12 11:58:58 · 730 阅读 · 0 评论 -
编写手机页面的相关注意事项 杂记
在头信息中定义不能缩放原创 2014-08-12 11:30:15 · 776 阅读 · 2 评论 -
【html5 canvas】使用Canvas做出橡皮擦效果
html部分 My Canvas 0.1html,body,div,img{ margin:0; padding:0;}a,a:hover{ text-decoration:none;}.background{ width:100%; position:fixed; top:0; left:0;}var canvas = { in原创 2014-12-30 16:15:47 · 3294 阅读 · 0 评论 -
【canvas马赛克效果】根据加载的图片动态生成对应的马赛克图片
马赛克效果的主要jsclose-pixelate.js/*! * Close Pixelate v2.0.00 beta * http://desandro.com/resources/close-pixelate/ * * Developed by * - David DeSandro http://desandro.com * - John Schulz http转载 2015-03-20 17:35:36 · 2039 阅读 · 0 评论 -
js + php 读取、播放视频流 兼容firefox,chrome,ie,mac的safari,ios的safari,ios的微信浏览器(文件读取文件流篇)
1、选用jwplayer6作为前端播放器2、前端动态加载原创 2014-04-22 11:55:00 · 4120 阅读 · 0 评论 -
js + php 读取、播放视频流 兼容firefox,chrome,ie,mac的safari,ios的safari,ios的微信浏览器(curl读取文件流篇)
1、选用jwplayer6作为前端播放器2、前端动态加载jwplayer视频盒子3、前端加载的视频非视频的物理地址,而是通过php读取的视频流4、php读取的视频流的源文件是一个物理地址的文件原创 2014-04-22 11:59:57 · 5680 阅读 · 0 评论 -
【深拷贝/浅拷贝】javascript的深拷贝和浅拷贝
javascript 中 对于对象和数组而言,用 = 做的简单赋值就是浅拷贝,因为对象和数组在引用赋值的时候传递的只是指针。1、浅拷贝var a = 1;var b = ['1','2',[1,2,3]];var c = { A : 1, B : function(tmp1,tmp2){ return tmp1 - tmp2; }, C : [1,2,['1原创 2015-08-10 11:29:38 · 971 阅读 · 0 评论 -
【连载】实用小demo连载 4 —— css3+js 大转盘 demo
小demo连载系列4经常在手机上看到大转盘的游戏,今天研究了一下,自己用css3+js的方式实现了(由于只考虑手机,所以不用考虑ie9- 不支持css3的问题),demo下载地址(所有连载的demo都是免费):http://download.csdn.net/detail/snow_finland/8991885具体代码(由于写demo的时候,写原创 2015-08-11 17:35:22 · 787 阅读 · 0 评论 -
【探索】用js打语言包(使用jquery.i18n.properties)
网站为了国际化的需要,会使用到语言包。博主之前用到过的语言包都是依靠后端语言或者模板语言进行的语言包,当然js部分中使用的文案会用到js自己的语言包,不过会通过后端语言动态加载中文or英文的js语言包。这次尝试用js来打语言包,用到了插件 jquery.i18n.properties ,很明显,使用这个插件需要先加载jquery。那就来看一下具体代码吧:原创 2015-08-18 16:44:51 · 9115 阅读 · 4 评论 -
【RequireJS 学习笔记】RequireJS 学习笔记 2 —— RequireJS 版 页码切换demo
在连载部分博主有写过 【连载】实用小demo连载 1 —— 页码切换demo http://blog.csdn.net/snow_finland/article/details/47259817就用这个demo,博主翻成了 RequireJS 版首次尝试用模块化的方法来完成一个功能,由于刚开始学习,如果说的不对的地方大家包涵和指出照例原创 2015-08-06 11:18:38 · 1034 阅读 · 0 评论 -
【连载】实用小demo连载 3 —— js 时间转换 demo
小demo连载系列3博主自己封装了时间转换的函数,分别能获取用户浏览器时区,时区时间转换,将给定日期计算为今天、昨天、前天(支持跨年,跨月)demo下载地址(所有连载的demo都是免费):http://download.csdn.net/detail/snow_finland/8968371具体代码(由于写demo的时候,写了非常完备的代码注释,原创 2015-08-06 16:10:17 · 565 阅读 · 0 评论 -
js + php 处理 永远的敌人 特殊符号 1 在网页上的显示问题
php传值给js,然后js将数据显示在网页上,如果存在特殊字符如:' 半角单引号," 半角双引号,或者和html实体符号相关的 & 就会出现各种显示上的问题php部分先将这些特殊的字符转义<?phpfunction arrayRecursive(&$array){ foreach ($array as $key => $value) { i原创 2014-03-27 17:55:26 · 1549 阅读 · 0 评论