JavaScript
江湖行骗老中医lm
猴子搬来的救兵ememem。。。
展开
-
Nginx反向代理、CORS、JSONP等跨域请求解决方法总结
由于 Javascript 同源策略的存在使得一个源中加载来自其它源中资源的行为受到了限制。即会出现跨域请求禁止。通俗一点说就是如果存在协议、域名、端口或者子域名不同服务端,或一者为IP地址,一者为域名地址(在跨域问题上,域仅仅是通过“ url的首部 ”来识别而不会去尝试判断相同的IP地址对应着两个域或者两个域是否同属同一个IP),之中任意服务端旗下的客户端发起请求其它服务端资源的访问行动都是...转载 2019-10-25 15:43:05 · 294 阅读 · 0 评论 -
CORS跨域与Nginx反向代理跨域优劣对比
最近写了一些关于前后端分离项目之后,跨域相关方案的基本原理和常见误区的帖子,主要包括CORS和Nginx反向代理。这两种方案项目中都有在用,各有优缺,关于具体使用哪种方案,大家的观点也不大一致,本文主要就此展开一下,从前后端及服务器配置、安全性、移植灵活性、扩展性等方面详细对比一下两种方案的优缺,以便于后期在方案选型上对大家有所帮助。前端配置CORS方案:跨域时部分浏览器默认不携带cook...原创 2019-10-25 15:30:09 · 698 阅读 · 0 评论 -
js定时刷新页面
/*添加定时器*/ var Timer = 600000; var screenTimer; function startTimer() { clearTimeout(screenTimer) screenTimer = setTimeout(function() { window.location.reload(); }, T...原创 2019-10-12 09:45:40 · 179 阅读 · 0 评论 -
js事件执行多次,只执行最后一次
可以使用定时器解决! //写在事件外边,防止被注销 var iTime; /*筛选过滤*/ $('input.column_filter').on( 'keyup', function () { //写在事件内部 clearTimeout(iTime); iTime = setTimeout(function () { ...原创 2019-10-12 09:10:33 · 1247 阅读 · 0 评论 -
js常用正则表达式大全--如:数字,字符等
一、校验数字的表达式数字:^[0-9]*$n位的数字:^\d{n}$至少n位的数字:^\d{n,}$m-n位的数字:^\d{m,n}$零和非零开头的数字:^(0|[1-9][0-9]*)$非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$带1-2位小数的正数或负数:^(\-)?\d+(\.\d{1,2})?$正数、负数、和小数:^(\-...转载 2019-08-14 10:30:16 · 243 阅读 · 0 评论 -
JS中String转int
方案一代码: Number(str)方案二代码: // parseInt 方法都有两个参数,第一个参数就是要转换的对象,第二个参数是进制基数,可以是2,8,10,16,默认以10 进制处理parsenInt(str)方案一与方案二对比var str='1250' ;alert( Number(str) ); //得到1250alert(parseInt(str))...原创 2019-09-02 14:18:56 · 2354 阅读 · 0 评论 -
js获取url地址栏参数的方法,解决中文乱码问题,能支持中文参数
第一种:参数只能是英文的function getQuery(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return...原创 2019-09-03 16:43:17 · 124 阅读 · 0 评论 -
不同版本的jquery
http://code.jquery.com/ 到此地址查看;jQuery 3.xjQuery Core 3.4.1<script src="http://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" cross...原创 2019-09-09 17:43:25 · 243 阅读 · 0 评论 -
基于swiper循环焦点轮播图
下载地址:https://download.csdn.net/download/qq_20757489/11783258原创 2019-09-19 15:35:57 · 3376 阅读 · 1 评论 -
jquery判断复选框是否选择
$("input[type='checkbox']").attr('value')返回结果:501$("input[type='checkbox']").is(':checked')返回结果:选中=true,未选中=false原创 2019-09-24 10:54:32 · 110 阅读 · 0 评论 -
datatable经典例子
<!DOCTYPE html><html lang="ZH-cn"><head> <meta charset="utf-8"> <title>datatable</title><!--第一步:引入Javascript / CSS (CDN)--><!-- DataTables CSS -->...原创 2019-09-24 16:26:27 · 332 阅读 · 0 评论 -
前端导出表格
<!DOCTYPE html><html> <head> <title>jQuery Boilerplate</title> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> ...原创 2019-09-25 10:24:16 · 186 阅读 · 0 评论 -
Datatables是一款jquery表格插件,简单实现表格的分页,即时搜索和排序
Datatables是一款jquery表格插件。它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能。分页,即时搜索和排序 几乎支持任何数据源:DOM, javascript, Ajax 和 服务器处理 支持不同主题 DataTables, jQuery UI, Bootstrap, Foundation 各式各样的扩展: Editor, TableTools, FixedC...原创 2019-09-25 13:44:06 · 313 阅读 · 0 评论 -
移动端适配方案 flexible.js
前言移动端适配一直以来都是前端开发中不可或缺的重要组成部分,如果没有了它,那么你做出来的页面极有可能会出现各种意外(写出来的页面与设计稿之间的差别)。所有我们得找到一种相对来说让人比较满意的解决方案,尽可能地让这种“意外”减到最少。没错今天的主角就是它“flexible.js” 。根据阿里手淘团队发布的可伸缩布局方案amfe-flexible,git地址:https://github.co...原创 2019-10-08 14:01:33 · 957 阅读 · 0 评论 -
js中如何遍历对象属性
对象声明:1、var obj = {}//字面量,建议这种方式(方便初始化赋值)2、var obj = new Object();对象赋值:1、obj.name = "zhangsan";obj.age = 20;2、obj["name"] = "zhangsan";obj["age"] = 20;(建议这种方式)访问对象属性值:1、obj.name2、obj["n...原创 2019-08-19 09:08:59 · 802 阅读 · 0 评论 -
js和java中使用正则表达式校验邮箱
问题:经常在项目中要校验邮箱? 邮箱格式:首位必须为字母,必须包含一个@符号,并且@之后有个名字,之后还有个.,再有一个后缀名 例如:wyp55023@163.com一、java中代码如下:String reg="[A-z]+[A-z0-9_-]*\\@[A-z0-9]+\\.[A-z]+";System.out.println("wyp55023@163.com".ma...原创 2019-08-06 17:13:20 · 298 阅读 · 0 评论 -
JS删除数组里的某个元素方法
首先可以给JS的数组对象定义一个函数,用于查找指定的元素在数组中的位置,即索引,代码为:Array.prototype.indexOf=function(el){ for(var i=0,n=this.length;i<n;i++){ if(this[i]===el){ return i; } } return-1;}然后使用通过得到这个元...原创 2019-07-24 09:27:36 · 121 阅读 · 0 评论 -
跨域请求方式理解
jaonp方式(jsonp 是通过script 标签方式实现的,相当于钻了个空子) 更改服务器响应头:(网站开发建议使用这种),更改响应头后允许跨域。jsonp实现跨域请求前端 $.ajax({ type:"GET", url:"http://www.deardull.com:9090/getMySeat", //访问的链接...原创 2018-12-06 16:46:37 · 194 阅读 · 0 评论 -
JSON与JS对象的区别
和一些同学一样:总是感觉json对象(其实json不是对象)和js对象的字面量表示法相同,最近学习json,真心搞不懂,js对象和json有什么区别?就是感觉json的key要用” “括起来,但是js对象的字面量表示法不需要。 比如://js对象的字面量表示法: var people1={ name:'hehe', age:18 }; //json的格式是...转载 2018-12-06 16:01:54 · 6244 阅读 · 0 评论 -
json对象和json字符串之间的转化
json字符串----->json对象 使用JSON.parse()函数 var jsonStr = '{"name":"zhangsan","age":23,"email":"chentging@aliyun.com"}';var json = JSON.parse(jsonStr);console.log(json);//输出:Object {name: "zh原创 2018-12-06 16:17:35 · 113 阅读 · 0 评论 -
js获取地址栏参数值
/*获取地址栏id*/ function getQueryVariable(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i=0;i<vars.length;i...原创 2018-12-27 15:41:54 · 114 阅读 · 0 评论 -
javascript脚本怎么调试,js怎么打断点调试
如图是笔者写的一个小的js测试,点击键盘上的F12就可以调出调试模式 然后在调试模式中,点击Sources Sources下面就是你当前页面上的所有资源文件,找到当前需要调试的js所在的文件然后你选择的那个文件源码就会显示在左边的框中,侧边上的数字就可以打上断点打上断点之后,点击浏览器上的刷新按钮执行就会停止在断点处,这时和其他语言一样,你可以将鼠标移动到变量上面...转载 2019-01-18 09:48:22 · 1481 阅读 · 0 评论 -
前端页面--瀑布流布局的实现
前端页面--瀑布流布局的实现:html:差不多就是这种结构,source-item为瀑布流盒子<div class="source-content"> <div class="source-item"></div> <div class="source-item"></div> <div cl...原创 2019-04-24 11:55:47 · 1090 阅读 · 0 评论 -
js总结
Array 对象Array 对象用于在变量中存储多个值:varcars = ["Saab","Volvo","BMW"];第一个数组元素的索引值为 0,第二个索引值为 1,以此类推。更多有关 JavaScript Array 内容请参考JavaScript Array 对象手册。数组属性属性 描述 constructor 返回创建数组对象的原型函数。...原创 2019-05-09 20:45:24 · 85 阅读 · 0 评论 -
ajax同步提交时遮罩层不显示
业务需求:上传资源,由于某种原因必须用到ajax同步去上传。上传时耗时较长,为避免用户再上传过程中误操作,需要加遮罩层。猜到的坑:正常情况下,如果是异步是没有任何问题的。function upload(){ $("#mask").show(); //显示遮罩层 $.ajax({ url:"xxxx", async:true, ...转载 2019-05-30 13:53:21 · 529 阅读 · 0 评论 -
删除数组arr的最后一个元素,不改变原数组,结果返回新数组。
方法一:slice()方法;var a=[1,5,'ff','g','h','sd','g']; alert( deletelast(a)); function deletelast(arr){ return arr.slice(0,arr.length-1);}方法二:concat()或slice()加pop();function delet...原创 2019-06-05 14:56:03 · 3824 阅读 · 0 评论 -
js中最简单最实用的数组去重方法!
js数组去重是比较常见的数组操作方式之一,网上有很多关于数组去重的博客文章,方法各式各样,但有些方法实用性很差,很容易造成不必要的麻烦,所以我们需要去其糟粕取其精华,下面我们就整理一些比较实用的数组去重方法。一、for循环嵌套,利用splice去重此方法是比较常用的方法之一,也是es5中比较实用的方法之一。话不多说,上代码:function newArr(arr){ for(...转载 2019-06-13 15:04:22 · 146 阅读 · 0 评论 -
js根据值获取索引
对数组的原型进行扩展Array.prototype.indexOf=function(el){ for(var i=0,n=this.length;i<n;i++){ if(this[i]===el){ return i; } } return-1;}使用方法:// 创建数组arrvar arr = [1, 2, 3, 4, 5];...原创 2019-07-19 10:31:28 · 977 阅读 · 0 评论 -
JavaScript判断输入是否为数字类型的方法总结
JavaScript判断输入是否为数字类型的方法总结前言很多时候需要判断一个输入是否位数字,下面简单列举集中方法。第一种方法 isNaNisNaN 返回一个 Boolean 值,指明提供的值是否是保留值 NaN (不是数字)。 NaN 即 Not a Number isNaN(numValue)但是如果numValue果是一个空串或是一个空格,而isNaN是做...转载 2019-07-19 10:38:52 · 522 阅读 · 0 评论 -
js四舍五入并保留两位小数
Math.Round()函数,能够对一个浮点数进行四舍五入,但是返回的结果是个整数,无法精确到小数点后,比如:Math.Round(0.123)返回0。Number.toFixed()方法,得出结果是字符串格式,能保留小数点后面的指定位数,但如果执行5.1.toFixed(2)的话,会返回5.10,而不是我们期待的5.1,所以,这个方法也不太可取。最简单实现的方法是,假设我要对0.40...转载 2019-07-19 12:21:19 · 317 阅读 · 0 评论 -
npm 更改默认全局路径以及国内镜像
可以通过命令行的方式修改配置项和添加镜像;也可以通过配置文件的方式完成同样的功能。1.命令行式方式npm更改默认全局路径和cache路径:npm config set prefix 新路径npm config set cache 新路径npm config set registry https://registry.npm.taobao.org2.配置文件的方式在n...转载 2018-11-04 18:12:26 · 1358 阅读 · 0 评论