JavaScript
文章平均质量分 60
派大锌老板
前端切图崽
展开
-
ES6中的Promise
ES6中的Promise1.认识Promise简单理解什么是Promise?ES6中一个非常重要和好用的特性就是PromisePromise是异步编程的一种解决方案什么时候会需要来处理异步事件?网络请求的时候因为不能立即拿到返回的数据,所以往往我们会传入另外一个函数,在数据请求成功时,将数据用过传入的函数回调出去2.Promise的基本使用定时器的异步事件// promise基本用法new Promise((resolve, reject) => { setTimeout(原创 2021-07-15 20:49:07 · 89 阅读 · 0 评论 -
前端路由vue-router详解
文章目录一:认识路由及路由规则二:安装配置vue-router安装:配置:三:使用vue-router四:路由的默认值和修改为history模式路由默认值history模式五:router-link补充其他属性:修改linkActiveClass六、路由代码跳转七、动态路由八、路由懒加载九、嵌套路由十、参数传递传递参数的方式传递参数方式一: ``传递参数方式二: JavaScript代码获取参数route和route和route和router是有区别的十一、导航守卫十二、keep-alive附:vue-ro原创 2021-06-03 22:41:30 · 1167 阅读 · 0 评论 -
for中用var和let触发定时器的区别
for中用var和let触发定时器的区别一、题目以下两个题目分别会console.log出什么东西?// 题目一for(var i = 0;i < 5;i++){ setTimeout(function(){ console.log(i); })}// 题目二for(let i = 0;i < 5;i++){ setTimeout(function(){ console.log(i); })}答案:二 、var和let的区别var是函数原创 2021-03-15 20:53:45 · 298 阅读 · 0 评论 -
前端倒计时案例-(html-css-JavaScript类似抢购商品倒计时)
<!DOCTYPE html><html lang="en"><head> <!-- 倒计时案例 --> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>原创 2021-02-21 16:34:47 · 662 阅读 · 0 评论 -
BOM浏览器对象模型-(bom概述-window对象常见事件-定时器-js执行机制-location对象-navigation对象-history对象)
BOM浏览器对象模型▲1. BOM 概述1.1 什么是 BOMBOM(Browser Object Model)即浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心 对象是 window。BOM 由一系列相关的对象构成,并且每个对象都提供了很多方法与属性。BOM 缺乏标准,JavaScript 语法的标准化组织是 ECMA,DOM 的标准化组织是 W3C,BOM 最初是Netscape 浏 览器标准的一部分。DOM文档对象模型DOM 就是把「文档」当做一个「对象」来看待原创 2021-02-21 16:32:31 · 300 阅读 · 0 评论 -
前端算法题-JavaScript算法题-js算法-乐扣数据体形(替换空格)
实例:输入输入:s = "We are happy."输出:"We%20are%20happy."限制:0 <= s 的长度 <= 10000解答:/** * @param {string} s * @return {string} */var replaceSpace = function(s) { return s.replace(/\s/g, '%20')};// 用时最短,且内存消耗最小, 但是replaceAll方法在Chrome85+才支持var re原创 2021-02-20 00:22:01 · 256 阅读 · 0 评论 -
事件高级(javascript-注册事件-删除事件-DOM事件流-事件对象-事件冒泡-事件委托-鼠标事件-键盘事件-模拟京东按键输入内容案例)
事件高级▲1.注册事件(绑定事件)1.1注册事件概述给元素添加事件,称为注册事件或者绑定事件。注册事件有两种方式:传统方式和方法监听注册方式传统注册方式利用 on 开头的事件 onclick<button onclick=“alert('hi~')”></button>btn.onclick = function() {}特点: 注册事件的唯一性同一个元素同一个事件只能设置一个处理函数,最后注册的处理函数将会覆盖前面注册的处理函数方法监听注册方式w3c原创 2021-02-18 23:15:19 · 488 阅读 · 0 评论 -
dom重点核心(javascript-dom核心总结)
DOM重点核心文档对象模型(Document Object Model,简称DOM),是 W3C 组织推荐的处理可扩展标记语言(HTML或者XML)的标准编程接口。对于JavaScript,为了能够使JavaScript操作HTML,JavaScript就有了一套自己的dom编程接口。对于HTML,dom使得html形成一棵dom树. 包含 文档、元素、节点关于dom操作,我们主要针对于元素的操作。主要有创建、增、删、改、查、属性操作、事件操作。创建document.write inner原创 2021-02-17 11:40:46 · 338 阅读 · 2 评论 -
简单留言板案例(html-JavaScript节点操作-留言增加删除createElement-removeChild)
留言板案例<textarea name="" id="" cols="30" rows="10">123</textarea> <button>发布</button> <ul> </ul> <script> // 1.获取元素 var btn = document.querySelector('button') var text = docum原创 2021-02-17 01:58:21 · 990 阅读 · 0 评论 -
动态生成表格实例(html-javascript操作表格处理)
动态生成表格案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> table{原创 2021-02-17 01:56:40 · 469 阅读 · 2 评论 -
dom-节点操作(innerHTML-createElement-获取元素父子兄节点操作)
节点操作为什么学节点操作?获取元素通常使用两种方式:利用dom提供的方法获取元素document.getElementById()document.getElementsByTagName()document.querySelector()等逻辑性不强 繁琐利用节点层级关系获取元素利用父子兄节点关系获取元素逻辑性强 但是兼容性稍差节点操作相对更简单节点概述网页中所有内容都是节点(标签、属性、文本、注释等),在dom中,节点使用node来表示HTML DOM原创 2021-02-17 01:54:33 · 1001 阅读 · 0 评论