javascript
zenkle
这个作者很懒,什么都没留下…
展开
-
遍历数组获取到值后立即跳出
通过every+return false、some+return true来实现终止循环;提升性能 selectScrollAppSources = key => { if (this.props.SourceReducer.sourceList) { this.props.SourceReducer.sourceList.every(item => { ...原创 2020-02-13 18:48:01 · 1116 阅读 · 0 评论 -
获取缓存值为对象的属性值时为undefined
Obj是对象:在进行localStorage.setItem('name',Obj)进行存储时直接存储会显示[object object],先将其转为字符串存进去,常用JSON.stringify(Obj)localStorage.setItem('name',JSON.stringify(Obj))在localStorage.getItem('name').key时取不到对应的值O...原创 2020-01-02 10:46:30 · 1549 阅读 · 0 评论 -
DOM
DOM可以理解为将document按照节点顺序排列的一种文档模型;通过js可以修改dom(这也是js是单线程的原因之一) 事件捕获时先从document开始再到html再向下一级一级捕获;dom的根目录是document 常见的节点类型有元素节点(element)、属性节点(Attr)、文本节点(text)、注释节点(comment);对应的nodeType分别为为1、2、3、8; 可以通过...原创 2019-10-12 12:30:29 · 91 阅读 · 0 评论 -
var;let;const—预编译
预编译变量声明提前函数声明提前变量赋值位置不变<script type="text/javascript"> var a = 1; console.log(a); function test(a) { console.log(a); var a = 123; console.log(a); ...原创 2019-06-19 10:32:36 · 609 阅读 · 0 评论 -
Object.prototype.toString. call(xx)
最近做了做一些js面试25 Essential JavaScript Interview Questions*,其中第一道是:使用typeof bar === "object"检测”bar”是否为对象有什么缺点?如何避免?这是一个十分常见的问题,用typeof是否能准确判断一个对象变量,答案是否定的,null的结果也是 object,数组的结果也是 object,有时候我们需要的是 "纯...转载 2019-06-14 15:53:10 · 134 阅读 · 0 评论 -
ajax本地请求json数据报错
在本地写了json数据,使用ajax调用时报错Access to XMLHttpRequest at 'file:///……/data.json' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, da...原创 2019-06-23 21:24:23 · 1399 阅读 · 0 评论 -
深拷贝和浅拷贝
对象存储在堆中,js无法直接访问存储在堆内存中的数据,但可以通过引用方式来访问或修改此类数据,将对象赋给另一个对象后这两个对象所指的内存地址为同一个地址相互影响,改变一个另一个也就跟着变var a={ class:" 21"}b=ab.class="30"console,log(a.class)//30浅拷贝就只拷贝对象的第一层属性,属性下如果还有对象因为被引用指向同一片内存...原创 2019-07-29 13:15:49 · 103 阅读 · 0 评论 -
js小知识点梳理(1)
typeoftypeof undefined//undefinedtypeof b // undefinedtypeof null//objecttypeof string//stringtypeof number//numbertypeof NaN//number NaN 也属于 number 类型,并且 NaN 不等于自身。typeof boolean//b...原创 2019-07-25 16:37:49 · 96 阅读 · 0 评论 -
js获取容器的大小(宽高)
通过JS获取盒模型对应的宽和高,有以下几种方法:1. dom.style.width/height这种方式只能取到dom元素内联样式所设置的宽高,也就是说如果该节点的样式是在style标签中或外联的CSS文件中设置的话,通过这种方法是获取不到dom的宽高的。2. dom.currentStyle.width/height这种方式获取的是在页面渲染完成后的结果,就是说不管是哪种方...转载 2019-08-05 11:08:06 · 4781 阅读 · 0 评论 -
原型和原型链
参考:https://www.jianshu.com/p/ddaa5179cda6参考:https://www.cnblogs.com/duyingxuan/p/6474163.html每当定义一个函数数据类型(普通函数、类)时候,都会天生自带一个prototype属性,这个属性指向函数的原型对象,并且这个属性是一个对象数据类型的值;对象之间的继承关系,在JavaScript中是通过pro...原创 2019-08-07 16:24:13 · 77 阅读 · 0 评论 -
&&和||
类型转换可转换为假值: false、null、undefined、空字符串、±0、NAN1、在做&&操作时有一个假值,返回假值都为真,返回右侧值都为假,返回左侧假值[] && 1 //1'' && 2 //''2、在做||操作时有一个真值,返回真值都为假,返回最后一个假值都为真,...原创 2019-08-28 20:34:20 · 79 阅读 · 0 评论 -
宽度自适应
给图片添加一个容器将其放进去,为了实现图片的自适应,将此容器height设为0,通过padding-bottom设置宽度比继承其父元素宽度并按照宽度比设置此容器的高度,之后将图片塞进去,图片的一边设置比例另一边也会根据比例相应的缩放。如果不添加容器对图片直接做自适应样式设置,图片的高度为0,高度撑不开也就无法显示出来<!DOCTYPE html><html>&...原创 2019-09-09 15:12:01 · 904 阅读 · 0 评论 -
事件捕获—>事件处理—>事件冒泡
事件冒泡:当子元素与父元素有相同的事件时,当子元素被触发时父元素也会被触发冒泡机制点击子——弹出父<!DOCTYPE html><html><head> <title>1</title> <meta charset="UTF-8"> </head><body>...原创 2019-06-13 18:48:13 · 352 阅读 · 0 评论 -
overflow属性定义溢出元素内容区的内容会如何处理
参数是scroll时候,必会出现滚动条。参数是auto时候,子元素内容大于父元素时出现滚动条。参数是visible时候,溢出的内容出现在父元素之外。参数是hidden时候,溢出隐藏。默认为visible...原创 2019-05-21 19:22:08 · 1885 阅读 · 0 评论 -
js中变量、函数、属性参数命名规范
1、区分大小写2、第一个字符必须是字母、下划线( )或美元符号($)3、其他字符可以是字母、下划线、美元符号或者数字原创 2019-05-21 19:20:21 · 1980 阅读 · 0 评论 -
初识js(2)
1、DOM文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。2、HTML文档可以说由节点构成的集合,三种常见的DOM节点:1. 元素节点:上图中<html>、<body>、<p>等都是元素节点,即标签。2. 文本节点:向...原创 2018-10-14 17:02:18 · 81 阅读 · 0 评论 -
初识js(3)
1、定义一维数组:var myarr=new Array();2、定义二维数组:第一种:var myarr=new Array(); //先声明一维 for(var i=0;i<2;i++){ //一维长度为2 myarr[i]=new Array(); //再声明二维 for(var j=0;j<3;j++){ //二维长度为3 myarr...原创 2018-10-18 13:58:08 · 90 阅读 · 0 评论 -
初识js(4)—数组
1、数组数组定义的方法:1. 定义了一个空数组:var 数组名= new Array();2. 定义时指定有n个空元素的数组:var 数组名 =new Array(n);3.定义数组的时候,直接初始化数据:var 数组名 = [<元素1>, <元素2>, <元素3>...];我们定义myArray数组,并赋值,代码如下:...原创 2018-10-18 15:47:45 · 165 阅读 · 0 评论 -
初识js(4)—计时器
JavaScript 计时器计时器类型:一次性计时器:仅在指定的延迟时间之后触发一次。间隔性触发计时器:每隔一定的时间间隔就触发一次。计时器方法:1、计时器setInterval()语法:setInterval(代码,交互时间);参数说明:1. 代码:要调用的函数或要执行的代码串。2. 交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms)。...原创 2018-10-18 17:08:25 · 175 阅读 · 0 评论 -
初识js(4)—对象
History 对象:history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。注意:从窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。语法:window.history.[属性|方法] //window可以省略History 对象属性History 对象方...原创 2018-10-19 13:07:55 · 108 阅读 · 0 评论 -
设置跳转提示页
要求:1. 如果打开该页面后,如果不做任何操作则5秒后自动跳转到一个新的地址,如慕课网主页。2. 如果点击“返回”按钮则返回前一个页面。<html> <head> <title>浏览器对象</title> <meta http-equiv="Content-Type" content="text/html; char...原创 2018-10-19 14:04:54 · 2192 阅读 · 0 评论 -
一些概念性问题
1、全局虽然无法直接访问局部变量,但局部变量是可以向上访问它的父级的变量如果有两个同名全局变量,后执行的那个会覆盖前者,全局变量不可以被删除,但是隐式全局变量可以被删除需要注意一下for循环中全局与局部变量块级作用域:一对大括号就可以看成是一块,在这块区域中定义的变量,只能在这个区域中使用,但是在js中在这个块级作用域中定义的变量,外面也能使用。对于js整体而言没有块级作用域只...转载 2018-12-07 16:32:38 · 331 阅读 · 0 评论 -
two sum
Given an array of integers, return indices of the two numbers such that they add up to a specific target.You may assume that each input would have exactly one solution, and you may not use the same ...原创 2019-04-26 12:54:30 · 94 阅读 · 0 评论 -
typeof null ==“ object”
不同的对象在底层都表示为二进制,在第一版JavaScript 中数值是以32字节存储的,由标志位(1~3个字节)和数值组成。标志位(以下5种)存储的是低位的数据。000:对象,数据是对象的应用。 1:整型,数据是31位带符号整数。 010:双精度类型,数据是双精度数字。 100:字符串,数据是字符串。 110:布尔类型,数据是布尔值。二进制前三位都为 0 的话会被判断为 objec...转载 2019-05-14 11:10:41 · 218 阅读 · 0 评论 -
["1","2","3"].map(parseInt)=[1,NaN,NaN]
NaN表示“not a number”map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。map(function(currentValue,index,arr) ,thisValue),function函数里包含了三个参数(当前值,当前值的索引值,当前数组)parseInt(string, radix)可解析一个字符串,并返回一个整数radix:表示要...原创 2019-05-14 15:33:21 · 2384 阅读 · 0 评论 -
js运算符优先级
优先级从高到低运算符 描述 . [] () 字段访问、数组下标、函数调用以及表达式分组 ++ -- - ~ ! delete new typeof void 一元运算符、返回数据类型、对象创建、未定义值 * / % 乘法、除法、取模 + - + 加法、减法、字符串连接 << >...转载 2019-05-14 15:50:24 · 1543 阅读 · 0 评论 -
初识js(1)
1、js代码的内容要写在<script type="text/javascript">和</script>中<script type="text/javascript">内容</script>2、js写入html中的两种方法;我们可以将JavaScript代码放在html文件中任何位置,但是我们一般放在网页的head或者body部分。...原创 2018-10-11 13:06:45 · 98 阅读 · 0 评论