1、如果在网速慢的情况下,不先加载css,会先出现html结构然后出现css,会有短暂的乱码状态 2、js通常是获取html标签给予动态操作效果的 Js中常用的四种输出方式?...可以使用数字、字母、下划线、$(数字不能作为首位 3、不能使用关键字和保留字 Js中的变量和数据类型? Js中的变量是一个抽象的概念,变量是用来存储值和代表值。...在js中定义一个变量非常简单: var name=’张三’; 定义一个变量name,把字符串张三赋给这个变量 。 Js中的变量是松散类型的:通过var变量名就可以存储任何数据类型。...); } sum;//sum后面不加(),代表的就是当前函数本身 sum sum();//sum后面加(),代表的是执行当前函数 函数执行的目的:把函数之前存储的那些字符串编程js代码,让后让js代码从上到下依次执行...('+') 把数组按照指定的分隔符拼接成字符串,原来的数组不变 eval() js中把字符串变成js表达式执行的一个方法 思考:给数组中的每一项进行相加求和 排序和排列 arr.reverse
return new Promise((resolve, reject)=> { // 假设此处是异步请求某个数据 $.ajax({ url...
大家好,又见面了,我是你们的朋友全栈君。 JS基础——cssText的用法 #div1{ width...但cssText也有个缺点,会覆盖之前的样式。
== 函数 定义: 函数的近代定义是给定一个数集A,假设其中的元素为x,对A中的元素 x施加对应法则f,记作f(x),得到另一数集B,假设B中的元素为y,则y 与x之间的等量关系可以用y=f(x...[[scope]]指的就是我们所说的作用域,其中存储了运行期上下文的集合。 ...作用域链:[[scope]]中所存储的执行期上下文对象的集合,这个集合呈链 式链接,我们把这种链式链接叫做作用域链。 运行期上下文:当函数执行时,会创建一个称为执行期上下文的内部对象。...一个执行期上下文定义了一个函数执行时的环境,函数每次执行时的执行上下文 都是独一无二的,所以多次调用一个函数会导致创建多个执行上下文,函数每次 执行时,都会把新生成的执行期上下文,填充到作用域链的最顶端...当函数执行 完毕,它所产生的执行上下文被销毁。 查找变量:从作用域链的顶端依次向下查找。
对象 可以理解为一种无序的数据集合 比如 描述学生信息 静态特征(姓名,年龄,性别,身高…) ——> 使用数字, 字符串, 数组, 布尔类型等表示 动态行为 (唱歌,跳舞,打篮球)——> 使用函数表示...删除对象中的属性 delete 对象名.属性名 3. 修改对象中的值 对象.属性 = 值 对象.方法 = function() {} 4....查询对象 对象.属性 (或者 对象[‘属性’]) 对象.方法() 遍历对象 对象和数组区别 对象没有像数组一样的length属性,无法确定长度 对象里面是无序的键值对,没有规律,不像数组里面有规律的下标...方法有 random:生成0-1的随机数 生成0-10的随机数 Math.floor(Math.random() * (10 + 1)) 2....生成5-10的随机数 Math.floor(Math.random() * (5 + 1)) + 5 3.
内存模型、作用域 * fun()//作用域环境栈,调用的时候出栈,其中的局部变量的生命周期和其所在方法一致 * 全局变量和网页(window对象)一致 * 栈和堆中的变量的生命周期完全不一样...* JavaScript的对象本质就是一个关联数组。 4. toString()会自动被调用,所有对象都有该方法。 5....二维数组:数组的数组。数组中的元素也是数组。 9. sort()源码是C++写的。 10....字符串(不可改变) * 用变量保存字符串API返回的串。 * 频繁对字符串拼接需要使用数组,无中间对象产生:先push()后join()。...* slice(start,end) 方法可从已有的数组中返回选定的元素。 14. 正则表达式 * ,匹配中文 * 15.
AJAX 是一种用于创建快速动态网页的技术。 通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。...Ajax使用步骤 1.创建ajax对象 2.打开这个对象 3.发送请求 4.监听请求 小案例 1.在同目录下创建一个 文本1.txt 文件,在里面输入要读取的内容 2.创建ajax的使用的html... js...name:"孔",addr:"赣州"},{no:2,name:"李",addr:"抚州"},{no:3,name:"李",addr:"南昌"},{no:4,name:"左",addr:"南昌"}] 在js... js
不管被调用函数,声明时属于方法,还是函数 3:函数作为构造函数调用时 JS没有类的概念,常见对象是用构造函数来完成的,或者直接使用json格式来写对象 new Dog发生了以下几个步骤 系统创建空对象...在js中, age = 20这个变量,却被t2捕捉, 即使t1执行完毕,通过t2,依然能访问该变量 这种情况---返回的函数,并非孤立的函数,甚至把其周围的变量环境, 形成了一封闭的"环境包",共同返回..., 所以叫"闭包" ----一句话概括-----函数的作用域取决于声明时,而不取决于调用时 JS对象的特点 在js中,有对象,没有类(但有构造函数), JS中的对象,不依赖于类而存在, 支持任意添加和删除属性...JS封装 通过闭包来完成js面向对象的私有属性与封装 ?...关于JS继承与原型链的问题 每个函数都有一个prototype属性,这个属性是指向一个对象的引用,这个对象称为原型对象,原型对象包含函数实例共享的方法和属性,也就是说将函数用作构造函数调用(使用new操作符调用
函数 概念 函数是被设置为执行特定任务的代码块,执行结束后将结果返回 语法 声明语法 function 函数名 (参数列表) { 函数体 } 调用语法 函数名(传递的参数列表) 有返回值的函数...,而限定这个名字的可用性的代码范围就是这个名字的作用域。...作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突。...类型 全局作用域 全局有效 作用于代码执行的整个环境(整个script标签内部或者一个独立的js文件) 局部作用域 局部有效 作用于函数内的代码环境,就是局部作用域 也称为函数作用域,...在函数外无法访问函数内的变量 块级作用域 通过let声明定义的变量,在{}里面形成的区域。
true,代码会执行 若条件结果不是布尔型,则会发生隐式转换成布尔型 双分支 语法: if(条件) { 满足条件要执行的代码 } else { 不满足条件执行的代码 } 多分支 语法:...满足条件要执行的代码 : 不满足条件执行的代码 一般用来取值 switch语句 语法: switch(数据) { case 值1: 代码1 break...值,并执行里面对应的代码 若没有全等 (===) 的则执行default里的代码 注意: switch case语句一般用于等值判断,不适合于区间判断 switch case一般需要配合break关键字使用...while大括号里代码执行完毕之后不会跳出,而是继续回到小括号里判断条件是否满足,若满足又要执行大括号里的代码,然后再回到小括号判断条件,知道括号的条件不满足,即跳出 循环三要素: 变量起始值 终止条件...: 当如果明确了循环的次数的时候推荐使用for循环 当不明确循环的次数的时候推荐使用while循环 退出循环 continue:结束本次循环,继续下次循环 break:跳出所在的循环
js的编写位置: 标签的属性中(不推荐) 可以将js代码编写到标签的onclick属性中。当我们点击按钮时,才会执行!...可以将js代码写在超链接的href属性中,点击超链接时,会执行js代码 script标签中。 编写到外部js文件中,然后引入。...最小值:Number.MIN_VALUE,大于0的最小值。 NaN 是一个特殊的数字,表示Not A Number。 js中整数的运算基本可以保证精确。 如果使用js进行浮点数运算,可能不精确。...+= -= *- /= %= 自增自减 自增:(++) 可以使变量在自身的基础上+1; 自增分为两种:后++(i ++),前++(++ i),无论是i++还是++i,都会立即使原变量值增加1。...例子: var c = 10; var sum = c++ + ++c + c; //10 + 12 + 12 = 34 console.log(sum); 自减:(–) 在自身基础上减一。
js基础练习 目录 求3个数中的最大值和最小值 判断一个数是否是偶数 点击li元素时展示该元素内容 点击按钮实现在ul开头结尾添加li 鼠标放置li元素上, 显示对应图片 求3个数中的最大值和最小值...event.target.innerText); }, false); } btn_start.addEventListener('click', function(event) { // 用原生js...ele_content[0].value = '' }, false) btn_end.addEventListener('click', function(event) { // 用原生js
Error所有错误类型的父类型 * EvalError * RangeError:参数范围异常,toFix(num), 0=<num<=100(最新Chrome) * ReferenceError...错误处理 * * try包裹的范围尽可能小;finally释放对象;finally可有可无:,大对象在finally主动释放 3. try catch使用场景 * 开发人员不可预知的错误...* 回调函数:(1)事件处理函数 (2)比较器sort(function(a,b){return a - b;}) * 自调函数:(function(){})(),不需要重用的函数
所以存在兼容性的问题。 事件冒泡 事件冒泡就是当事件的对象有父子级关系时,当执行子级事件后,父级事件也会因为事件冒泡,也会执行,因此,大多数时候,事件冒泡需要消除。...在火狐或者谷歌浏览器下,使用事件的方法是将函数中传进来的e; 而在IE浏览器下,使用事件不需要传进e,直接使用event。...所以为了避免事件的兼容性问题 var oEvent = e || event; 一般使用这样的方法来消除浏览器对事件的兼容 鼠标点击事件 鼠标的位置 oevent.clientX:返回鼠标的横坐标的位置...:animate.js 代码如下 <!...{ margin: 20px 10px; } js
---- 这是我参与8月更文挑战的第26天,活动详情查看:8月更文挑战 一、语法 1.对象 var person ={ name : "nic", age:29 };...// 对象的标准方式 var person ={ "name":"nic", "age":29 }; // Json中的对象给属性加引号 { "name":"nic...", "age":29 } //json //与javaScript对象的区别: 结尾;号 json中属性值必须加引号 2.数组 [ {...], edition:2 } ] 二、解析与序列化 Json可以解析为JavaScript对象 books[1].title //就可以得到第二本书的书名...字符串不包含任何空格 值为undefined的任何属性都会被跳过,结果最终都是有效json数据类型的实例属性 JSON.stringify(book)除了要序列化的javascript对象外,还可接收两个参数
BOM对象(把浏览器的地址栏,历史记录,DOM等装在一个对象) 浏览器内部有JS解释器/引擎;在html里的JS代码会被引擎所执行,执行的结果是对DOM对象的操作(即是对节点树内的标签进行操作) JS添加特效...: 无非就是用JS操作DOM对象而已 JS的引入方式 JS代码可在html中任意位置编写,但浏览器解析代码是从上到下的,需注意此时html是否已经解析该标签,能让JS能否获取该DOM对象,所以有时会把代码放到...= 22; var b=33; alert(a && b); //输出33 数组与对象的操作 JS中数组的数字键值只能从0开始递增 注意 : 数组中括号,JS中length ; 对象用大括号 ?...Js的内置对象的使用 ? ? window对象 window对象和JS没关系;是浏览的一个数组对象,供JS来操作。...定时器的使用 不是js的内容属于浏览器的 setTimeout (表达式,延时时间) : 设置在延迟多少时间执行一次一个表达式 clearTimeout(名); 设置清除这个延迟器 ?
考核内容: js基础应用,变量的定义与使用 题发散度: ★ 试题难度: ★ 解题思路: JavaScript 变量 变量可以使用短名称(比如 x 和 y),也可以使用描述性更好的名称(比如 age, sum...1.变量必须以字母开头 2.变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做) 3.变量名称对大小写敏感(y 和 Y 是不同的变量) 4.变量名称不要使用JS中的保留关键字 参考代码: JavaScript...保留关键字 Javascript 的保留关键字不可以用作变量、标签或者函数名。
比如在以前,我们在进行多个ajax请求时,第二个请求需要用到第一个请求返回的数据时,我们通常是这样的: $.ajax({ url: 'xxx.php',...,后者是失败的时候调用。...我们主要说调用那里的代码,then方法可以把回调函数分离出来,then函数有两个参数,均为函数,前者是请求成功的函数,后者是请求失败的函数。...然后还要讲的一个函数是promise的all函数。all函数主要用于多个请求的数据无关联的时候。...数组中的数据是每个resolve中每个传入的数据。 ? promise不止用于异步请求,很多场景都可以用,需要大家灵活应用。
,返回从1970-1-1 00:00:00 UTC到指定日期的的毫秒数。...getMonth:根据本地时间,返回一个指定的日期对象的月份,为基于0的值(0表示一年中的第一月)。 getDate():根据本地时间,返回一个指定的日期对象为一个月中的哪一日(从1--31)。...getHours():根据本地时间,返回一个指定的日期对象的小时。 getMinutes():根据本地时间,返回一个指定的日期对象的分钟数。...getSeconds():根据本地时间,返回一个指定的日期对象的秒数。 getMilliseconds() : 根据本地时间,返回一个指定的日期对象的毫秒数,返回一个0 到 999的整数。...dayValue:一个1到31之间的整数值,表示月份中的第几天。
Node.js的前世今生 什么是Node.js? Node.js是一个让JavaScript运行在服务器端的开发平台,功能类似的其他后端语言,如PHP、JSP、Python、Ruby。...和系统进行交互 Node.js和其他后端语言的区别 +Node.js不是一种独立的语言:PHP, JSP,.......,IIS;Node.js不用架设在任何服务器软件之上,用最小的硬件成本, 达到更高的并发, 更优的处理性能 Node.js的特点 单线程 非阻塞I/O 事件驱动 Node.js当中所有的I/O都是异步的...B/S架构数据访问流程 更多客户端与服务器相关知识如图所示 Node.js的安装和基本操作 Node.js的安装 官网下载Node.js https://nodejs.org/en/ 安装过程直接下一步....js的文件,注意不能使用中文命名 运行方式使用VsCode打开js文件,进入VsCode的终端界面,选择输出选项,如图所示 右键点击Run Code,或者快捷键Ctrl+Alt+N运行js程序 ,如图所示
领取专属 10元无门槛券
手把手带您无忧上云