前端

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

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

Jeptpack Compose 官网教程学习笔记(三)状态

状态 在Jetpack Compose中状态可以是随时间变化的任何值,可以是从数据库中的值到类的变量 Android 应用中的一些状态示例: 根据网络情况显示的信息提示控件 文章和相关评论 点击按钮时播放的涟漪动画 倒计时显示控件 主要学习内容 什么是单向数据流 如何看待界面中的状态和事件 如何在 Compose 中使用架构组件的 ViewModel 和 LiveData 管理状态 Co

浅谈WebGL

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

vue的自定义指令

1.自定义指令 1.1 什么是自定义指令 vue官方提供了v-text、v-html、v-model、v-if等一些常用的指令。除此之外vue还允许开发者自定义指令。 1.2 自定义指令的分类 vue将自定义指令分为 两类 私有自定义指令 全局自定义指令 1.3 私有自定义指令 在每个vue组件中,可以在directives节点下声明私有自定义指令 私有自定义指令只在这个组件中生效 示

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中的keep-alive是什么意思?以及如何使用

一、keep-alive是什么? <keep-alive>是vue内置的一个组件,能在组件的切换的过程中将状态保留在内存中,防止重复渲染DOM 包裹动态组件的时候,会缓存不活动的组件实例,而不是销毁他们! <keep-alive>是一个抽象组件:它自身不会渲染一个DOM元素,也不会出现在父组件中,作为标签使用 包裹在需要缓存的组件中 注意: 1. include 字符串

小程序日常小记

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

CSS3渐变 阴影 遮罩

1. CSS3渐变 渐变: 有规律的渐渐变化,在前端中通常指颜色的变化的实现方式. 通常使用在所有接受图像的属性上.(替代图片),意义是创建一张图片 gradient可以应用在所有接受图像的属性上 1.1 分类: 线性渐变(linear-gradient)变化的方向是一条直线 径向渐变(radial-gradient)变化的方向是从圆心向四周运动运动 1.2. 线性渐变 (linear-gr

NestJS 核心揭秘:InstanceWrapper 的艺术与前端缓存新思路

文章目录 概述 第一部分:深入幕后——NestJS 的“实例管家” InstanceWrapper 一、核心职责:不止于封装 二、关键属性解构(增强版) 三、一个实例的生命旅程 第二部分:灵感跨界——构建前端页面的“InstanceWrapper”缓存层 一、设计哲学:前端数据包装器