- 大家好,我是CoderBin,在写Vue项目的时候,少不了使用路由vue-router,而路由守卫是vue-router中一个非常重要的概念,也是非常重要的技巧。它能够很好的帮助开发者“监视”每一个跳转的路由。 如果文中有不对、疑惑的地方,欢迎在评论区留言指正🌻 大家好,我是CoderBin,在写Vue项目的时候,少不了使用路由vue-router,而路由守卫是vue-router中一个非常重要的概念,也是非常重要的技巧。它能够很好的帮助开发者“监视”每一个跳转的路由。 如果文中有不对、疑惑的地方,欢迎在评论区留言指正🌻
- 前文回顾不知不觉,专栏已经来到第 5 篇~ 😍😍😍前 4 篇传送门、时间线及概要:# ✨从历史讲起,JavaScript 基因里写着函数式编程 - 2022年09月19日=> JavaScript 闭包起源于 1930 年的 lambda 运算;# ✨从柯里化讲起,一网打尽 JavaScript 重要的高阶函数 - 2022年09月26日=> 将函数作为参数输入或输出,是封装高级函... 前文回顾不知不觉,专栏已经来到第 5 篇~ 😍😍😍前 4 篇传送门、时间线及概要:# ✨从历史讲起,JavaScript 基因里写着函数式编程 - 2022年09月19日=> JavaScript 闭包起源于 1930 年的 lambda 运算;# ✨从柯里化讲起,一网打尽 JavaScript 重要的高阶函数 - 2022年09月26日=> 将函数作为参数输入或输出,是封装高级函...
- 所谓虚拟DOM就是用js对象来描述真实DOM,它相对于原生DOM更加轻量,因为真正的DOM对象附带有非常多的属性,另外配合虚拟DOM的diff算法,能以最少的操作来更新DOM,除此之外,也能让Vue和React之类的框架支持除浏览器之外的其他平台,本文会参考知名的snabbdom库来手写一个简易版的,配合图片示例一步步完成代码,一定让你彻底理解虚拟DOM的patch及diff算法。 创建虚拟... 所谓虚拟DOM就是用js对象来描述真实DOM,它相对于原生DOM更加轻量,因为真正的DOM对象附带有非常多的属性,另外配合虚拟DOM的diff算法,能以最少的操作来更新DOM,除此之外,也能让Vue和React之类的框架支持除浏览器之外的其他平台,本文会参考知名的snabbdom库来手写一个简易版的,配合图片示例一步步完成代码,一定让你彻底理解虚拟DOM的patch及diff算法。 创建虚拟...
- 如果你用过流程图绘制工具,那么可能会好奇节点之间的连接线是如何计算出来的:不要走开,跟随本文一起来探究一下吧。最终效果预览:https://wanglin2.github.io/AssociationLineDemo/ 基本结构先使用Vue3搭建一下页面的基本结构,为了简化canvas操作,我们使用konvajs库来绘制图形。页面模板部分,提供一个容器即可:<div class="conta... 如果你用过流程图绘制工具,那么可能会好奇节点之间的连接线是如何计算出来的:不要走开,跟随本文一起来探究一下吧。最终效果预览:https://wanglin2.github.io/AssociationLineDemo/ 基本结构先使用Vue3搭建一下页面的基本结构,为了简化canvas操作,我们使用konvajs库来绘制图形。页面模板部分,提供一个容器即可:<div class="conta...
- 相信各位写文章的朋友平时肯定都有画图的需求,笔者平时用的是一个在线的手绘风格白板–excalidraw,使用体验上没的说,但是有一个问题,不能云端保存,不过好消息它是开源的,所以笔者就在想要不要基于它做一个支持云端保存的,于是三下两除二写了几个接口就完成了,虽然功能完成了,但是坏消息是excalidraw是基于React的,而且代码量很庞大,对于笔者这种常年写Vue的人来说不是很友好,另外也... 相信各位写文章的朋友平时肯定都有画图的需求,笔者平时用的是一个在线的手绘风格白板–excalidraw,使用体验上没的说,但是有一个问题,不能云端保存,不过好消息它是开源的,所以笔者就在想要不要基于它做一个支持云端保存的,于是三下两除二写了几个接口就完成了,虽然功能完成了,但是坏消息是excalidraw是基于React的,而且代码量很庞大,对于笔者这种常年写Vue的人来说不是很友好,另外也...
- 新书上架,献给相信“努力有用”的你!精选30+个JavaScript工具库,从使用方式到设计原则,从底层原理到周边知识,带你玩转前端的花花世界 新书上架,献给相信“努力有用”的你!精选30+个JavaScript工具库,从使用方式到设计原则,从底层原理到周边知识,带你玩转前端的花花世界
- 古人云:工欲善其事,必先利其器。代码开发也是一样的,掌握几款常用且好用的 JavaScript 工具库可以大大提升我们日常的工作效率。本文梳理了六个前端必看的 JavaScript 工具库(Day.js、qs、js-cookie、chart.js、flv.js、axios),对它们的功能特性和入门教程进行了介绍,希望可以帮助到大家。 古人云:工欲善其事,必先利其器。代码开发也是一样的,掌握几款常用且好用的 JavaScript 工具库可以大大提升我们日常的工作效率。本文梳理了六个前端必看的 JavaScript 工具库(Day.js、qs、js-cookie、chart.js、flv.js、axios),对它们的功能特性和入门教程进行了介绍,希望可以帮助到大家。
- 前文微前端概述(Micro Frontends) 以及相比单体应用,微前端能带来什么好处 简单介绍了微前端的概念,本文来看一个具体的应用例子。原文地址想象一个网站,客户可以在其中订购外卖食品。从表面上看,这是一个相当简单的概念,但如果你想做得好,还有惊人的细节:应该有一个登陆页面,客户可以在其中浏览和搜索餐馆。 餐厅应该可以通过任意数量的属性进行搜索和过滤,包括价格、美食或客户之前订购的东西... 前文微前端概述(Micro Frontends) 以及相比单体应用,微前端能带来什么好处 简单介绍了微前端的概念,本文来看一个具体的应用例子。原文地址想象一个网站,客户可以在其中订购外卖食品。从表面上看,这是一个相当简单的概念,但如果你想做得好,还有惊人的细节:应该有一个登陆页面,客户可以在其中浏览和搜索餐馆。 餐厅应该可以通过任意数量的属性进行搜索和过滤,包括价格、美食或客户之前订购的东西...
- 本文介绍了控制反转的依赖注入模式及其好处,介绍了Angular中依赖注入是如何查找依赖,如何配置提供商,如何用限定和过滤作用的装饰器拿到想要的实例,进一步通过N个案例分析如何结合依赖注入的知识点来解决开发编程中会遇到的问题。 本文介绍了控制反转的依赖注入模式及其好处,介绍了Angular中依赖注入是如何查找依赖,如何配置提供商,如何用限定和过滤作用的装饰器拿到想要的实例,进一步通过N个案例分析如何结合依赖注入的知识点来解决开发编程中会遇到的问题。
- 在JavaScript中,“context”指的是一个对象。在一个对象中,关键字“this”指向该对象,并提供了一个指向作为该对象成员的属性和方法的接口。当函数被执行时,关键字“this”指向函数被执行的对象。通常有这些场景来说明 this 的指向:当函数在全局上下文中执行时,“this”指的是全局或“window”对象当一个函数是一个对象的方法时,“this”指的是那个对象(除非它是在另一... 在JavaScript中,“context”指的是一个对象。在一个对象中,关键字“this”指向该对象,并提供了一个指向作为该对象成员的属性和方法的接口。当函数被执行时,关键字“this”指向函数被执行的对象。通常有这些场景来说明 this 的指向:当函数在全局上下文中执行时,“this”指的是全局或“window”对象当一个函数是一个对象的方法时,“this”指的是那个对象(除非它是在另一...
- 日志原理与开发分析这篇完全指南就够了!适应各种规模!为啥公司业务上不去?要么程序没有输出日志到位,缺少价值数据。要么打印日志到位了,没有高效的分析工具!为啥程序会崩溃?日志处理没到位呗,线上故障就得加班,浪费了时间还找不到问题根源!别想为啥了,跟上来学习吧,本篇解决此类问题。 什么是日志(log)想想,我们为什么要做笔记,翻看笔记?或者说,每天写日记,我们做了笔记是为了加强记忆,如果忘记了... 日志原理与开发分析这篇完全指南就够了!适应各种规模!为啥公司业务上不去?要么程序没有输出日志到位,缺少价值数据。要么打印日志到位了,没有高效的分析工具!为啥程序会崩溃?日志处理没到位呗,线上故障就得加班,浪费了时间还找不到问题根源!别想为啥了,跟上来学习吧,本篇解决此类问题。 什么是日志(log)想想,我们为什么要做笔记,翻看笔记?或者说,每天写日记,我们做了笔记是为了加强记忆,如果忘记了...
- 什么?ElementUI里还有文档没提到,却功能无比强大的【隐藏组件】?没错!学会它,你就是项目组最靓的崽。 什么?ElementUI里还有文档没提到,却功能无比强大的【隐藏组件】?没错!学会它,你就是项目组最靓的崽。
- 在我的爬虫书中,讲到了使用 Charles 或者 MitmProxy 实现中间人攻击,从而绕过反爬虫机制的方法。但这两种方法都需要安装根证书。 今天,我们来试一试在 Puppeteer 中,使用中间人攻击,攻击目标是我们自己,来绕过反爬虫机制。 在我的爬虫书中,讲到了使用 Charles 或者 MitmProxy 实现中间人攻击,从而绕过反爬虫机制的方法。但这两种方法都需要安装根证书。 今天,我们来试一试在 Puppeteer 中,使用中间人攻击,攻击目标是我们自己,来绕过反爬虫机制。
- 🌊 作者主页:海拥🌊 简介:🏆CSDN全栈领域优质创作者、🥇HDZ核心组成员、🥈蝉联C站周榜前十🌊 粉丝福利:粉丝群 每周送6~9本书,不定期送各种小礼品,往期获奖公布@TOC让我们来制作吉他!好吧,不是物理吉他,而是下面这个东西:数字吉他!感兴趣吗?好吧!就像一场精彩的摇滚表演一样,不妨来试试!演示地址:https://wanghao221.github.io/game/js-... 🌊 作者主页:海拥🌊 简介:🏆CSDN全栈领域优质创作者、🥇HDZ核心组成员、🥈蝉联C站周榜前十🌊 粉丝福利:粉丝群 每周送6~9本书,不定期送各种小礼品,往期获奖公布@TOC让我们来制作吉他!好吧,不是物理吉他,而是下面这个东西:数字吉他!感兴趣吗?好吧!就像一场精彩的摇滚表演一样,不妨来试试!演示地址:https://wanghao221.github.io/game/js-...
- Document节点操作页面元素 (1)选中页面元素(2)创建页面元素(3)操作页面元素属性 document中提供了很多方法用来选中页面的元素 【querySelector()】 方法返回匹配指定的CSS选择器的元素节点。如果有多个节点满足匹配条件则返回第一个匹配的节点。如果没有发现匹配的节点则返回null。 <ul> <li name=“a... Document节点操作页面元素 (1)选中页面元素(2)创建页面元素(3)操作页面元素属性 document中提供了很多方法用来选中页面的元素 【querySelector()】 方法返回匹配指定的CSS选择器的元素节点。如果有多个节点满足匹配条件则返回第一个匹配的节点。如果没有发现匹配的节点则返回null。 <ul> <li name=“a...
上滑加载中
推荐直播
-
华为云开发者日南京站
2024/10/25 周五 14:00-16:30
华为云讲师团
华为云开发者日HDC.Cloud Day是面向全球开发者的旗舰活动,汇聚来自千行百业、高校及科研院所的开发人员。致力于打造开发者专属的技术盛宴,全方位服务与赋能开发者围绕华为云生态“知、学、用、创、商”的成长路径。通过前沿的技术分享、场景化的动手体验、优秀的应用创新推介,为开发者提供沉浸式学习与交流平台。开放创新,与开发者共创、共享、共赢未来。
去报名 -
开发者大赛·中国区半决赛·闭幕仪式
2024/10/27 周日 14:00-16:00
华为云专家团
直播盛启,速来围观!直击2024华为开发者大赛中国区半决赛现场,共同展现前沿技术创新风采,感受科技创新的精彩魅力!最终见证晋级总决赛的宝贵名额的诞生!
即将直播 -
openGemini兼容普罗生态,云原生可观测性新势力
2024/10/30 周三 16:30-18:00
寒雪 华为云数据库DTSE技术布道师
Promtheus是大量云原生应用的监控系统,在大规模云原生环境存在异常恢复较长、可扩展性受阻等问题,Cortex作为其分布式方案虽提高了可扩展性和稳定性,但在海量时间线和范围查询时仍面临成本高性能低的问题。OpenGemini兼容Promtheus读写API,充分发挥其存储底座和向量化计算引擎的优势,在多场景下表现优异。本次直播主要介绍OpenGemini的基本架构、性能提升的关键技术和效果。
去报名
热门标签