草庐IT

锐捷练习-ospf虚链路及rip路由相互引入

一、相关知识补充1、ospf基本概述OSPF(OpenShortestPathFirst)是一种链路状态路由协议,用于在计算机网络中进行路由选择。它是内部网关协议(IGP)之一,常用于大规模企业网络或互联网服务提供商的网络中。OSPF通过交换链路状态信息来维护网络拓扑,并使用Dijkstra算法计算出最短路径。它支持可变长度子网掩码(VLSM)和类别无关路由(CIDR),能够适应复杂的网络结构。OSPF具有以下特点:支持分层设计:网络可以被划分为不同的区域(Area),每个区域有各自的路由器和链路状态数据库。使用分层的设计来减少链路状态数据库的大小,提高路由计算效率。支持路由器间的动态邻居关系

记录--Vue使用CDN引入,响应式失效?

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助背景最近心血来潮,想要在本地开发时,也用CDN的方式引入Vue,想着既然通过CDN引入了,那么在项目中就没必要再importVue,然后把项目中引入Vue的地方都删掉,结果改完后,界面看似正常运行,但数据变更后,界面没有重新渲染。经过一番折腾,终于定位到问题。vue版本:Vue2.7+;打包工具:Vite;核心插件:@vitejs/plugin-vue2;在解决这个问题之前,我们需要先搞清楚两个事情:1)@vitejs/plugin-vue2的作用;2)@vitejs/plugin-vue2的工作原理。@vitejs/plugin-v

vue 引入jest 单元测试

一、前言为什么要搞单元测试,好处有什么。提测需要,代码覆盖率达到95%,分支覆盖率达到100%,不达到要求,不给测。确保代码正确性。单元测试可以检测和发现代码中的错误,在开发期间及时纠正。提高代码质量。进行单元测试可以思考更多场景,添加边界测试用例,找到更多潜在的问题。通过反复测试和修改,代码的质量和可维护性得到提高。方便重构。如果代码有充分的测试覆盖率,重构时就可以更加放心。当修改代码时,运行测试用例可确保没有破坏代码的现有功能)。加速开发流程。单元测试可以自动执行,因此可以快速发现问题并且节省手动测试的时间,从而加速开发流程。二、思想vue官网-测试在实际开发中想清楚vue组件的业务代码和

在微信小程序中如何引入iconfont

目录前言iconfont介绍iconfont组建图标库并下载1.通过iconfont可组建自己的图标库2.项目设置:生成base64格式的字体3.下载至本地4.解压备用将iconfont添加到小程序中1.将css该名称wxss2.将文件复制到font目录3.在app.wxss文件中引入iconfont文件在小程序中使用字体前言略iconfont介绍iconfont指https://www.iconfont.cn/。通过iconfont可组建自己的图标库。iconfont组建图标库并下载1.通过iconfont可组建自己的图标库注册帐号创建项目添加图标2.项目设置:生成base64格式的字体Fo

Android Studio 引入Xui框架-简单应用

AndroidStudioFlamingo|2022.2.1Patch2 Android11开发、GradleVersion8.0、 jdk17源代码:GitHub-xuexiangjys/XUI:💍AsimpleandelegantAndroidnativeUIframework,freeyourhands!(一个简洁而优雅的Android原生UI框架,解放你的双手!)参考手册:Home·xuexiangjys/XUIWiki·GitHub快速继承Demo:GitHub-xuexiangjys/TemplateAppProject:Androidtemplateproject,fastcon

微信小程序引入腾讯地图图解

一、准备工作1.小程序(qq.com)进入网址注册属于自己的小程序:填写信息-登录邮箱激活-信息登记2.完成后,就会进入这个页面3.在小程序管理后台 ->开发->开发管理->开发设置->“服务器域名”中设置request合法域名,添加https://apis.map.qq.com注意此处的开发者ID-小程序ID在下面注册地图key时要用到,我下面还会再次提醒二、准备地图1.登录腾讯位置服务网站腾讯位置服务-立足生态,连接未来(qq.com)2.注册完成后,点击控制台3.点击应用管理-我的应用4.点击创建应用,随意输入,点击创建就创建完成了,然后点击添加key5.勾选webServiceAPI和

小程序引入vant-Weapp保姆级教程及安装过程的问题解决

小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。本文同时参与 「掘力星计划」,赢取创作大礼包,挑战创作激励金当你想在小程序里引入vant时,第一步:打开官方文档,第二步:切到快速上手,然后开始步骤一、步骤二、步骤三?你只会看到--------------------------以下是正文-------------------------如果正准备安装,可以直接跳到下面的【正确的安装姿势】一步一步走,就不会出现问题啦!问题汇总可能出现的一些问题汇总问题一:构建npm,提示找不到package.json文件按官网,步骤一,通过npm安装,这个时候还没问题,但是当你到第四步点击【构建npm

解决vite构建库模式和 es 格式中css样式加载问题(也可单独在组件下引入)

解决vite构建库模式和es格式中css样式加载问题(也可单独在组件下引入)1.当使用vite构建库模式或es格式组件,组件样式需单独引入否则组件是没有css样式的@import"/package/subassembly/css/style.css";//挂载组件样式//挂载组件样式注:如果同一个项目使用多个组件,引入的CSS样式名相同会导致CSS样式来回覆盖导致错误2.可以使用vite-plugin-libcss插件(推荐)链接:3.安装//装置npmivite-plugin-libcss-D4.用法//vite.config.jsimportlibCssfrom'vite-plugin-l

vue中引入TinyMCE实现富文本编辑器

整片文章是以vue2.X引入tinymce富文本编译器首先,先确认你的vue版本是2还是3,查看项目的package.json中vue的版本,我的是2.5.2 一共两个步骤vue工程中安装tinymce将富文本编译器封装成组件将组件引入到页面中进行使用下面是详细步骤:1、vue工程中安装tinymce 千万注意版本问题,由于之前安装其他版本,一直运行不成功,切记切记npminstalltinymce@5.1.0-Snpminstall@tinymce/tinymce-vue@3.0.1-S2、将富文本编译器封装成组件首先在src/components目录下新建一个vue文件,Tinymce.v

微信小程序在TS模板下引入TDesign组件

介绍TDesign是腾讯官方出品的一款微信小程序组件库。本文介绍如何在新建ts空白模板下引入TDesign库步骤新建一个空白项目,这里可以选择TS-基础模板新建项目目录结构如图所示:注意这里其实小程序的文件都存放在miniprogram文件夹下,因此我们后续安装npm包时需要进入miniprogram文件夹中如果直接在当前文件夹下安装npm包,后续构建npm包会报无法找到npm包的错误NPMpackagesnotfound.PleaseconfirmnpmpackageswhichneedtobuildarebelongtominiprogramRootdirectory.Oryoumayed