javascript基础
快速学习_javascript_基础语法,掌握前端常用性能体验优化思路,打造完整前端工作流,提升工程化编码能力和思维能力。
zjing125
GoReactTaro全栈,这辈子总要赢一次。
展开
-
javascript_同步与异步_ZHOU125disorder_
文章转载处javascript_同步与异步Javascript同步与异步JS是单线程JavaScript语言的一大特点就是单线程,也就是说,同一个时间只能做一件事。这是因为Javascript这门脚本语言诞生的使命所致——JavaScript是为处理页面中用户的交互,以及操作DOM而诞生的。比如我们对某个DOM元素进行添加和删除操作,不能同时进行。应该先进行添加,之后再删除。单线程就意味着,所有任务需要排队,前一个任务结束,才会执行后一个务。这样所导致的问题是∶如果JS执行的时间过长,这样就转载 2021-04-02 11:00:36 · 272 阅读 · 0 评论 -
javascript_JSON.parse() 与 JSON.stringify()_ZHOU125disorder_
JSON.parse() 与 JSON.stringify()原创 2021-04-01 22:52:57 · 132 阅读 · 0 评论 -
javascript_函数_对象新增_ZHOU125disorder_
函数_对象新增数值新增 <script> // Number.isFinite() 判断是不是一个数字 console.log(Number.isFinite("我的名字叫卡卡西,我的愿望是成为火影")); //false console.log(Number.isFinite(996)); //ture console.log(Number.isFinite(NaN)); //原创 2021-03-13 20:39:52 · 165 阅读 · 0 评论 -
javascript_正则_正则表单验证_ZHOU125disorder_
正则正则有关类容:正则正则表单验证<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g原创 2021-02-27 10:31:08 · 135 阅读 · 0 评论 -
javascript_ajax_ZHOU125disorder_
ajax 可以从服务器端来请求数据 最大特点,页面不刷新 传统验证方式缺点: 1.耗费流量:其他数据反复提交给浏览器 2.耗费时间长:多次提交的耗时 3.用户体验差:仅仅因为用户名验证失败,导致整个页面重新加载,其他数据又得重新写 ajax验证方式优点 1.节省流量:只需要传递需要验证的数据 2.节省操作时间 3.用户体验好,不刷新原创 2021-02-25 10:48:43 · 99 阅读 · 0 评论 -
javascript_继承_JSON_ZHOU125disorder_
继承 面向对象实现继承的几种方式: 继承:继承父级样式 1.原型链继承 2.构造函数继承 3.组合继承原型链继承// 核心:将父类的实例作为字类的原型// 缺点:父类新增原型方法/属性,字类都可以访问到,父类一变,其他的都变了 function Person(name){ this.name = name; } Person.prototype.getName =原创 2021-02-24 11:45:59 · 196 阅读 · 0 评论 -
JavaScript_面向对象(原型)_ZHOU125disorder_
原型 // 每一个函数都有一个属性叫做prototype,这个东西的值是一个对象,(属性的集合),默认只有一个叫做constructor的属性,指向这个函数本身 // 原型是一个对象,其他的对象可以通过它实现属性继承...原创 2021-02-23 10:30:48 · 108 阅读 · 0 评论 -
javascript_面向对象_ZHOU125disroder_
面向对象javascript中万物皆对象对象的创建1. 声明时添加 var content=function(){ name:'卡卡西' } 返回function2. 先声名后添加 var content={} content.name='卡卡西'; console.log(content); 返回obj通过原生构造函数创建对象 var arr = new Array() //通原创 2021-02-06 21:57:12 · 119 阅读 · 0 评论 -
javascript_闭包_cookie_ZHOU125disorder_
闭包_cookie匿名函数匿名函数:没有名字的函数立即执行的函数 // 1. 匿名函数 // 最外侧的括号,是函数的执行符号,代表调用,也可以应用于传参 (function(){console.log("我的名字叫卡卡西");})();//无参数 (function(value){console.log(value);})("我的名字叫卡卡西");//有参数 // 有时候也叫拉姆达函数(入); //原创 2021-02-03 11:13:01 · 132 阅读 · 1 评论 -
javascript_公私有变量_ZHOU125disorder_
共私有变量回调函数回调函数的作用回调函数可以减少全局变量的数量从而达到优化的效果回调函数:把函数当参数传进DOM事件回调函数定时器异步回调<button></button>var btn=document.getElementsByTagName("button")[0];btn.onclick=function(){console.log("我的名字叫卡卡西");}和定时器相似的东西延时器setTimeout(function(){ al原创 2021-02-02 11:50:25 · 125 阅读 · 0 评论 -
javascript_BOM基础_ZHOU125disorder_
BOM基础windowscreen存放浏览器的屏幕信息navigator描述当前的浏览器locationwindow对象的一部分,可以判断历史记录数量history保存浏览器历史记录信息frames窗口或框架内的结构BOMBOM (Browser Object Model) 浏览器对象模型操作浏览器 js对浏览器的各种操作的对象open()方法打开指定窗口open(路径,指定窗口(新窗口,旧窗口),窗口大小和位置)...原创 2021-01-27 11:55:11 · 131 阅读 · 0 评论 -
javascript_函数进阶_ZHOU125disorder_
函数进阶函数定义函数的三种定义方法函数声明定义function 函数名(){代码}函数表达式定义法匿名式函数表达式定义var fn=function(){代码}命名式函数表达式定义法var fn=function content(){代码}构造函数定义法构造函数首字母大写不成文的规定var fn=new Function("a1","a2","alert("a1*a2")")fn(13,14); //182 // 函数声明定原创 2021-01-26 12:34:41 · 164 阅读 · 0 评论 -
javascript_事件委托_ZHOU125disorder_
event事件对象属性通过type可以获取事件发生的类型<body> <div style="width: 256px;height: 256px;background-color: #096;"></div> <script> var div=document.getElementsByTagName('div')[0]; div.addEventListener("click",function(even原创 2021-01-24 14:14:59 · 138 阅读 · 0 评论 -
javascript_事件流_ZHOU125disroder_
事件流 // 事件流:事件流描述的就是页面中接收事件的顺序,也可以理解为事件在页面的传播顺序 // 事件流,事件冒泡,事件捕获 // addEventListener(事件名称,事件函数,true/false); // true:在捕获阶段执行 // false:在冒泡阶段执行事件冒泡<body> <div class="father"> <div class="son"> <i原创 2021-01-23 13:21:23 · 79 阅读 · 0 评论 -
Javascript_事件流_DOM事件等级_ZHOU125disorder_
绑定事件方法:内联模型/事件属性模型,动态绑定/分配事件模型事件级别DOM级别 DOM零级 DOM一级 DOM两级 DOM三级DOM零级 基础的事件绑定都是一级的.DOM一级 DOM一级没有处理DOM两级 // DOM两级 // addEventListener(事件,事件函数,是否支持冒泡)绑定事件 // removeEventListener()解除绑定事件 // var btn=document.getElementsByTagName("button"); /原创 2021-01-22 11:27:29 · 147 阅读 · 0 评论 -
javascript_其它事件_ZHOU125disorder_
其它事件事件模型分为 内联模型和动态绑定键盘事件 键盘上任意一个键按下 onkeydown 键盘上任意一个键放开 onkeyup表单事件 聚焦事件 onfocus 失焦事件 onblur 当内部的值发生改变的时候所触发的事件 onchange 用户输入时触发的事件 oninput oninput是实时触发,onchange是失焦以后触发;窗口事件 加载完毕之后执行的事件 onload window.onl原创 2021-01-19 14:10:47 · 123 阅读 · 0 评论 -
javascript基础学习_数组增删改查......_ZHOU125disorder_
数组增删改查…原创 2021-01-19 14:10:17 · 93 阅读 · 0 评论 -
javascript_节点属性_ZHOU125disorder_
节点属性在DOM节点中节点一共有三个属性nodeName 节点名称nodeValue 节点的值nodeType 节点的类型节点名称 nodeName 元素节点的nodeName是标签名; 属性节点的nodeName是属性名称; 文本节点的nodeName永远是#text; 文档节点的nodeName永远是#document;节点的值 nodeValue 元素节点的nodeValue是undefined或null; 文本节点的nodeValue是文本自身;原创 2021-01-16 09:17:57 · 107 阅读 · 0 评论 -
javascript_DOM节点操作_ZHOU125disorder_
DOM节点操作DOM节点操作有:创建,添加,删除,替换创建元素节点 <script> var oli=document.createElement("li"); console.log(oli); </script><li></li>添加元素节点在指定节点内部末尾添加一个新的子节点 ,父.appendChild(子)。 <body> <ol></ol> <原创 2021-01-15 16:41:54 · 141 阅读 · 0 评论 -
javascript_字符操作_ZHOU125disorder_
字符操作length(字符长度)和indexOf(正向搜索字符) <script> //字符串操作方法 //什么是字符串凡是被""或''包含的东西叫字符串 //1_length(字符长度) //2_正向搜索(寻找) var value="我的名字叫卡卡西年龄30我的愿望是成为火影" console.log(value);//(返回我的名字叫卡卡西年龄30我的愿望是成为火影)原创 2021-01-13 15:07:28 · 121 阅读 · 0 评论 -
javascript_鼠标事件_ZHOU125disorder_
鼠标事件单机事件_onclick双击事件_ondblclick事件绑定的方法基本是一样的<body> <button>双击</button> <script> var btn=document.getElementsByTagName("button")[0]; var content=btn.ondblclick=function(){ alert("我的名字叫卡卡西")原创 2021-01-08 10:54:30 · 103 阅读 · 0 评论 -
javascript_DOM_this_ZHOU125disorder_
this获取点击事件的位置在事件里面,this代表的是事件源由谁来触发,this就是谁 <body> <button>this</button> <script> var button=document.getElementsByTagName("button")[0]; console.log(button); button.onclick=function(){原创 2021-01-07 11:18:13 · 109 阅读 · 0 评论 -
javascript_DOM事件模型_ZHOU125disorder_
DOM事件模型内联模型/事件属性模型,在标签里面绑定事件<body> <div onclick="FUNC()"></div> <script> function FUNC(){ alert("我是要成为火影的男人!!!"); } </script></body>获取的style是从标签内部获取的_也就是从内联样式里面获取的;动态绑定/原创 2021-01-06 12:47:34 · 204 阅读 · 1 评论 -
javascript_DOM基础_ZHOU125disorder_
DOM=document object model=文档对象模型定义访问和处理HTML文档/元素的标准方法;即如何获取,修改,添加,删除html元素的标准,可以通过DOM访问html文档里面的所有元素;节点节点:文档节点,元素节点,文本节点,属性节点,注释节点获取节点// 获取元素节点的三种方法 // 通过id获取 // 通过class类名来获取 // 通过标签名获取<body> <p id="p1">卡卡西</p> <原创 2021-01-05 14:09:57 · 132 阅读 · 0 评论 -
javascript_流程控制_函数基础_ZHOU125disorder_
双路分支var num=prompt("请输入一个数字");if(num<0) { alert("这是一个负数");}else { alert("这是一个正数");}// 双路分支:两条路可以走,第一条走不通,就走第二条// 基于单路分支,增加一条路// if(条件表达式){// 代码块1// }else{// 代码块2// }// 如果(if)条件表达式满足(true),执行代码块1,否则的话(else),执行代码块2嵌套分支if语句的原创 2021-01-04 15:19:47 · 137 阅读 · 0 评论 -
javascript_数据类型_运算符_ZHOU125disorder_
javascript写在什么位置外部引进<head><link rel="stylesheet" type="text/javascript" href="mystyle.css"></head>内部引入<body><script></script></body>内嵌引入<script src=""路径></script>命名规范1.可以包含字母,数字,下划原创 2021-01-02 21:58:10 · 220 阅读 · 2 评论