JS
关注
分享
扫一扫
蒲厷渶之戀
每天积累一点！！！
展开
-
判断客户端是手机端还是PC端
项目应用中，当PC端和手机端并存时，就需要通过判断客户端是哪种类型，从而来加载相应界面。代码如下：function IsPC() { const userAgentInfo = navigator.userAgent; const Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPo...原创 2017-01-03 14:49:25 · 2265 阅读 · 0 评论 -
元素去重
元素去重，常用方法简单小结：方法一：indexOf（）方法去重方法二：利用object对象保存数组值去重方法三：利用数组下标的方法运行结果：原创 2017-02-09 18:49:54 · 461 阅读 · 0 评论 -
JS设置和获取自定义属性
JS设置自定义属性—— setAttribute()函数用法如下：效果图如下：获取自定义属性—— getAttribute()函数用法如下：jQuery设置和获取非标准属性——attr()函数设置属性，如下：获取属性，如下：注意：凡是按照id来获取元素，不论js还是jQuery，一定要确保i原创 2017-05-31 20:19:08 · 3926 阅读 · 0 评论 -
按回车键，焦点转到下一个
代码写的过程中，会遇到一种需求，敲击回车，焦点转到下个输入框，简单总结一下，代码如下：html代码：css代码：实现方式两种，第一种：原生js；第二种：jquery第一种：js代码：第二种方式：jquery代码原创 2017-06-09 09:50:36 · 2817 阅读 · 1 评论 -
URL特殊符号处理
有些特殊符号在url中试不能直接传递的，如果要在url中传递这些符号，就需要使用它们的编码；否则，将会出现乱码。十六进制值（1）+ URL 中+号表示空格 %2B （2）空格 URL中的空格可以用+号或者编码 %20（3）/ 分隔目录和子目录 %2F （4） ? 分隔实际的 URL 和参数 %3F （5）% 指定特殊字符 %25（6）# 表示书签 %23原创 2017-06-09 10:46:57 · 1160 阅读 · 0 评论 -
百度地图根据地点获取经纬度
html和css代码如下：js代码如下：效果图如下：原创 2017-06-11 15:27:39 · 404 阅读 · 0 评论 -
原生封装ajax
项目开发中，在进行数据交互的时候，经常会用到ajax请求。现在用原生JS封装了ajax原创 2017-07-20 22:18:06 · 391 阅读 · 0 评论 -
拖拽事件
项目开发中，经常会遇到拖拽效果，简单实例如下：1、HTML源码：<ul> <li> <p class='p'> first <span class="span">first</span> </p> </li> <li> &...原创 2017-09-22 20:12:29 · 370 阅读 · 0 评论 -
鼠标右键事件
项目开发中，会遇到鼠标右键事件。而在使用鼠标右键事件时，需要禁止其默认右键事件，简单实例如下：1、HTML代码：<div id="wrap"> <p>节目</p> <ul> <li>first</li> <li>second</li>...原创 2017-09-22 20:30:06 · 987 阅读 · 0 评论 -
call和apply基础解析
JS中，call和apply同为回调函数，功能完全相同，只是传递的参数不一样。下面进行简单的解析：一、callcall有两个主要：给函数传递参数；扩充函数的作用域。扩充函数作用域很重要，即改变函数的上下文（改变this的指向）。下面简单介绍一下，代码如下：window.job = 'teacher';showJob = () => { console.log(this.job);...原创 2018-03-16 16:34:05 · 321 阅读 · 1 评论 -
排序算法
常用排序算法小结一、冒泡排序JS代码：冒泡排序动态图显示：转载 2017-02-08 19:28:32 · 632 阅读 · 0 评论 -
input标签动态设置只读属性及其兼容性
项目中，经常会用到input标签，有时候还会用到input标签的只读属性“readOnly”。但是，input标签的只读属性“readOnly”具有一定的局限性，它只支持谷歌浏览器，不支持火狐浏览器和IE8浏览器。如果要求考虑兼容性，让input标签的只读属性同时支持谷歌、火狐和IE，那么我们可以采用input标签的另外一个属性：disabled。动态设置只读属性的具体方法如下：HTML代码：原创 2017-01-16 14:57:19 · 8907 阅读 · 0 评论 -
将Url解析成对象
在项目中，可能会遇到这样一种需求：将获取到的“URL”解析成对象。代码如下：html:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>解析URL成Obj</title> </head>...原创 2017-01-03 15:02:59 · 1658 阅读 · 0 评论 -
JS的导出功能
最近的项目中，涉及到了导出功能，觉得比较有用，记录一下。HTML代码：JS代码：注意：一定要有存放导出文件的目录，在forwardUrl中拼接出来。另外，后缀为xls或doc的话可以导出下载，而后缀为xlsx或docx时，无法导出，而是直接打开。原因是由于两种后缀代表的情况不一样。效果图如下：原创 2016-12-26 17:05:49 · 6463 阅读 · 0 评论 -
内存泄漏
最近做的一个项目中，遇到了内存泄漏的问题，查了很多资料，问题解决后，简单记录下。一、内存泄漏的概念：严格意义讲，内存泄露的原因只有一种：没有释放向系统申请的内存，因为不申请内存，就谈不上什么泄露。二、内存泄漏的原因：上述提到，内存泄漏就是内存没有释放，而内存没有释放的原因有很多种：可能写代码的时候，忘记了释放自己代码里申请的内存；也有可能是你使用了一个写原创 2016-12-27 15:22:32 · 923 阅读 · 0 评论 -
Javascript中定时器的使用方法
项目中，经常会用到定时器来实现数据实时更新、时间等，简单总结一下：Javascript中的定时器有两种，setInterval和setTimeout，而定时器的作用就是延迟执行。一、定时器的写法setInterval(expression,milliseconds)；setTimeout(expression,milliseconds)；上式中，expression原创 2017-01-04 17:38:09 · 29039 阅读 · 0 评论 -
js中，清空对象（删除对象的属性）
在项目中，有些对象用完后需要重置，下面简单介绍下JS中清除对象的方法。方法如下：方法一：字面量定义对象第一步，定义一个空对象并打印出来，代码和效果：代码：const student = {};console.log(student);打印结果：第二步，为对象添加属性并打印，代码和打印结果如下：代码：student.name = "xiaoming";st...原创 2016-12-28 10:13:15 · 63147 阅读 · 1 评论 -
location对象
最近项目中，Location对象用的比较多，简单总结：Location 对象包含有关当前 URL 的信息。Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。Location 对象存储在 Window 对象的 Location 属性中，表示那个窗口中当前显示的文档的 Web 地址。除了设置 locati原创 2017-01-06 09:34:26 · 347 阅读 · 0 评论 -
轮播图
在做项目的过程中，经常会用到轮播图，轮播图的实现主要通过“平移量”来实现。简单总结一下：HTML代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>轮播图</title> <scri...原创 2017-01-06 13:01:11 · 486 阅读 · 2 评论 -
JS与PHP在函数传参方面有点不同，PHP形参与实参个数要匹配，而JS就灵活多了，可以随意传参，实参比形参少或多都不会报错
JS与PHP在函数传参方面有点不同，PHP形参与实参个数要匹配，而JS就灵活多了，可以随意传参，实参比形参少或多都不会报错。实参比形参多不会报错12345function say(a){ alert(a);} say('琼台博客','WEB技术博客');转载 2016-12-19 14:53:38 · 1632 阅读 · 0 评论 -
JS中保留N位小数，四舍五入函数
对于小数，有时候要取到小数点后面的特定几位，JS中有特定的方法：toFixed()。代码如下：上图可见，对于一个number类型的数据data，要取小数点后的特定n位，data.toFixed(n)即可，这样可以达到四舍五入的效果。并且支持性良好，各个浏览器的打印结果如下：（1）谷歌浏览器中，结果如下：（2）火狐浏览器，结果如下：（3）IE浏览器（IE8），原创 2017-01-09 12:11:36 · 2068 阅读 · 0 评论 -
下拉加载、下拉刷新
移动端开发中，上拉加载、下拉刷新这个功能经常用到，简单介绍下：该功能采用了插件iScroll.js，下载地址如下：http://cubiq.org/iscroll-4，示例demo如下：HTML代码：<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type...原创 2017-01-13 19:08:41 · 843 阅读 · 0 评论 -
react阻止事件冒泡
React阻止冒泡事件的方法，主要分为如下两种情况：1、阻止合成事件间的冒泡，方法：e.stopPropagation();事件绑定如下：阻止事件冒泡的写法如下：2、阻止合成事件与最外层document上的事件间的冒泡，方法：e.nativeEvent.stopImmediatePropagation();事件绑定写法：（1）不传参数：（2）传参数：阻止事件冒泡的写法：这样写的原因，是给docum...原创 2018-04-10 10:11:30 · 7081 阅读 · 0 评论