JavaScript
文章平均质量分 61
JavaScript知识库
Baker-Chen
一个不甘平庸的平凡人、22年度博客之星前端TOP4、华为云享专家、阿里云专家博主、51CTO博客TOP红人。前端之行,任重道远!
展开
-
你知道 delete 删除属性时的一些细节吗?
你问我 delete 的返回值?我可从来没用过 delete 的返回值,但凡犹豫一秒都是对自己的不自信,所以立马选择 undefined,结果竟是我的无知...原创 2023-09-23 14:28:07 · 2212 阅读 · 10 评论 -
使用 queueMicrotask 创建微任务!
早在18年 queueMicrotask 提案就得到了通过,19年就有哥们介绍了该 API,我竟然现在才知道,实属汗颜...原创 2023-09-23 14:24:12 · 2019 阅读 · 10 评论 -
十年了,您还不认识 WebComponent 吗?!
现如今我们为了复用组件、增强文档自定义能力,我们在 Web 开发中大多都会使用一些 JavaScript 框架,如:Vue、 React 等。但随着 Web 技术的发展、Web Components 的完善与改进,在未来的某一天,我们真的有可能会在构建 UI 时,将专注点从 JavaScript 上重新转移到原生 HTML 中!原创 2023-08-17 08:00:00 · 1683 阅读 · 49 评论 -
【蓝桥杯Web】第十四届蓝桥杯(Web 应用开发)模拟赛 2 期 | 精品题解
第十四届蓝桥杯Web应用开发模拟赛第 2 期 正式开始了,博主也是第一时间为大家带来了题解!这篇题解包含了大学组和职业院校组的所有内容。因为自己在做题时忘记保存代码了,所以写这篇题解时我不得不又重新做了一遍,看在博主这么肝的份上,大佬们给个一键三连加关注吧!🤗原创 2022-11-22 01:25:05 · 13303 阅读 · 104 评论 -
【蓝桥杯Web】第十四届蓝桥杯(Web 应用开发)模拟赛 1 期-职业院校组 | 精品题解
上篇文章已经对大学组的十道题做了解析,有的小伙伴私信我说能不能出一篇职业院校组的解析,我去看了一下职业院校组模拟赛的题,发现就只有三道题与大学组的不同,于是这里就针对性的讲一下这三题,如果大家有问题,欢迎评论区留言,也欢迎私信我加入我们的前端技术交流群!原创 2022-11-12 22:00:05 · 12003 阅读 · 73 评论 -
【蓝桥杯Web】第十四届蓝桥杯(Web 应用开发)模拟赛 1 期-大学组 | 精品题解
新一期的蓝桥杯大赛开始报名已经有一段时间了,最近博主的粉丝朋友们有很多都已经在积极备考了,也有很多朋友私信我说让我多发发题解,于是我就去蓝桥杯官网碰碰运气,看能不能找到好的题目(因为今年是蓝桥杯开放Web应用开发方向的第二年,官网上的备赛题目比较少),正巧发现蓝桥杯正在举行线上模拟赛,我便花了一些时间做题、总结、写作,于是这篇文章就诞生了。如标题所见,这是Web 应用开发模拟赛 1 期大学组的题解,关于蓝桥杯更多的题解博主会在之后的文章中陆续更新,欢迎大家关注订阅!话不多说,开撕!原创 2022-11-12 08:30:00 · 27308 阅读 · 167 评论 -
JavaScript | 1000个判断条件难道要写了1000个 if ? 一文教你如何实现分支优化
在实际开发中,如果写了大量的 if 分支,并且可能还具有分支套分支,可以想象到整个代码的可读性和可维护都会大大降低,这是一个比较头疼的问题,那有没有什么办法能够即实现需求又能避免这些问题呢?本篇文章将转换思维深入讲解代码分支优化,快来围观吧!原创 2022-11-07 17:50:24 · 10910 阅读 · 89 评论 -
【JavaScript】手撕前端面试题:寄生组合式继承 | 发布订阅模式 | 观察者模式
带你手撕前端面试题:寄生组合式继承 | 发布订阅模式 | 观察者模式。基础不牢,地动山摇!快来巩固基础、强化知识、冲击大厂吧!原创 2022-11-05 11:10:33 · 6874 阅读 · 82 评论 -
【JavaScript】手撕前端面试题:对象参数浅拷贝 | 简易深拷贝 | 完整深拷贝
带你手撕前端面试题:浅拷贝 | 简易深拷贝 | 完整深拷贝。基础不牢,地动山摇!快来巩固基础、强化知识、冲击大厂吧!原创 2022-10-31 09:52:27 · 6595 阅读 · 45 评论 -
【JavaScript】手撕前端面试题:手写new操作符 | 手写Object.freeze
带你手撕前端面试题:手写new操作符 | 手写Object.freeze。基础不牢,地动山摇!快来巩固基础、强化知识、冲击大厂吧!原创 2022-10-29 18:54:20 · 7051 阅读 · 59 评论 -
【JavaScript】手撕前端面试题:手写Object.create | 手写Function.call | 手写Function.bind
带你手撕前端面试题:手写Object.create | 手写Function.call | 手写Function.bind。基础不牢,地动山摇!快来巩固基础、强化知识、冲击大厂吧!原创 2022-10-24 20:24:29 · 7044 阅读 · 46 评论 -
【JavaScript】手撕前端面试题:手写instanceof | 手写Array.map | 手写Array.filter | 手写Array.reduce
带你手撕前端面试题:手写instanceof | 手写Array.map | 手写Array.filter | 手写Array.reduce。基础不牢,地动山摇!快来巩固基础、强化知识、冲击大厂吧!原创 2022-10-23 10:50:00 · 4590 阅读 · 39 评论 -
【JavaScript】手撕前端面试题:事件委托 | 判断URL是否合法 | 全排列
带你手撕前端面试题:事件委托、判断URL是否合法 、全排列。基础不牢,地动山摇!快来巩固基础、强化知识、冲击大厂吧!原创 2022-10-22 14:25:47 · 6258 阅读 · 48 评论 -
【JavaScript】JS实用案例分享:选择器组件 | 简易计算器
基础不牢,地动山摇!快进来学习JavaScript开发中非常实用的《选择器组件》和《简易计算器》的案例吧,这些案例都是使用频率非常高的基础内容,快来巩固基础,提高自己吧!原创 2022-10-16 08:19:00 · 5449 阅读 · 54 评论 -
【JavaScript】JS实用案例分享:DOM节点转JSON数据 | 标签输入框
基础不牢,地动山摇!快进来学习JavaScript开发中非常实用的《DOM节点转JSON数据》和《标签输入框》的案例吧,这些案例都是使用频率非常高的基础内容,快来巩固基础,提高自己吧!原创 2022-10-14 19:36:47 · 7810 阅读 · 67 评论 -
【JavaScript】JS实用案例分享:动态生成分页组件 | 通过按键实现移动控制
基础不牢,地动山摇!快进来学习JavaScript开发中非常实用的《动态生成分页组件》和《通过按键实现移动控制》的案例吧,这些案例都是使用频率非常高的基础内容,快来巩固基础,提高自己吧!原创 2022-10-07 17:25:32 · 6197 阅读 · 80 评论 -
【JavaScript】JS实用案例分享:输入智能提示 | 打字机输出效果
基础不牢,地动山摇!快进来学习JavaScript开发中非常实用的输入智能提示和打字机输出效果的案例吧,这些案例都是使用频率非常高的基础内容,快来巩固基础,提高自己吧!原创 2022-10-06 19:54:33 · 6223 阅读 · 76 评论 -
【JavaScript】四个常用功能/案例:表格排序 | 替换链接 | 倒计时 | 双色球机选一注
记录JavaScript开发中常用的四个功能案例:表格排序 | 替换链接 | 倒计时 | 双色球机选一注,内容基础,简单易学。正可谓基础不牢,地动山摇!快来查看这些基础案例,查漏补缺,巩固基础吧!!!原创 2022-10-02 18:16:37 · 3940 阅读 · 59 评论 -
【JavaScript】五个常用功能/案例:判断特定结尾字符串 | 获取指定字符串 | 颜色字符串转换 | 字符串转驼峰格式 | 简易购物车
记录JavaScript开发中常用的五个功能案例:判断特定结尾字符串 | 获取指定字符串 | 颜色字符串转换 | 字符串转驼峰格式 | 简易购物车,内容基础,简单易学。正可谓基础不牢,地动山摇!快来查看这些基础案例,查漏补缺,巩固基础吧!!!原创 2022-10-01 19:37:43 · 4993 阅读 · 61 评论 -
【JavaScript】五个常用功能/案例:高精度乘法 | 批量修改对象属性 | 属性遍历 | 判断是否包含数字 | 检查重复字符串
记录JavaScript开发中常用的五个功能案例,内容基础,简单易学。正可谓基础不牢,地动山摇!快来查看这些基础案例,查漏补缺,巩固基础吧!!!原创 2022-09-24 09:43:19 · 5368 阅读 · 64 评论 -
【JavaScript】五个常用功能/案例:计时器 | 流程控制 | 闭包应用 | arguments剩余参数 | 二次封装函数
记录JavaScript开发中常用的五个功能案例:计时器 | 流程控制 | 闭包应用 | arguments剩余参数 | 二次封装函数,内容基础,简单易学。正可谓基础不牢,地动山摇!快来查看这些基础案例,查漏补缺,巩固基础吧!!!原创 2022-09-25 09:42:24 · 7595 阅读 · 56 评论 -
【JavaScript】巩固JS开发中五个常用功能/案例(46-50)(牛客题解)
记录JavaScript开发中常用的五个功能案例,内容基础,简单易学。正可谓基础不牢,地动山摇!快来查看这些基础案例,查漏补缺,巩固基础吧!!!原创 2022-09-16 12:30:51 · 5033 阅读 · 63 评论 -
【JavaScript】JS开发中五个常用功能/案例(41-45)(牛客题解)
最近博主一直在牛客网刷题巩固基础知识,牛客网不仅具有公司真题、专项练习、面试题库、在线编程等功能,还具有非常强大的AI模拟面试功能,简直是求职者的福音!牛客网里的题库非常全面的,无论你是前端还是后端,是想要备考还是准备面试又或者是想要提高自己,进入牛客网你都能有所收获!本篇文章所有示例来自于牛客网题库/在线编程/JS篇(41-45题),这些都是前端开发中常用的功能,借此记录一下刷题过程,巩固基础。原创 2022-09-14 08:15:00 · 6775 阅读 · 82 评论 -
【JavaScript】JS开发中五个常用功能/案例(36-40)(牛客题解)
最近博主一直在牛客网刷题巩固基础知识,牛客网不仅具有公司真题、专项练习、面试题库、在线编程等功能,还具有非常强大的AI模拟面试功能,简直是求职者的福音!牛客网里的题库非常全面的,无论你是前端还是后端,是想要备考还是准备面试又或者是想要提高自己进入牛客网都能有所收获,本篇文章所有示例来自于牛客网题库/在线编程/JS篇(36-40题),这些都是前端开发中常用的功能,借此记录一下刷题过程,巩固基础!原创 2022-09-08 12:28:40 · 5611 阅读 · 71 评论 -
【JavaScript】JS开发中五个常用功能/案例(31-35)(牛客题解)
最近博主一直在牛客网刷题巩固基础知识,牛客网不仅具有公司真题、专项练习、面试题库、在线编程等功能,还具有非常强大的AI模拟面试功能,简直是求职者的福音!牛客网里的题库非常全面的,无论你是前端还是后端,是想要备考还是准备面试又或者是想要提高自己,进入牛客网都能收获很多!本篇文章所有示例来自于牛客网题库/在线编程/JS篇(31-35题),这些都是前端开发中常用的功能,借此记录一下刷题过程,巩固基础!原创 2022-09-04 10:21:06 · 4496 阅读 · 55 评论 -
猿创征文|一文带你深入掌握ES6 Proxy数据代理
在ES6之前,我们常使用方法Vue2的响应式原理)而在ES6之后诞生了一个全新的对象Proxy,作为数据代理而言,它比要强大许多,这也是为什么Vue3的响应式要使用Proxy来做的原因这篇文章将深入去研究Proxy代理,让我们开始吧!深入了解了Proxy之后,真的会被它强大的代理拦截功能所折服,在它的基础上我们可以创建几乎任何我们想要的响应式系统,它像是一个硕大的地基,至于地基之上需要建筑什么,全由我们自己掌握!...原创 2022-08-30 08:46:20 · 17484 阅读 · 121 评论 -
【JavaScript】巩固JS开发中十个常用功能/案例(21-30)(牛客题解)
基础不牢,地动山摇!快进来学习JavaScript开发中常用的十个功能和案例吧,这些案例都是使用频率非常高的基础内容,快来巩固基础,提高自己吧!原创 2022-08-29 10:08:37 · 9902 阅读 · 70 评论 -
【JavaScript】巩固JS开发中十个常用功能/案例(11-20)(牛客题解)
记录JavaScript开发中常用的十个功能案例,内容基础,简单易学。正可谓基础不牢,地动山摇!快来查看这些基础案例,查漏补缺,巩固基础吧!!!原创 2022-08-16 08:48:15 · 7328 阅读 · 100 评论 -
【JavaScript】巩固JS开发中十个常用功能/案例(1-10)(牛客题解)
想要熟练掌握开发语言,刷题必不可少,认真刷题,认真总结,温故知新原创 2022-07-26 22:30:27 · 6786 阅读 · 16 评论 -
浅谈JS发布订阅模式
在使用前端各大框架时,多多少少会使用过或听说过发布订阅模式,本篇文章将使用原生实现一个简单的发布订阅模式,并演示其在中进行跨组件通信的作用简单来说其实是一种对象间一对多的依赖关系,当一个对象的状态发送改变时,所有依赖于它的对象都将得到状态改变的通知。把自己想订阅的事件处理函数注册到统一的中,当向调度中心发布数据时,由统一调用注册到的事件处理函数。代码如下:代码解释:对象即是我们创建的调度中心,里面含有两个函数,一个是订阅函数(),一个是发布函数(),并含有一个存放订阅者事件处理函数的数组()。发布订阅模式原创 2022-06-03 19:16:33 · 8274 阅读 · 1 评论 -
带你玩转NProgress进度条
一文带你玩转NProgress进度条原创 2022-05-01 06:00:00 · 7451 阅读 · 0 评论 -
【蓝桥杯Web】2022年第十三届蓝桥杯Web大学组省赛真题解析(精华版)
第十三届蓝桥杯Web应用开发大学组的真题解析来啦!!!还不快来围观原创 2022-04-13 08:47:12 · 15403 阅读 · 4 评论 -
JS正则匹配手机号是否正确
话不多说上代码: //定义函数 function isPhone(phoneNumber) { //匹配手机号为186、134-139、150-152开头的手机号,其余8位为0-9的数字 var regExp = /^(186[0-9]{8})|(13[4|5|6|7|8|9][0-9]{8})|(15[0|1|2][0-9]{8})$/; var flag = regExp.test(phoneNumber) return flag } //判定并调用函数 if原创 2021-11-27 15:49:21 · 832 阅读 · 0 评论 -
JS算法练习—二叉树的镜像和对称的二叉树
这里写目录标题二叉树的镜像思路:答案:对称的二叉树思路:答案:二叉树的镜像请完成一个函数,输入一个二叉树,该函数输出它的镜像。例如输入: 4/ \2 7/ \ / \1 3 6 9镜像输出: 4/ \7 2/ \ / \9 6 3 1示例 1:输入:root = [4,2,7,1,3,6,9]输出:[4,7,2,9,6,3,1]限制:0 <= 节点个数 <= 1000来源:力扣(LeetCode)链接:原创 2021-10-30 18:21:38 · 349 阅读 · 0 评论 -
vue跳转页面以新窗口打开
事件: //跳转页面 JumpPage(product){ let Detail= this.$router.resolve({ //要跳转的页面的名称 name:"名称", //传参 query:{"key":value,"key2":value} }) //以新窗口打开 window.open(Detail.href,'_blank') }法二: //跳转页面原创 2021-09-01 15:37:02 · 532 阅读 · 0 评论 -
JS算法练习:删除链表中的节点
解题思路定义虚拟节点,用指针遍历链表如果下一个值等于val,则删除下一个值使用了ES6的?.运算符代码const deleteNode = (head, val) => { // 定义虚拟节点 const res = new ListNode(-1); // 虚拟节点连接到head res.next = head; // 定义p指针,最开始指向虚拟节点天头部 let p = res; // 遍历链表 while (p?.ne原创 2021-08-29 13:47:12 · 444 阅读 · 0 评论 -
JS知识点大杂烩
JS运算符:包括算数运算符,递增运算符,比较运算符,逻辑运算符,赋值运算符,运算符优先级大致与C语言中一致JS中判断语句:包括if,if…else.,switch语句于C语言中一致JS中循环语句:包括for,while,do while语句与C语言中一致断点调试:标识符命名规范: 变量,函数的命名必须要有意义;变量名称一般用名词;函数名称一般用动词...原创 2021-07-28 14:58:05 · 242 阅读 · 0 评论 -
JS练习案例
99乘法表:var a = '';for (var i = 1; i <= 9; i++) { for (var n = 1; n <= i; n++) { a = a + n + 'x' + i + '=' + i * n + ' '; } console.log(a); a = '';}for嵌套:var a = '';for (var i = 1; i <= 10; i++) { for (var n.原创 2021-06-05 22:18:51 · 1085 阅读 · 0 评论 -
ES6箭头函数
箭头函数:定义函数的一种方式一,定义函数的方式1.function: const aaa = function (){ }2.对象字面量中定义函数: const obj = { bbb() {} }3.ES6中的箭头函数: // const ccc=(参数列表)=>{ // // } const ccc=()=>{ }二,箭头函数1.参数问题1.1放入两.原创 2021-05-06 18:11:48 · 294 阅读 · 0 评论 -
动画函数封装
1.动画实现原理2.简单动画封装函数 //简单动画函数封装 obj对象 target目标位置 function animate(obj,target){ //给不同元素指定不同的定时器 //本质是给指定元素对象添加定时器属性 obj.timer=setInterval(function(){ if(obj.offsetLeft>=target){原创 2021-02-19 20:25:01 · 275 阅读 · 0 评论