前端

vue ---- tagsView

效果图 抱歉嘿嘿 文里的tagList和activeTag全部存sessionStorage里了, 现在想来没那个必要😂存那里和放假仓库里是一回事, 不刷新都在, 刷新就没......已然记不起当时为什么要这么地了...........这里的代码不想改了, 真有用到的那么地倒是也无大碍哈哈哈哈哈哈哈 功能: 点击跳转对应页面; 设置activeTag; 样式方面: 如果点击左数第二

vite + vue3多页面配置记录references,loadEnv等

目的:使用vite创建vue3项目记录细节点 上篇vue2/vue3 + webpack多页面遇到的问题和思考我们使用vue-cli搭建项目都是使用webpack打包的,现在对比一下vite感受一下极速开发体验 增:下一篇vite + vue3 多页面实战优化续集:eslint+lint-staged+husky+stylelint 第一部分:项目基础配置ts相关: lib, references

09.《JavaEE 学习笔记》Listener监听器

1、6种监听事件类型 ServletContextEvent 上下文事件,当应用上下文对象发生改变,如创建或销毁上下文对象时,将触发上下文事件。 ServletContextAttributeEvent 上下文属性事件,当应用上下文的属性改变,如增加、删除、覆盖上下文中的属性时,将触发上下文属性事件。 ServletRequestEvent 请求事件,当请求对象发生改变,如创建或销毁请求对象时,

路由传参及跳转方式

路由传参的三种方式 路由跳转有2种方式 1.标签式跳转 router-link 标签跳转 router-link会被解析成a便签 利用a标签的href属性 2.编程式跳转 用js的方式实现跳转 query传参 path 和name都可以 query传对象的时候 一定要先JSON.stringify('参数'), 获取 JSON.parse('参数') query传参地址栏可见 ,问号后就

Webpack+Vue+Ts完整搭建配置过程

1、webpack的基本配置 (1)、在vscode终端中运行以下命令: mkdir webpack-demo 创建目录 cd webpack-demo 进入目录 npm init -y 创建package.json文件 npm install webpack webpack-cli --save-dev 安装webpack和webpack-cli (2)、新建文件夹src,在src里面

在vue项目中axios发起请求时的小知识

1.发起axios请求时,喜欢使用async和await来修饰 使用axios发起请求时,我们在一些文章或者视频当中多多少少都会看到async和await这对兄弟?所以它们到底是什么意思呢?为什么要写成这样子? async和await是es7的语法,其实我们不需要深入理解,就当养成习惯就好,以后记住发送axios请求的时候加上这对修饰兄弟就行 async就是一个修饰符,用来修饰函数的,awai

小程序日常小记

1.wx常用的跳转方法 wx常用的跳转方法 2. bindtap与catchtap的区别 bindtap与catchtap的区别 3.小程序分包的问题 ⚠️ 分包之后文件会自动创建 { "pages":[ "pages/index", "pages/logs" ], "subpackages": [ { "root": "pa

浅谈WebGL

WebGL(Web Graphics Library )是一种 3D 绘图标准,这种绘图技术标准 允许把 JavaScript 和 OpenGL ES 2.0 结合在一起,通过增加 OpenGL ES 2.0 的 一个 JavaScript 绑定,WebGL 可以为 HTML5 Canvas 提供硬件 3D 加速渲染,这 样 Web 开发人员就可以借助系统显卡来在浏览器里更流畅地展示 3D 场景和

Vue3核心源码解析 (五) : 内置组件<keep-alive>

  &lt;keep-alive&gt;是Vue.js的一个内置组件,可以使被包含的组件保留状态或避免重新渲染。下面来分析源码runtime-core/src/components/KeepAlive.ts的实现原理。   在setup方法中会创建一个缓存容器和缓存的key列表,其代码如下: setup(props: KeepAliveProps, { slots }: SetupContex