JS
关注
分享
扫一扫
文章平均质量分 93
是柚柚耶
这个作者很懒，什么都没留下…
展开
-
6. Web APIs - DAY6 移动端网页特效
<script>// 1.获取元素// 2.手指触摸DOM元素事件console.log('我摸你了')})// 3.手指在DOM元素身上移动事件console.log('我继续摸你')})// 4.手指离开DOM元素console.log('轻轻的我走了')})</script>原创 2023-07-19 22:56:28 · 87 阅读 · 0 评论 -
5. Web APIs - DAY5 PC 端网页特效
padding: 0;.father {*/.son {.w {</style></head><body></div><script>// offset 系列// 1.可以得到元素的偏移 位置 返回的不带单位的数值// 它以带有定位的父亲为准 如果么有父亲或者父亲没有定位 则以 body 为准。原创 2023-07-19 18:02:37 · 58 阅读 · 0 评论 -
4. Web APIs - DAY4 BOM 浏览器对象模型
<button>点击</button><script>})} else {div.innerHTML = '您将在' + time + '秒钟之后跳转'time --},1000)</script>原创 2023-07-16 19:13:31 · 64 阅读 · 0 评论 -
3.2 Web APIs - DAY3 （事件高级）
传统注册事件</button><button>方法监听注册事件// 1.传统方法注册事件// 2.事件监听注册事件 addEventListener// (1)里面的事件类型是字符串 必须加引号 而且不带on// (2)同一个元素 同一个事件可以添加多个监听器（事件处理程序）})})// 3.attachEvent ie9以前的版本支持})原创 2023-07-14 00:09:55 · 75 阅读 · 1 评论 -
3.1 Web APIs - DAY3 （基础完结）
文档对象模型（Document Object Model，简称 DOM），是 W3C 组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口。W3C 已经定义了一系列的 DOM 接口，通过这些 DOM 接口可以改变网页的内容、结构和样式。关于dom操作，我们主要针对于元素的操作。主要有创建、增、删、改、查、属性操作、事件操作。node.removeChild() 方法从 DOM 中删除一个子节点，返回删除的节点。主要修改dom的元素属性，dom元素的内容、属性, 表单的值等。原创 2023-07-13 16:12:13 · 88 阅读 · 1 评论 -
2.Web APIs - DAY2
// 1.获取元素的属性值// (1)element.属性// (2)element.getAttribute('属性') get得到获取 attribute 属性的意思 我们程序员自己添加的属性我们称为自定义属性 index原创 2023-07-12 23:59:18 · 74 阅读 · 1 评论 -
1.Web APIs - DAY1
1.API 是为我们程序员提供的一个接口，帮助我们实现某种功能，我们会使用就可以了，不必纠结内部如何实现2.Web API 主要是针对于浏览器提供的接口，主要针对于浏览器做交互效果。3.Web API 一般都有输入和输出（函数的传参和返回值），Web API 很多都是方法（函数）4.学习 Web API 可以结合前面学习内置对象方法的思路学习文档对象模型（Document Object Model，简称DOM），是 W3C 组织推荐的处理可扩展标记语言（HTML或者XML）的标准编程接口。原创 2023-07-12 11:13:29 · 86 阅读 · 1 评论 -
4.JavaScript 高级第四天 高阶技巧
1.直接赋值和浅拷贝有什么区别？直接赋值的方法，只要是对象，都会相互影响，因为是直接拷贝对象栈里面的地址浅拷贝如果是一层对象，不相互影响，如果出现多层对象拷贝还会相互影响2.浅拷贝怎么理解？拷贝对象之后，里面的属性值是简单数据类型直接拷贝值如果属性值是引用数据类型则拷贝的是地址实现深拷贝三种方式？原创 2023-07-08 18:31:56 · 88 阅读 · 1 评论 -
3.JavaScript 进阶第三天 深入面向对象
1.原型是什么？一个对象，我们也称为 prototype 为原型对象2.原型的作用是什么？共享方法可以把那些不变的方法，直接定义在 prototype 对象上3.构造函数和原型里面的this指向谁？实例化的对象1.prototype是什么？哪里来的？原型（原型对象）构造函数都自动有原型2. constructor属性在哪里？作用干啥的？prototype原型和对象原型__proto__里面都有都指向创建实例对象/原型的构造函数。原创 2023-07-05 22:30:43 · 60 阅读 · 0 评论 -
2.JavaScript 进阶第二天 构造函数&数据常用函数
1.什么是实例成员？实例对象的属性和方法即为实例成员2.什么是静态成员？构造函数的属性和方法被称为静态成员。原创 2023-07-05 10:13:22 · 90 阅读 · 0 评论 -
1.JavaScript 高级第一天 作用域&解构&箭头函数
局部作用域分为哪两种？函数作用域 函数内部块级作用域 {}局部作用域声明的变量外部能使用吗？不能垃圾回收机制(Garbage Collection) 简称 GCJS中内存的分配和回收都是自动完成的，内存在不使用的时候会被垃圾回收器自动回收。正因为垃圾回收器的存在，许多人认为JS不用太关心内存管理的问题但如果不了解JS的内存管理机制，我们同样非常容易成内存泄漏（内存无法被回收）的情况不再用到的内存，没有及时释放，就叫做内存泄漏1.怎么理解闭包？原创 2023-07-02 23:53:41 · 157 阅读 · 1 评论 -
7、Web API-DAY7 实战-放大镜效果
水平坐标 如果 大于等于100 并且小于300，移动的距离就是 mx - 100 （100是遮罩盒子自身宽度的一半）鼠标在middle 盒子里面的坐标 = 鼠标在页面中的坐标 - middle 中等盒子的坐标。3.让鼠标经过小图片的爸爸li盒子，添加类，其余的li移除类（注意先移除，后添加）3.显示和隐藏也尽量定义一个函数，因为鼠标经过离开中等盒子，会显示隐藏，同时，④： 鼠标在中等盒子上移动，大盒子的图片跟着显示对应位置。我们要的是 鼠标在 中等盒子内的坐标， 没有办法直接得到。原创 2023-07-01 17:35:56 · 96 阅读 · 0 评论 -
6、Web API-DAY6 正则&阶段案例
正则表达式（Regular Expression）是用于匹配字符串中字符组合的模式。在 JavaScript中，正则表达式也是对象。通常用来查找、替换那些符合正则表达式的文本，许多语言都支持正则表达式。正则表达式在 JavaScript中的使用场景：例如验证表单：用户名表单只能输入英文字母、数字或者下划线， 昵称输入框中可以输入中文(匹配比如用户名: /{3,16}$/过滤掉页面内容中的一些敏感词(替换)，或从字符串中获取我们想要的特定部分(提取)等。1.正则表达式是什么？原创 2023-07-01 15:06:19 · 96 阅读 · 0 评论 -
5、Web API-DAY5 Bom操作
以前我们页面写的数据一刷新页面就没有了，是不是？随着互联网的快速发展，基于网页的应用越来越普遍，同时也变的越来越复杂，为了满足各种各样的需求，会经常性在本地存储大量的数据，HTML5规范提出了相关解决方案。1、数据存储在用户浏览器中2、设置、读取方便、甚至页面刷新不丢失数据3、容量较大，sessionStorage和localStorage约 5M 左右常见的使用场景：https://todomvc.com/examples/vanilla-es6/ 页面刷新数据不丢失。原创 2023-06-25 16:19:00 · 181 阅读 · 1 评论 -
4、Web API-DAY4 Dom节点&移动端滑动
遍历数组， 动态生成tr， 里面填写对应td数据， 并追加给 tbody。(2). 点击链接，要删除的是对应数组里面的这个数据，而不是删除dom节点，如何找到这个数据？使用场景：因为日期对象返回的数据我们不能直接使用，所以需要转换为实际开发中常用的格式。(3). 注意书写的位置，应该放到新增数据的前面， 阻止默认行为的后面。(2). 创建新的对象，里面存储 表单获取过来的数据，格式如右图。②： 点击录入，根据相关数据，生成对象，追加到数组里面。④： 点击删除按钮，删除的是对应数组里面的数据。原创 2023-06-24 14:44:24 · 152 阅读 · 0 评论 -
3、Web API-DAY3
html{/* 让滚动条丝滑滚动 */属性选择器[属性]原创 2023-06-23 10:59:28 · 113 阅读 · 1 评论 -
2、Web API-DAY2
环境对象this是什么？它代表着当前函数运行时所处的环境判断 this 指向的粗略规则是什么？【谁调用， this 就是谁】原创 2023-05-28 13:44:37 · 124 阅读 · 0 评论 -
1、Web API-DAY1
以后声明变量我们优先使用哪个？const有了变量先给const，如果发现它后面是要被修改的，再改为let为什么const声明的对象可以修改里面的属性？因为对象是引用类型，里面存储的是地址，只要地址不变，就不会报错建议数组和对象使用 const 来声明什么时候使用let声明变量？如果基本数据类型的值或者引用类型的地址发生变化的时候，需要用let比如 一个变量进行加减运算，比如 for循环中的 i++原创 2023-05-26 23:10:37 · 147 阅读 · 1 评论 -
5、JS基础-DAY5
①：如果参数为true或者无参数，则处理16进制颜色，核心思想是循环6次，生成随机的6个数字（取值范围0~15），根据这个数字去找数组的值，然后和 # 拼接起来，并且返回值。需求：请把 [‘赵云’, ‘黄忠’, ‘关羽’, ‘张飞’, ‘马超’, ‘刘备’, ‘曹操’] 随机显示一个名字到页面中，但是。{name: ‘小明’, age: 18, gender: ‘男’, hometown: ‘河北省’},{name: ‘小丽’, age: 18, gender: ‘女’, hometown: ‘山东省’}原创 2023-05-24 23:08:33 · 172 阅读 · 0 评论 -
4、JS基础-DAY4
小时： h = parseInt(总秒数 / 60 / 60 % 24)需求：采取函数封装的形式：输入2个数，计算两者的和，打印到页面中。分钟： m = parseInt(总秒数 / 60 % 60 )需求：学生的分数是一个数组,计算每个学生的总分。②：计算时分秒（封装函数） 里面包含数字补0。需求： 用户输入秒数，可以自动转换为时分秒。①： 用户输入总秒数 （注意默认值）②： 传递过去的参数是一个数组。可以极大的提高了函数的灵活性。③： 函数内部遍历数组求和。①： 封装一个求和函数。原创 2023-05-22 15:17:51 · 126 阅读 · 2 评论 -
3、JS基础-DAY3
④：如果这个数组元素大于max 就把这个数组元素存到 max 里面，否则继续下一轮比较。需求：求数组 [2,6,1,7, 4] 里面所有元素的和以及平均值。③：用求和变量 sum 除以数组的长度就可以得到数组的平均值。需求：求数组 [2,6,1,77,52,25,7] 中的最大值。②：遍历这个数组，把里面每个数组元素加到 sum 里面。③：遍历这个数组，把里面每个数组元素和 max 相比较。②：遍历改数组，根据数据生成4个柱形图，渲染打印到页面中。①：需要输入4次，所以可以把4个数据放到一个数组里面。原创 2023-05-20 17:36:45 · 395 阅读 · 0 评论 -
2、JS基础-DAY2
while大括号里代码执行完毕后不会跳出，而是继续回到小括号里判断条件是否满足，若满足又执行大括号里的代码，然后再回到小括号判断条件，直到括号内条件不满足，即跳出。②：通过if语句判断，如果用户名是pink，并且密码是123456，则执行if里面的语句，否则执行else里面的语句。需求：用户输入，用户名：pink，密码：123456， 则提示登录成功，否则提示登录失败。②：判断条件， 看余数是不是0，如果是0就是能被整除，余数不是0，则不能被整除。原创 2023-05-19 23:06:07 · 103 阅读 · 0 评论 -
1、JS基础-DAY1
JavaScript （是什么？是一种运行在客户端（浏览器）的编程语言，实现人机交互效果。作用（做什么？– 网页特效 (监听用户的一些行为让网页作出对应的反馈)– 表单验证 (针对表单数据的合法性进行判断)– 数据交互 (获取后台的数据, 渲染到前端)– 服务端编程 (node.js）JavaScript的组成（有什么？（1）ECMAScript规定了js基础语法核心知识。比如：变量、分支语句、循环语句、对象等等（2）Web APIs。原创 2023-05-19 15:00:12 · 118 阅读 · 1 评论