js
xumengxia—xu
这个作者很懒,什么都没留下…
展开
-
07 —— 递归 + 递归遍历数据 —— 输入id号,就可以返回的数据对象 + 浅拷贝深拷贝
如果一个函数在内部可以调用其本身,那么这个函数就是递归函数。 简单理解:函数内部自己调用自己, 这个函数就是递归函数 递归函数的作用和循环效果一样 由于递归很容易发生“栈溢出”错误(stack overflow),所以必须要加退出条件 return/ 递归函数 : 函数内部自己调用自己, 这个函数就是递归函数 var num = 1; function fn() { console.log('我要打印6句话');原创 2021-09-18 13:46:49 · 356 阅读 · 0 评论 -
06 —— 高阶函数 + 闭包(closure) chrome中调试 + 闭包应用-计算打车价格
1.高阶函数是对其他函数进行操作的函数,它接收函数作为参数或将函数作为返回值输出2.调试里面 Sources 打断点 Scope(作用域)里面 Global(全局作用域) Local(局部作用域) closure(闭包)<style> div { position: absolute; width: 100px; height: 100px; background-...原创 2021-09-18 12:01:17 · 397 阅读 · 0 评论 -
05 —— 函数的定义和调用方式 +call apply bind +strict严格模式
1.函数的定义 // 函数的定义方式 // 1. 自定义函数(命名函数) function fn() {}; // 2. 函数表达式 (匿名函数) var fun = function() {}; // 3. 利用 new Function('参数1','参数2', '函数体'); var f = new Function('a', 'b', 'console.log(a + b)'); .原创 2021-09-18 09:47:20 · 110 阅读 · 0 评论 -
14 移动端网页特效
1.触屏事件 touch// 触摸事件对象 // 1. 获取元素 // 2. 手指触摸DOM元素事件 var div = document.querySelector('div'); div.addEventListener('touchstart', function(e) { // console.log(e); // touches 正在触摸屏幕的所有手指的列表 .原创 2021-09-07 17:42:41 · 109 阅读 · 0 评论 -
轮播图 + js实现
html -----------------------------------------------<section class="banner"><ul><li> <a href="javascript:;"><img src="./uploads//banner_1.png" alt=""></a> </li><li> <a href="javascript:;"><img .原创 2021-09-07 16:27:53 · 67 阅读 · 0 评论 -
animate- 缓慢移动函数封装
function animate(obj, target, callback) { // console.log(callback); callback = function() {} 调用的时候 callback() // 先清除以前的定时器,只保留当前的一个定时器执行 clearInterval(obj.timer); obj.timer = setInterval(function() { // 步长值写到定时器的里面 // 把我.原创 2021-09-07 13:42:13 · 200 阅读 · 0 评论 -
13. PC端网页特效 + 移动端网页特效
1.元素偏移量 offset 系列offset 系列 --------------------------------------------------------- var father = document.querySelector('.father'); var son = document.querySelector('.son'); // 1.可以得到元素的偏移 位置 返回的不带单位的数值 console.log(fat原创 2021-09-07 13:20:48 · 107 阅读 · 0 评论 -
总结:JS + 鼠标弹起enter事件 + 把对象转换成查询字符串的操作 + 拼接查询参数 + JSON.parse() 转换JS对象 + Live Server + ifame
1. substr 截取字符串 -------------------------------------?uname=andy 先去掉? substr('起始的位置',截取几个字符);var params = location.search.substr(1); // uname=andy2. split('=') 将字符串转换成数组 ---------------------------利用=把字符串分割为数组 split('=');var arr = params.split('=.原创 2021-09-07 09:22:09 · 244 阅读 · 0 评论 -
12. JS —— BOM 浏览器对象模型+JS 执行机制
BOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是 windowBOM 由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。BOM 缺乏标准,JavaScript 语法的标准化组织是 ECMA,DOM 的标准化组织是 W3C,BOM 是浏览器厂商在各自浏览器上定义的,兼容性较差BOM 比 DOM 更大,它包含 DOM。window 对象是浏览器的顶级对象,它具有双重角色。它是 JS 访问浏览器窗口的一.原创 2021-09-06 17:53:30 · 116 阅读 · 0 评论 -
11. JS操作节点续(2) + DOM 重点核心
关于dom操作,我们主要针对于元素的操作。主要有创建、增、删、改、查、属性操作、事件操作。DOM:我们获取过来的DOM元素是一个对象(object),所以称为 文档对象模型创建 --------------------------------------------document.writeinnerHTMLcreateElement三种动态创建元素区别 document.write() element.innerHTML document.createElement()1.原创 2021-09-06 14:27:00 · 150 阅读 · 0 评论 -
10 JS操作元素 —— 续(1)
1.操作元素排他思想 <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button>按钮4</button> <button>按钮5</button> <script> // 1. 获取所有按钮元素 var btns...原创 2021-09-06 12:39:24 · 109 阅读 · 0 评论 -
09 JS + Web APIs 简介 + DOM(文档对象模型)
1. JS 基础阶段是ECMAScript 标准规定的基本语法2.Web APIs 阶段Web APIs 阶段是 W3C 组织的标准,Web API 是浏览器提供的一套操作浏览器功能和页面元素的 API ( BOM 和 DOM )。3.APIAPI(Application Programming Interface,应用程序编程接口)简单理解:提供的一种工具,以便能更轻松的实现想要完成的功能(1. API 是为我们程序员提供的一个接口,帮助我们实现某种功能,我们会使用就可以了,不必纠..原创 2021-09-06 09:56:27 · 107 阅读 · 0 评论 -
08 简单类型与复杂类型
简单类型又叫做基本数据类型或者值类型,复杂类型又叫做引用类型。 值类型:简单数据类型/基本数据类型,在存储时变量中存储的是值本身,因此叫做值类型string ,number,boolean,undefined,null 引用类型:复杂数据类型,在存储时变量中存储的仅仅是地址(引用),因此叫做引用数据类型 通过 new 关键字创建的对象(系统对象、自定义对象),如 Object、Array、Date等堆栈空间分配区别: 1、栈(操作系统):由操作系统自动分配释放存放函数的参数值、局部变量.原创 2021-09-03 17:48:22 · 98 阅读 · 0 评论 -
07 JavaScript 内置对象 ——MDN: https://developer.mozilla.org/zh-CN/
JavaScript 中的对象分为3种:自定义对象 、内置对象、 浏览器对象 前面两种对象是JS 基础 内容,属于 ECMAScript; 第三个浏览器对象属于我们JS 独有的, 我们JS API 讲解 内置对象就是指 JS 语言自带的一些对象,这些对象供开发者使用,并提供了一些常用的或是最基本而必要的功能(属性和方法)1.Math绝对值和三个取整方法// 1.绝对值方法 console.log(Math.abs(1)); // 1 console.log(M...原创 2021-09-03 17:20:33 · 766 阅读 · 0 评论 -
06. JS中函数arguments+作用域
1.arguments的使用存储了传递的所有实参+ // arguments 的使用 只有函数才有 arguments对象 而且是每个函数都内置好了这个arguments function fn() { // console.log(arguments); // 里面存储了所有传递过来的实参 arguments = [1,2,3] // console.log(arguments.length); // co原创 2021-09-03 15:33:03 · 174 阅读 · 0 评论 -
05. JS——数组篇 + 函数
1. 数组的使用 // 1.数组(Array) :就是一组数据的集合 存储在单个变量下的优雅方式 // 2. 利用new 创建数组 var arr = new Array(); // 创建了一个空的数组 // 3. 利用数组字面量创建数组 [] var arr = []; // 创建了一个空的数组 var arr1 = [1, 2, 'pink老师', true]; // 4. 我们数组里面的数据一定用逗号分隔 // 5. 数组里面的数.原创 2021-09-03 11:01:54 · 139 阅读 · 0 评论 -
04.JS循环小结案例:ATM取钱
prompt("请输入您想要的额操作\n1.存钱\n2.取钱\n3.显示余额\n4.退出", "21312");原创 2021-09-03 10:29:18 · 167 阅读 · 0 评论 -
03. JS 流程控制——循环结构+断点调试
断点调试可以帮我们观察程序的运行过程浏览器中按 F12--> sources(源代码) -->找到需要调试的文件-->在程序的某一行设置断点 -->刷新浏览器 -->F11执行下一步 -->观察watch中变量的值的变化 -->结束点击断点并刷新网页Watch: 监视,通过watch可以监视变量的值的变化,非常的常用。F11: 程序单步执行,让程序一行一行的执行,这个时候,观察watch中变量的值的变化。在Js 中,主要有三种类型的循环语句:...原创 2021-09-02 17:53:51 · 260 阅读 · 0 评论 -
02 . JS 运算符 + 流程控制
console.log(1 + 1); // 2 console.log(1 - 1); // 0 console.log(1 * 1); // 1 console.log(1 / 1); // 1 // 1. % 取余 (取模) console.log(4 % 2); // 0 console.log(5 % 3); // 2 console.log(3 % 5); // 3 ..原创 2021-09-02 14:52:08 · 127 阅读 · 0 评论 -
01js基础++ (shift + alt +a 多行注释;Ctrl+ / 单行注释 )
1.编程语言(js)有很强的逻辑和行为能力。在编程语言里, 你会看到很多 if else 、for 、while等具有逻辑性和行为能力的指令,这是主动的。2.标记语言 (html)不用于向计算机发出指令,常用于格式化和链接。标记语言的存在是用来被读取的, 他是被动的3.JavaScript 是什么JavaScript 是世界上最流行的语言之一,是一种运行在客户端的脚本语言 (Script 是脚本的意思)脚本语言:不需要编译,运行过程中由 js 解释器( js 引擎)逐行来进行..原创 2021-09-02 11:01:44 · 559 阅读 · 0 评论