![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
xiaozhuo_tang
前端开发
展开
-
踩坑
json的属性名必须是双引号”“而不能是单引号”,否则无法被JSON.parse解析,会报语法错误;JSON.parse('{"foo" : 1, }')应省略末尾的逗号,否则无法解析;JSON.parse(String , Function)第二个参数接受reviver函数,此函数会在JSON解析完毕后,会从最里层到最外层调用reviver函数,在函数中this为当前属性所属对象,属性原创 2018-03-18 14:39:59 · 203 阅读 · 0 评论 -
受控组件与非受控组件在React中没那么复杂[自译]
原文链接:https://goshakkk.name/controlled-vs-uncontrolled-inputs-react/ You may have seen many articles saying “you shouldn’t use setState,” and the docs are claiming “refs are bad”… That is so c原创 2018-01-22 17:28:17 · 277 阅读 · 0 评论 -
ES6学习
字符串扩展for...of优点正确遍历字符串for (let codePoint of 'foo') { console.log(codePoint)}let text = String.fromCodePoint(0x20BB7);//即使在存在Unicode字符时依然可以正确遍历for (let i = 0; i < text.length; i++) { co原创 2018-01-30 14:40:55 · 166 阅读 · 0 评论 -
JS的数组去重与排序
去重: 使用indexOf方法//假定已有一个数组ar里面包含了数;//out为去重后的数组function find(ar[]){ for(var i = 0 ; i<ar.length ; i++){ if(out.indexOf(ar[i]) == -1){ out.push(ar[i]); } } ret原创 2017-09-13 23:09:29 · 272 阅读 · 0 评论 -
js单元测试(占坑)
单元测试工具: 1.mocha+expect.js 2.Qunit占坑原创 2017-11-20 15:52:59 · 298 阅读 · 0 评论 -
WEB语义化(待完善)
目的:最简单的讲就是:语义网是让机器可以理解数据HTML5:html5的新标签们,就是为了推进语义化的进程,通过使用含有语义的标签来逐渐形成一种机器和人类都能够读懂的文本。语义化的标签们:title属性: title元素是最重要的 HTML 元素之一。它的主要功能是描述网页的内容。虽然是不可见的部分,但非常重要,因为它在搜索引擎列表、窗口的标题栏、用户的书签中都是可见的。 article元素:原创 2017-10-21 01:37:45 · 277 阅读 · 0 评论 -
跨域问题与解决方案
说到跨域,比跨不过去的地方:同源策略(引起跨域问题的策略) 所以,文章开头先来简单的介绍一下同源策略什么是同源策略?判断同源的三个要素: 1. 相同的协议 2. 相同的域名 存在的意义: 假设没有同源策略,那么我在A网站下的cookie就可以被任何一个网站拿到;那么这个网站的所有者,就可以使用我的cookie(也就是我的身份)在A网站下进行操作。 同源策略可以算是 web 前端安原创 2017-10-21 01:33:16 · 224 阅读 · 0 评论 -
JS深拷贝与浅拷贝及实现
我们都知道在js中,关于基本类型(Number、String 、Boolean、Null和Undefined)是按值访问的,因此可以直接操作保存在变量中的实际值,存在栈当中var b ;var a = 10;b = a;a与b的值是相互独立的,在复制的过程中同时也新创建了一个内存给他使用。 但是引用类型(Object 、Array 、Function 、Data),他们是存储在堆当中的,相应变原创 2017-10-21 01:35:04 · 259 阅读 · 0 评论 -
JS原型链、继承的问题与解决:组合继承、借用构造函数(未完)
Created with Raphaël 2.1.0原型对象、实例与原型属性PersonPerson原型对象原型对象实例实例Prototype原型属性指向原型对象constructor属性指向Person实例的[[Prototype]](浏览器中表现为_proto_)指向原型对象原创 2017-10-17 23:18:43 · 181 阅读 · 0 评论 -
浏览器缓存机制、http缓存头
缓存与目的重用已获取的资源能够有效的提升网站与应用的性能。Web 缓存能够减少延迟与网络阻塞,进而减少显示某个资源所用的时间。借助 HTTP 缓存,Web 站点变得更具有响应性。缓存作为加快页面加载速度的方法,可以说是必不可少的一个方法,如何能更好地运用缓存来服务客户,首先我们就得了解清楚缓存;缓存流程图先上一张从SegmentFault搬运来的缓存过程图 从图中能很清楚的原创 2017-10-21 01:35:56 · 2714 阅读 · 1 评论 -
https、secure socket layer、对称密钥与不对称密钥(占坑)
占坑原创 2017-10-21 01:36:54 · 286 阅读 · 0 评论 -
input标签相关
1.change事件:当input捕获到焦点后,系统储存当前值 ,当input焦点离开后,判断当前值与之前存储的值是否不等,如果为true则触发onchange事件。 所以在js,操作dom进行赋值的情况下无法触发change事件。解决:在进行赋值的时候顺带触发change事件,$(“#”).xx.trigger(“change”)2.input type=file类型,无法通过js直接原创 2017-10-17 23:41:34 · 200 阅读 · 0 评论 -
关于两个日期之间的
时间戳转换函数:IM.formatDate = function(timeStamp){ var time = new Date(timeStamp); var formatTime = time.getFullYear()+"-"+(time.getMonth()+1 < 10 ? '0'+(time.getMonth()+1) : time.getMonth()+1) +"-"+ti原创 2017-08-25 16:49:59 · 201 阅读 · 0 评论 -
ajax 文件下載
原本现在文件直接通过超链接可以完成下载,但现在要在url中附带几个参数,并且这些参数要是点击事件触发时的最新值,所以这里使用ajax的方式进行下载然而:1.使用ajax,ajax的返回值类型是json,text,html,xml类型,或者可以说ajax的发送,接受都只能是string字符串,不能流类型,所以无法实现文件下载,强用会出现response冲突。如果非要使用aja转载 2017-08-18 12:20:18 · 325 阅读 · 0 评论 -
JavaScript node
1.12种节点类型与其常量数值:Node.ELEMENT_NODE(1);Node.ATTRIBUTE_NODE(2);Node.TEXT_NODE(3);Node.CDATA_SECTION_NODE(4);Node.ENTITY_REFERENCE_NODE(5);Node.ENTITY_NODE(6);Node.PROCESSING_INSTRUCTION_NOD原创 2017-03-10 19:51:09 · 296 阅读 · 0 评论 -
JavaScript 高程
1.数据类型:a.Undefined:未定义 b.Null:空对象指针 var car=null;alert(typeof car);//”object“ c.Boolean:true 与false 与数字值不是一回事,true不一定等于1,false不一定等于0; d.Number:八进制需要先导零(070,07原创 2017-03-08 16:34:29 · 462 阅读 · 0 评论 -
JS代码与HTML的完全分离【图片库示例】
图片库的HTML里有一个图片部分和文字部分创建来完全是为showPic脚本服务的。既然这些元素这样只是为了DOM方法处理它们的,那么用DOM方法来创建他们最好不过。1.将他们从HTML中删除。2.编写函数完成任务1.创建img元素节点;2.设置节点id属性;3.设置节点src属性;4.设置节点alt属性;5.创建p元素节点;6.设置节点id属性;7.创建文本节点原创 2016-11-22 21:23:28 · 650 阅读 · 0 评论 -
9102年了XHR(jQuery)、Fetch和axios改选谁?
xhrxhr就是XMLHttpRequest的简写,这个对象为你提供一些方法让你获取数据的同时不需要刷新整个页面,这样的变成方式也叫ajax。xhr到底怎么工作的我不再赘述了。下面贴一个简单的xhr代码:// 手动对老版本的IE做兼容let xhrif (window.XMLHttpRequest) { // Mozilla, Safari... xhr = new XMLHt...原创 2019-04-11 11:30:59 · 822 阅读 · 0 评论