JS---DOM---part3课程介绍和part2复习
part3课程介绍 节点 为什么要学节点 节点的操作的相关属性 >作用 12行代码 有用的 熟练的问题, 节点的案例 元素的创建三种方式 重点的内容 为什么要有元素的创建 添加元素 移除元素 事件的 part2复习 阻止超链接默认的跳转事件: return false; 获取元素的方式 根据id获取 ...
JS---DOM---tab切换案例实现---排他
tab切换案例实现 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } ul { list-style-type: no ...
JS---DOM---自定义属性引入和移除
总结：在html标签中添加的自定义属性, 如果想要获取这个属性的值, 需要使用getAttribute("自定义属性的名字")才能获取这个属性的值 html标签中有没有什么自带的属性可以存储成绩的 没有 本身html标签没有这个属性, 自己(程序员)添加的 自定义属性 为了存储一些数据 <!DOCT ...
vue中计算属性的get与set方法
计算属性get set方法 在vue的计算属性中，所定义的都是属性，可以直接调用 正常情况下，计算属性中的每一个属性对应的都是一个对象，对象中包括了set方法与get方法 而绝大多数情况下，计算属性没有set方法，是一个只读属性 此时计算属性可以简写 ...
手写Promise A+ 规范
基于ES6语法手写promise A+ 规范，源码实现 class Promise { constructor(excutorCallBack) { this.status = 'pending'; this.value = undefined; this.fulfilledAry = []; th ...
JS---DOM---设置和获取---标签内容和文本内容
设置和获取 标签内容和文本内容 总结 设置： 使用innerText主要是设置文本的, 设置标签内容, 是没有标签的效果的 innerHTML是可以设置文本内容 innerHTML主要的作用是在标签中设置新的html标签内容, 是有标签效果的 想要设置标签内容, 使用innerHTML 想要设置文本 ...
浏览器中的 Event Loop，宏任务与微任务
当我们执行 JS 代码的时候其实就是往执行栈中放入函数，那么遇到异步代码的时候该怎么办？其实当遇到异步的代码时，会被挂起并在需要执行的时候加入到 Task（有多种 Task） 队列中。一旦执行栈为空，Event Loop 就会从 Task 队列中拿出需要执行的代码并放入执行栈中执行，所以本质上来说 ...
【Puppeteer】puppeteer安装/常用的方法以及一个小栗子(Youtube油管自动评论)
这里介绍的是Win平台的安装方法，其他平台请至Github>Puppeteer. 首先要安装node.js 可以看我这篇的开头>【Angular】学习笔记-环境部署、项目建立相关 1.新建项目目录 2.打开gitbush（常用的Terminal都可以） 3.键入 npm i puppeteer 4. ...
JS---DOM---总结获取元素的方式
总结获取元素的方式 1. 根据id属性的值获取元素,返回来的是一个元素对象 document.getElementById("id属性的值"); document.getElementById("btn"); 2. 根据标签名字获取元素,返回来的是一个伪数组,里面保存了多个的DOM对象 docume ...
不要再造轮子了：聊一聊 JavaScript 的 URL 对象是什么？
本文由葡萄城技术团队于博客园翻译并首发 转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。 如果我们自己编写从URL中分析和提取元素的代码，那么有可能会比较痛苦和麻烦。程序员作为这个社会中最“懒”的群体之一，无休止的重复造轮子必然是令人难以容忍的，所以大多数浏 ...
关于for循环中使用setTimeout的四种解决方案
我们先来简单了解一下setTimeout延时器的运行机制。setTimeout会先将回调函数放到等待队列中，等待区域内其他主程序执行完毕后，按时间顺序先进先出执行回调函数。本质上是作用域的问题。 因此若是这样将不会得到想要的结果输出1.2.3.4.5，而会连续输出5个6。 这是因为setTimeou ...
松软科技web课堂:JavaScript If...Else 语句
条件语句用于基于不同条件执行不同的动作。 条件语句 在您写代码时，经常会需要基于不同判断执行不同的动作。 您可以在代码中使用条件语句来实现这一点。 在 JavaScript 中，我们可使用如下条件语句： 使用 if 来规定要执行的代码块，如果指定条件为 true 使用 else 来规定要执行的代码块 ...
JS---DOM---点击操作---part2---14个案例
案例1：点击按钮禁用文本框 <input type="button" value="禁用文本框" id="btn" /> <input type="text" value="文本框" id="txt" /> <script> document.getElementById("btn").onclic ...
JS---part2课程介绍+part1复习
part1复习 JavaScript分三个部分: 1. ECMAScript标准 JS基本的语法 2. DOM:Document Object Model 文档对象模型 3. BOM:浏览器对象模型 DOM的作用: 操作页面的元素 DOM树: 把html页面或者是xml文件看成是一个文档,文档就是一 ...
在Vue中添加css扩展语言sass
安装完上述插件之后，就可以进行引用了 如果源码出现以下错误：则说明sass版本过高，只需要调为较低版本即可。实证有效版本：7.3.1 修改之后删除 文件夹 然后 重新下载 即可 TypeError: this.getResolve is not a function ...
彻底弄懂JS事件委托的概念和作用
一、写在前头 接到某厂电话问什么是事件代理的时候,一开始说addEventListener,然后他说直接绑定新的元素不会报dom不存在的错误吗？然后我就混乱了,我印象中这个方法是可以绑定新节点的。后面才知道,原来他要考察的是事件委托(代理)的原理,他指的是未来还不清楚会创建多少个节点,所以没办法实现 ...
nodejs环境使用Typeorm连接查询Oracle
首先是typeorm的官方地址， 国内有人翻了中文版，不保证时效性 ·通过npm安装下列包: typeorm //typeorm连接数据库 @types/node //类型系统 typescript //ts基础 oracledb //oracle基础 ts-node //nodejs编译运行ts的 ...
这7个npm命令将帮助您节省时间
作为JavaScript开发人员，NPM是我们一直使用的东西，并且我们的脚本在终端上连续运行。 如果我们可以节省一些时间呢？ 1、直接从npm打开文档 如果我们可以直接使用npm跳转到软件包的文档怎么办？ 2、打开bug页面 为了以防万一，我们想在程序包上提交一个错误。 如果有这个包的作者的链接，将 ...
sessionstorage中存储JSON数据
在web开发时，可能经常会用到sessionstorage存储数据，存储单个字符串数据变量时并不困难 var str = 'This is a string'; sessionstorage.setItem('param',str); 获取sessionstorage var item = sess ...
