第一期·使用Vue3.1+TypeScript+Router+Tailwind.css构建手机底部导航栏、仿B站的登录、注册页面。代码仓库alicepolice/Vue-05(github.com)构建项目新建项目导入bootstrap-icons-vuebootstrap-icons-vue-np

背景不知道webpack插件是怎么回事，除了官方的文档外，还有一个很直观的方式，就是看源码。看源码是一个挖宝的行动，也是一次冒险，我们可以找一些代码量不是很大的源码比如webpack插件，我们就可以通过BannerPlugin源码，来看下官方是如何实现一个插件的希望对各位同学有所帮助，必要时可以通过

书写语法输出语句变量数据类型运算符==与===区别：#==：1、判断类型是否一样，如果不一样，则进行类型转换2、再去比较其值===：1、判断类型是否一样，如果不一样，直接返回false2、再去比较其值类型转换：#*其他类型转为number：（一般使用parseInt）1、string：按照字符串的字

一、项目优化1.去掉打印console需求：在开发环境中，保留打印console；在生产上线环境，自动去掉打印console使用步骤：第一步：在项目根目录下，创建如下图两个配置文件在.env.development中(开发环境变量)NODE_ENV=development在.env.producti

缘起近期在项目中遇到这么一个需求，需要在地图上展示一组格网数据，格网大小为2m*2m，地图api用的mapboxgl。起初拿到这个需要感觉很easy，在地图上添加一个fill图层就好啦。把格网面数据添加到地图上之后，在大比例尺下显示正常，但是当地图层级小于15级时，渲染出的结果会消失。简单理一下原因

1导读NullPointerException在开发过程中经常遇到，稍有不慎小BUG就出现了，如果避免这个问题呢，Optional就是专门解决这个问题的类，那么Optional如何使用呢？让我们一起探索一下吧！2源码解析2.1Optional定义Optional类是Java8为了解决null值判断问

JSONAPIsandAjaxonclick希望代码仅在页面完成加载后执行。将名为DOMContentLoaded的JavaScript事件附加到document中。以下是实现的代码：document.addEventListener('DOMContentLoaded',function(){})

随着NFC读写器在BS架构下的需求越来越多,使用JS语言在web浏览器下操作NFC读写器就变得尤其重要.但是web浏览器不允许其显示内容直接操作硬件,所以我们必须使用IC卡读卡器web插件来实现这个功能.作为web前端工程师,我们首先要了解在web中实现操作NFC读写器的步骤:1、下载友我科技IC卡

背景公司要开发个关系图谱，一开始选型有两个一个echarts和d3js,但由于echarts拓展性并没有那么好，所以选择了d3js，但d3js说实话，对于我这种前端菜鸟来说，学习起来还是有点难受，主要还是svg这玩意没玩过，也没玩明白，不过在网上这copy那copy下，最终还是实现了公司想要的功能开

首先来理解一下深拷贝与浅拷贝的概念我们谈到深拷贝与浅拷贝都是针对于对象或者数组这种复杂数据类型，也就是引用数据类型浅拷贝：只是对内存地址的拷贝，跟拷贝前指向的是同一块内存；深拷贝：既拷贝了内存地址，又拷贝了数据内容，是在堆内存中重新开辟了一块存储空间.内存分为栈内存跟堆内存，对于基本数据类型会被直接

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助第一问：安全类型检测——typeof和instanceof区别以及缺陷，以及解决方案这两个方法都可以用来判断变量类型区别：前者是判断这个变量是什么类型，后者是判断这个变量是不是某种类型，返回的是布尔值（1）typeof缺陷：1.不能判断变量

JAVASCRIPT语言基础-----语法&关键字与保留字本章篇幅较长故分成几个小节来讲语法区分大小写这个没啥好讲的，a和A是两个变量。标识符标识符，就是变量、函数、属性或函数参数的名称。标识符的组成规范，如下：第一个字符必须是一个字母、下划线（_）或者美元符号（$）;剩下的其他字符可以使字

一、前言前段时间碰到了一个Keybinding相关的问题，于是探究了一番，首先大家可能会有两个问题：MonacoEditor是啥？Keybinding又是啥？MonacoEditor：微软开源的一个代码编辑器，为VSCode的编辑器提供支持，MonacoEditor核心代码与VSCode是共用的（都

LRU是LeastRecentlyUsed的缩写，即最近最少使用。作为一种经典的缓存策略，它的基本思想是长期不被使用的数据，在未来被用到的几率也不大，所以当新的数据进来时我们可以优先把这些数据替换掉。一、基本要求固定大小：限制内存使用。快速访问：缓存插入和查找操作应该很快，最好是O(1)时间。在达到

vue路由守卫用于登录验证权限拦截vue路由守卫-全局（router.beforeEach((to,from,next)=>来判断登录和路由跳转状态）主要方法：to：进入到哪个路由去from：从哪个路由离开next：路由的控制参数，常用的有next(true)和next(false)home需

概述webpack的使用中我们会遇到各种各样的插件、loader。webpack的功力主要体现在能理解各个插件、loader的数量上。理解的越多功力越深loader是什么呢？背景了解loader前，我们在来看个问题，有了前面的基础我们还是用个简单的样例来说明由于一切都是模块，我们想用jsimport

Vue2动态添加路由点击打开视频讲解更加详细场景：一般结合VueX和localstorage一起使用router.addRoutesvue-router4后已废弃：使用router.addRoute()代替。vue-router4版本前也可用函数签名：router.addRoutes(routes:

模块HTML网页中，浏览器通过<script>标签加载JavaScript脚本。<!--页面内嵌的脚本--><scripttype="application/javascript">//modulecode</script><!--外部脚本--&

SassSass全称"SyntacticallyAwesomeStyleSheets",是CSS的一种扩展语言。变量VariableSass允许使用变量（最新的CSS也支持了变量）。可以在Sass中声明变量，并为它赋值。在Sass中，变量以$开头的，后跟变量名。$text-color:red;使用c

uniappwebviewh5通信window.postMessage方式父页面<template><view><!--<web-view:webview-styles="webviewStyles"src="https://uniapp.dcloud.io/st

1CMD规范介绍CMD：CommonModuleDefinition，通用模块定义。与AMD规范类似，也是用于浏览器端，异步加载模块，一个文件就是一个模块，当模块使用时才会加载执行。其语法与AMD规范很类似。1.1定义模块定义模块使用define函数：define(factory)define函数接

刚完成一些前端项目的开发，腾出精力来总结一些前端开发的技术点，以及继续完善基于SqlSugar的开发框架循序渐进介绍的系列文章，本篇随笔主要介绍一下基于Vue3+TypeScript的全局对象的注入和使用。我们知道在Vue2中全局注入一个全局变量使用protoType的方式，很方便的就注入了，而Vu

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助一.typescript高阶类型Exclude和ExtractExclude<T,U>TypeScript2.8 中增加了 Exclude 类型，该如何理解这个高级类型的定义呢？?1typeExcl

<divclass="fuzhiWarp"><divclass="copydiv">这里是DIV中的文本</div><buttontype="button"class="fuzhibtnbtn-default"data-clipboard-action="c