javascript/jQuery
文章平均质量分 59
Jarvan大熊
记录我web(H5)的艰路历程
展开
-
2016 年 50 个最佳的轻量级 JavaScript 框架和库
回顾今年已发布的 JS 框架和库,我们针对地筛选了一些能够提供直接和具体功能的免费 JavaScript 插件和库,与大家分享。它们可不是臃肿的一站式框架,而是一些轻量级,并能够帮助你更快、更容易地进行网页设计与开发的实用型框架。正如你期望的,文中的一些插件可用来创建滑块、图片库、响应式菜单、弹出式窗口以及许多其他常见的组件。同时,你也可以发现一些能够提供独特功能的插件,像旁注工具、GIF 预原创 2017-01-10 16:39:28 · 879 阅读 · 0 评论 -
js如何准确获取当前页面url网址信息
在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结。下面我们举例一个URL,然后获得它的各个组成部分:http://i.cnblogs.com/EditPosts.aspx?opt=11、window.location.href(设置或获取整个 URL 为字符串)var test = window.location.href;ale...原创 2018-04-17 11:48:42 · 4617 阅读 · 0 评论 -
JS中encodeURIComponent(URL)编码与decodeURIComponent(URL)解码详解
(1) encodeURIComponent(url) 函数定义和用法 encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。语法 encodeURIComponent(URIstring)参数 描述 URIstring 必需。一个字符串,含有 URI 组件或其他要编码的文本。返回值 URIstring 的副本,其中...原创 2018-04-18 10:43:55 · 30125 阅读 · 0 评论 -
判断http请求还是https请求
1、php判断http请求还是https请求[php] view plain copy$http_type = ((isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] == 'on') || (isset($_SERVER['HTTP_X_FORWARDED_PROTO']) && $_SERVER['HTTP_X_FORWA...原创 2018-05-03 16:24:33 · 7381 阅读 · 0 评论 -
js如何准确获取当前页面url网址信息
在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结。下面我们举例一个URL,然后获得它的各个组成部分:http://i.cnblogs.com/EditPosts.aspx?opt=11、window.location.href(设置或获取整个 URL 为字符串)var test = window.location.href;ale...原创 2018-04-26 14:18:59 · 170 阅读 · 0 评论 -
识别地域ip跳转页面的js,指定ip段自动跳转
1.<script src="http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js" charset="GB2312" ></script><script type=text/javascript> alert("你的IP是:" + remote_ip_info.province); if(re..原创 2018-05-15 15:13:15 · 8379 阅读 · 0 评论 -
通过js sdk 来进行第三方登录及授权(微博,微信,qq)
微博第三方登录及授权注册申请appkey1.打开微博开发者平台http://open.weibo.com/development2.点击创建微链接3.选择类型(选择网站接入)4.填写各项信息,并把对应的meta复制并放在html的head内(一定要绑定域名并设置回调地址)<meta property="wb:webmaster" content="xxxxxxx" />5.在html内...原创 2018-05-15 19:39:28 · 6663 阅读 · 0 评论 -
html之file标签 --- 图片上传前预览 -- FileReader
记得以前做网站时,曾经需要实现一个图片上传到服务器前,先预览的功能。当时用html的<input type="file"/>标签一直实现不了,最后舍弃了这个标签,使用了其他方式来实现了这个功能。 今天无意发现了一个知识点,用html的file标签就能实现图片上传前预览,感觉很棒,记录一下!就是通过file标签和js的FileReader接口,把选择的图片文件调用readAsData...原创 2018-06-19 19:14:45 · 7090 阅读 · 0 评论 -
input为file上传文件
1、去除input类型为file上传文件时默认样式和默认”选择文件”等; 2、压缩要上传的图片 3、隐藏上传按钮, 手动触发实现思路隐藏选择图片的input, 点击显示图片触发input的onchange事件// xxx.html<img id="pic" src="./images/xxx.png"><form id="uploadForm" action...转载 2018-06-19 19:16:34 · 8584 阅读 · 0 评论 -
JS获取本地经纬度
一个最简单的调用方法window.navigator.geolocation.getCurrentPosition(function (position) { console.log(position.coords.latitude) console.log(position.coords.longitude)})封装好的代码如下:function getPos...原创 2018-07-17 14:51:55 · 22779 阅读 · 1 评论 -
vue的双向绑定原理及实现
前言使用vue也好有一段时间了,虽然对其双向绑定原理也有了解个大概,但也没好好探究下其原理实现,所以这次特意花了几晚时间查阅资料和阅读相关源码,自己也实现一个简单版vue的双向绑定版本,先上个成果图来吸引各位:代码: 效果图: 是不是看起来跟vue的...转载 2018-07-17 14:57:50 · 287 阅读 · 0 评论 -
JS中的数组转变成JSON格式字符串的方法
有一个JS数组,如:var arr = [["projectname1","projectnumber1"],["projectname2","projectnumber2"],["projectname3","projectnumber3"]]; 想将此数组转换成JSON字符串,如:var jsonarr = [{"projectname":pr原创 2018-07-17 14:59:40 · 19858 阅读 · 0 评论 -
利用JS获取用户当前ip地址
新浪的IP地址查询接口:http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js(默认为纯文本格式,根据format的参数定义,还可以返回JS、Json格式)。新浪多地域测试方法:http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js&ip=219....转载 2019-02-27 18:40:25 · 6254 阅读 · 0 评论 -
扩展js的String对象
有些时候我们需要对字符串做一些原生js不支持的复杂操作,可以考虑扩展String对象 String.prototype.delHTMLTag = function(){ return this.replace(/<[^>]+>/g,"");//删除html标签 } var str = '<strong>likai</...原创 2019-03-06 10:51:02 · 436 阅读 · 0 评论 -
js删除字符串的最后一个字符三种方法
字符串 [javascript] view plain copy var basic = "abc,def,ghi,"; 第一种[javascript] view plain copy basic = basic.substr(0, basic.length - 1); 第二种 [javascript] view plain copy basic = basic.substring(...原创 2018-03-28 17:40:35 · 18485 阅读 · 0 评论 -
正则表达式大全
Js代码 function SubmitCk() {var reg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;if (!reg.test($("#txtEmail").val())) {alert(转载 2017-01-10 15:32:00 · 474 阅读 · 0 评论 -
jQuery笔记总结篇
原文链接 http://blog.poetries.top/2016/10/20/review-jQuery首先,来了解一下jQuery学习的整体思路XMind源文件提供参考下载[Jquery笔记]XMind源文件提供参考下载第一节 jQuery初步认知jQuery概述JQuery概念j原创 2017-01-10 16:47:36 · 3068 阅读 · 1 评论 -
高效的jQuery代码编写技巧总结
本文总结了代码编写技巧,来提升你的jQuery和javascript代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。其次在脑子里牢牢记住jQuery就是javascript,这意味着我们应该采取相同的编码惯例,风格指南和最佳实践。当你准备使用jQuery,我强烈建议你遵循下面这些指南:缓存变量DOM遍历是昂贵的转载 2017-01-10 16:58:20 · 431 阅读 · 0 评论 -
jQuery框架常用的性能优化
jQuery作为一个JavaScript非常优秀的库 是我们在学习前端过程中必学的 虽然它的流行程度已经没有那么巅峰了 但是学习了它对我们学习理解其他库以及框架来说很有帮助 今天第一次写jQuery的相关文章,就先把这个性能问题拿出来 因为大家把时间都用在jQuery语法上了,对这个库的性能优化不是很了解 下面我来给大家总结一下jQuery常用的性能优化1.选择原创 2017-01-10 17:29:35 · 373 阅读 · 0 评论 -
HTML5实现动画三种方式
编者注:作者以一个运动的小车为例子,讲述了三种实现HTML5动画的方式,思路清晰,动画不仅仅是canvas,还有CSS3和javascript.通过合理的选择,来实现最优的实现。PS:由于显卡、录制的帧间隔,以及可能你电脑处理器的原因,播放过程可能有些不太流畅或者失真!分三种方式实现:(1) canvas元素结合JS(2) 纯粹的CSS3动画(暂不被转载 2017-01-12 10:40:02 · 6374 阅读 · 0 评论 -
一些移动端笔记
Touch1.touchstart:当手指触碰屏幕时候发生。不管当前有多少只手指。2.touchmove:当手指在屏幕上滑动时连续触发。通常我们再滑屏页面,会调用event的preventDefault()可以阻止默认情况的发生:阻止页面滚动。3.touchend:当手指离开屏幕时触发。4.touchcancel:系统停止跟踪触摸时候会触发。例如在触摸过程中突然页面alert()一原创 2017-01-12 16:27:16 · 315 阅读 · 0 评论 -
Html5+JS实现手机摇一摇功能
这篇文章主要介绍了Html5+JS实现手机摇一摇功能,本文使用HTML5的DeviceOrientation实现监听手机方向传感器数据,实现摇一摇功能雏形,需要的朋友可以参考下HTML5一个重要特性就是DeviceOrientation,它将底层的方向传感器和运动传感器进行了高级封装,提供了DOM事件的支持。这个特性包括两种事件:1、 deviceOrientation:封装了原创 2017-01-12 17:05:57 · 2536 阅读 · 0 评论 -
HTML5 DeviceOrientation实现手机网站摇一摇功能代码实例
介绍之前做两个声明:以下代码可以直接运行,当然你别忘了引用jQuery才行。复制代码代码如下:// DeviceOrientation将底层的方向传感器和运动传感器进行了高级封装,提供了DOM事件的支持。// 这个特性包括两个事件:// 1、deviceOrientation:封装了方向传感器数据的事件,可以获取手机静止状态下的方向数据(手机原创 2017-01-12 17:07:01 · 736 阅读 · 0 评论 -
JQuery 对 Select option 的操作
JQuery 对 Select option 的操作下拉框:"selectID" > "1">1 "2">2 "3">3 "4">4 "5">5 "6">6 下面是对下拉框的基本操作: "javascript原创 2017-02-17 12:39:01 · 421 阅读 · 0 评论 -
webapp上的蒙版,包含使用touchstart,touchmove
最近很想做一个像美团上点击分类或地址,后面的背景变黑,下拉菜单提亮的效果。如下图其实做个蒙版很容易拉,这是css的写法。 .mban{position:fixed;z-index:16;top:0;left:0;width:100%;height:100%;background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;opacity原创 2017-02-24 11:31:55 · 1173 阅读 · 0 评论 -
Js 冒泡事件阻止
Js 冒泡事件阻止1. 事件目标现在,事件处理程序中的变量event保存着事件对象。而event.target属性保存着发生事件的目标元素。这个属性是DOM API中规定的,但是没有被所有浏览器实现 。jQuery对这个事件对象进行了必要的扩展,从而在任何浏览器中都能够使用这个属性。通过.target,可以确定DOM中首先接收到事件的元素(即实际被单击的元素)。而且,我原创 2017-03-14 11:17:58 · 1937 阅读 · 0 评论 -
JQuery的父、子、兄弟节点查找方法
jQuery.parent(expr) //找父元素jQuery.parents(expr) //找到所有祖先元素,不限于父元素jQuery.children(expr) //查找所有子元素,只会找到直接的孩子节点,不会返回所有子孙jQuery.contents() //查找下面的所有内容,包括节点和原创 2017-06-02 14:24:02 · 301 阅读 · 0 评论 -
javascript武器库
打造自己的 JavaScript 武器库前言作为战斗在业务一线的前端,要想少加班,就要想办法提高工作效率。这里提一个小点,我们在业务开发过程中,经常会重复用到日期格式化、url参数转对象、浏览器类型判断、节流函数等一类函数,这些工具类函数,基本上在每个项目都会用到,为避免不同项目多次复制粘贴的麻烦,我们可以统一封装,发布到npm,以提高开发效率。原创 2017-12-27 11:40:57 · 355 阅读 · 0 评论 -
vue h5移动端禁止缩放
安卓在index.html里面写<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">ios在APP.vue里面写<script>window.onload = function() { doc...原创 2019-03-04 19:27:45 · 6599 阅读 · 1 评论