日常总结--javascript
关注
分享
扫一扫
qq_42566295
养成记录的好习惯
展开
-
javascript退格键禁用
在前端页面操作时，有时候会需要将退格键禁用掉，比如：在窗口中编辑时禁用掉退格键，主要是因为退格键会发生页面后退动作，影响编辑操作//处理键盘事件 禁止后退键（Backspace）密码或单行、多行文本框除外function forbidBackSpace(e) { var ev = e || window.event; //获取event对象 var obj = ev.ta...原创 2018-07-17 14:09:42 · 412 阅读 · 0 评论 -
Es6新增数据类型 Symbol
· Symbol是通过symbol函数生成的。 let s = Symbol(); console.log(s);//Symbol() typeof(s);//”symbol”· Symbol()函数通过接收一个字符串作为参数，来对产生的Symbol值进行描述，方便区分不同的Symbol值。 给Symbol函数加了参数之后，控制台输出的...原创 2018-07-31 11:51:47 · 318 阅读 · 0 评论 -
什么是跨域？怎么解决跨域问题？
转载链接：https://www.cnblogs.com/sexintercourse/p/7011427.html什么是跨域？ 跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript施加的安全限制。所谓同源是指，域名，协议，端口均相同，不明白没关系，举个栗子：http://www.123.com/index.html 调用 ht...转载 2018-08-31 11:03:58 · 161 阅读 · 0 评论 -
sessionStorage的使用
写入： sessionStorage.setItem('scene',JSON.stringify({"scene":scene}));获取：var sceneObj = JSON.parse(sessionStorage.getItem('scene')) == null ? {"scene":''} : JSON.parse(sessionStorage.get...原创 2018-09-13 15:54:40 · 307 阅读 · 0 评论 -
style.width 和 offsetWidth
style.width 返回值是定义的width属性值 返回的是字符串offsetWidth返回对象的padding+border+width属性值之和，返回的是 Number 型的数字在这里用一个面试题作为例子来看一下：写一个traverse函数，输出所有页面宽度和高度大于50像素的节点function traverse(){ var elements = []; ...原创 2018-10-11 10:51:56 · 192 阅读 · 0 评论 -
区分 splice 和 slice
splice 和 slice 在使用时，经常会忘记二者的区别，造成混淆其实，关键在于区分二者的参数：1. splice（index,howmany,item1,.....,itemX） index: 必选。从index处开始的零个或多个元素。 Howmany：必选。删除多少个元素 item...原创 2018-10-11 11:20:21 · 152 阅读 · 0 评论 -
js全选、全不选功能
实现功能：1. 全选2. 全不选3. 每条数据被勾选后，全选框变成被勾选状态4. 勾选全选框，取消某条数据的勾选，全选框变成未勾选状态直接看demo：（label标签和类名ui-checkbox、ui-checkbox-inline是在checkbox.css中对复选框做了美化）<!DOCTYPE html><html lang="en">...原创 2018-10-18 16:17:01 · 276 阅读 · 0 评论 -
如何获取和设置 cookie
// 创建 cookiefunction setCookie(name, value, expires, path, domain, secure) { var cookieText = encodeURIComponent(name) + '=' + encodeURIComponent(value); if (expires instanceof Date) { ...原创 2018-10-15 15:16:39 · 423 阅读 · 0 评论 -
常见HTTP 状态码
100 Continue 继续，一般在发送 post 请求时，已发送了 http header 之后服务端将返回 此信息，表示确认，之后发送具体参数信息200 OK 正常返回信息201 Created 请求成功并且服务器创建了新的资源202 Accepted 服务器已接受请求，但尚未处理301 Moved Permanently 请求的网页已永久移动到新位置302 Found ...原创 2018-10-15 16:29:39 · 177 阅读 · 0 评论 -
前端开发的优化
（1） 减少 http 请求次数：css spirit,data uri（2） JS，CSS 源码压缩（3） 前端模板 JS+数据，减少由于 HTML 标签导致的带宽浪费，前端用变量保存 AJAX 请求结果，每次操作本地变量，不用请求，减少请求次数（4） 用 innerHTML 代替 DOM 操作，减少 DOM 操作次数，优化 javascript 性能（5） 用 setTimeo...原创 2018-10-16 14:19:22 · 232 阅读 · 0 评论 -
世界各国以及中国各区县的JSON数据下载
世界地图和主要国家的 JSON 文件 世界地图： world.json美洲：美国：USA.json 加拿大：Canada.json 巴西：Brazil.json大洋洲：澳大利亚：Australia.json 新西兰：NewZealand.json亚洲：印度：India.json 日本：Japan.json 俄罗斯:Russia.json 新加坡：Singap...转载 2018-07-20 15:15:09 · 2535 阅读 · 1 评论 -
echarts实现折线图的绘制
先来看一下效果图：实现的是2013年到2017年，每个产品的数量统计折线图代码如下：首先从echarts官网上下载echarts.js文件<script src="echarts.js"></script><!DOCTYPE html><html><head> <meta charset=&quo原创 2018-07-20 11:51:16 · 8445 阅读 · 0 评论 -
echarts如何画饼图
首先从echarts官网上下载echarts.js文件<script src="echarts.js"></script><!doctype html><html lang="en"><head> <meta charset="UTF-8"> &原创 2018-07-20 10:56:52 · 1193 阅读 · 0 评论 -
区分 event.preventDefault() 和 event.stopPropagation()
event.preventDefault();阻止默认行为event.stopPropagation();//阻止事件往上冒泡<style>#text,.testdiv{ width: 50px; height: 50px; color: #666; border:1px solid #ddd;}.outdiv{ width: 50px; height...原创 2018-07-17 14:22:16 · 226 阅读 · 0 评论 -
原生js实现多图片上传、预览
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>多图上传、预览缩略图</title></head><script src="tinyImgUpload原创 2018-07-17 14:59:41 · 2943 阅读 · 1 评论 -
javascript深拷贝和浅拷贝
浅拷贝：随着cloneArray、cloneobj改变，originArray和originobj也发生了改变深拷贝：（使用递归） 对目标进行完全拷贝，不像浅拷贝那样只是复制了一层引用，就连值也都复制了，只要进行了深拷贝，它们老死不相往来，谁也不会影响谁。 function deepClone(){//对每一层的数据都实现一次 创建对象->对象赋值 的操作 ...原创 2018-07-17 15:03:53 · 176 阅读 · 0 评论 -
17个正则表达式
1 . 校验密码强度密码的强度必须是包含大小写字母和数字的组合，不能使用特殊字符，长度在8-10之间。^(?=.*\\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$2. 校验中文字符串仅能是中文。^[\\u4e00-\\u9fa5]{0,}$3. 由数字、26个英文字母或下划线组成的字符串^\\w+$4. 校验E-Mail 地址同密...转载 2018-07-18 10:15:50 · 720 阅读 · 0 评论 -
前端在线客服窗口的制作
要制作比较完善，功能强大的在线客服弹窗，还需要用到第三方的工具，（我使用的是智齿客服，个人感觉还是比较强大，方便的。）html中写一个点击事件：kefu()js:<script type="text/javascript">function kefu(){ var url=''; //转向网页的地址;...原创 2018-07-24 16:52:08 · 6167 阅读 · 0 评论 -
正则判断： 有线MAC地址、无线MAC地址、ipv4、ipv6
（1） 有线MAC地址：/[A-Fa-f0-9][A-Fa-f0-9]-[A-Fa-f0-9][A-Fa-f0-9]-[A-Fa-f0-9][A-Fa-f0-9]-[A-Fa-f0-9][A-Fa-f0-9]-[A-Fa-f0-9][A-Fa-f0-9]-[A-Fa-f0-9][A-Fa-f0-9]/（2） 无线MAC地址：/([A-Fa-f0-9]{2}-){5}[A-Fa-f0-9]{2}/（...原创 2018-07-13 15:27:11 · 1199 阅读 · 0 评论 -
金钱正则判断
var testmoney = /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9](0-9)?$)/;if(!testmoney.test($input.val())){ alert('请输入正确的金额')； return false;}原创 2018-07-13 15:39:06 · 2166 阅读 · 0 评论 -
js去掉字符串中的空格
去除所有空格：str = str.repalce(/\s*/g,"");去除两头空格：str = str.replace(/^\s*|\s*$/g,"");去除左空格：str = str.replace(/^\s*/,"");去除右空格：str = str.replace(/(\s*$)/g,"");...原创 2018-07-13 15:50:02 · 235 阅读 · 0 评论 -
echarts如何画柱状图，以及参数解释
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial原创 2018-07-20 10:52:51 · 1863 阅读 · 0 评论 -
form表单提交方式
原文：http://www.anyrt.com/blog/list/submit.html无刷新页面提交表单表单可实现无刷新页面提交，无需页面跳转，如下，通过一个隐藏的iframe实现，form表单的target设置为iframe的name名称，form提交目标位当前页面iframe则不会刷新页面<form action="/url.do" method="post" tar...转载 2018-10-10 10:45:26 · 248 阅读 · 0 评论