前端开发原生javascript
原野-
php开发,小程序开发,UI设计,前端开发,
展开
-
MutationObserver Html5新属性监听Dom的变化
在最近的项目当中有一个业务是前端监听一个数值的变化 从而给用户进行页面上的提醒(在浏览器的标签处动态跳动当前的信息提醒),在老版本的html可能感觉这个是一个无从下手的需求,需要监听页面的一个节点属性的状态,在之前的老版本html中是没有这个属性了,先将使用这个属性的过程总结如下: Mutation Observer介绍说明 Mutation Observer(变动观察器)是监视DOM变动的接口。当DOM对象树发生任何变动时,Mutation Observer会得到通知 可以理解为,当D...原创 2020-10-21 10:51:41 · 1850 阅读 · 0 评论 -
前端跨域使用jsonp处理方法示例
CORS,又称跨域资源共享,英文全称Cross-Origin Resource Sharing 假设我们想使用Ajax从a.com的页面上向b.com的页面上要点数据,通常情况由于同源策略,这种请求是不允许的,浏览器也会返回“源不匹配”的错误,所以就有了“跨域”这个说法。但是我们也有解决办法,我们可以再b.com的页面header信息中增加一行代码: 处理方法一: 1 header("Access-Control-Allow-Origin: *"); 如果需要原创 2020-08-25 09:33:39 · 942 阅读 · 0 评论 -
json.stringify()的妙用,json.stringify()与json.parse()的区别
工作当中经常使用到json.stringify,json.parse,现将这两个的使用方法进行一个整理: JSON.parse()方法用来解析JSON字符串,构造由字符串描述的JavaScript值或对象。提供可选的reviver函数用以在返回之前对所得到的对象执行变换(操作)。 const json = '{"result":true, "count":42}'; const obj ...转载 2020-03-30 09:45:17 · 441 阅读 · 0 评论 -
js获取url传递参数,js获取url?号后面的参数
js获取url传递参数,js获取url?号后面的参数 方法一、正则表达式 1 2 3 4 5 6 function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i...转载 2018-11-21 11:07:17 · 724 阅读 · 0 评论 -
JS获得当前页面详细地址
用JS获得当前页面详细地址 设置或获取对象指定的文件名或路径。 <script> alert(window.location.pathname) </script> 设置或获取整个 URL 为字符串。 <script> alert(window.location.href); </script> 设置或获取与 URL 关联的端口号码。 &l...转载 2018-11-15 08:54:24 · 882 阅读 · 0 评论 -
JS操作JSON总结
JS操作JSON总结 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。 本文主要是对JS操作JSON的要领做下总结。 在JSON中,有两种结...转载 2018-11-26 15:47:41 · 2316 阅读 · 0 评论 -
$.ajax()方法详解(常用操作属性)
$.ajax()方法详解 jquery中的ajax方法参数总是记不住,这里记录一下。 1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。 2.type: 要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持。 3.timeout: 要求为Number...转载 2019-02-20 15:20:54 · 282 阅读 · 0 评论