项目uniapp cli vue
uniapp脚手架中vue3项目配置`@`,并且在vscode中有提示
uniapp脚手架中vue3项目配置@,并且在vscode中有提示 在vite.config.js中配置一下代码 import { defineConfig } from "vite"; import uni from "@dcloudio/vite-plugin-uni"; import { re ......
Vue多页面和单页面的场景
开发分类 实现方式 页面性能 开发效率 用户体验 学习成本 首屏加载 SEO 单页 一个html页面 按需更新性能高 高 非常好 高 慢 差 多页 多个html页面 整页更新性能低 中等 一般 中等 快 优 场景 单页面应用 系统类网站 内部网站 文档类网站 移动端站点 多页面应用 公司官网 电商类 ......
Angular 应用实现 Lazy Load(懒加载)的项目实战经验分享
笔者之前两篇掘金社区文章,分别介绍了企业级 Angular 应用开启 PWA 特性和服务器端渲染,从而提升用户体验的两种设计思路: Angular 应用支持 PWA(Progressive Web Application) 特性的开发步骤分享 基于 Angular Universal 引擎进行服务器 ......
关于 Angular 项目里 ngsw-config.json 文件的作用
ngsw-config.json 文件是Angular Service Worker的配置文件,用于配置Angular Service Worker(ngsw)的行为。Service Worker 是一个用于创建离线体验和缓存策略的技术,它允许您的应用在离线状态下继续运行,提高性能并实现“渐进式网络 ......
idea一直正在读取maven项目
如果你在使用IntelliJ IDEA时遇到了持续读取 Maven 项目的问题,可以尝试以下一些建议来解决: 1.清理 Maven 本地仓库: 可能是本地 Maven 仓库中的某些文件损坏导致 IDEA 一直在读取。你可以尝试清理 Maven 本地仓库,让 Maven 重新下载依赖。本地 Maven ......
【前端VUE】VUE环境安装
nodejs安装 nodejs教程 https://blog.csdn.net/muzidigbig/article/details/80493880 检查是否安装成功 VUE安装 npm install -g @vue/cli 创建VUE项目 vue create 项目名称 第一个和第一个是默认的 ......
十九——.NET 项目&DLL 反编译&未授权访问&配置调试报错
.NET是微软推出的一种新的软件运行平台,它包括一整套应用范围广泛的技术,旨在迎接Java所带来的挑战。.NET给网站管理系统开发带来了很多新的技术,尤其是它的“混合语言”开发方式,是第一个支持多种语言混合开发的软件运行平台,下一代Windows--LongHorn的核心将会看到.NET的身影。如果 ......
task0003前端项目准备的学习笔记(之前忘了发不好意思!)
2023-10-26 task0003前端学习笔记 JavaScript作用域学习笔记①:今天看了http://www.laruence.com/2009/05/28/863.html这位作者讲了js的作用域原理,让我豁然开朗,原来函数定义式与函数表达式的不同会导致作用域作用不一样比如:var na ......
vue3+element-Plus表格滚动联动
const Table0 = ref() const Table1 = ref() function syncScroll() { for (let i = 0; i < compareData.compareInfo.length; i++) { let firstTable = Table0.v ......
Vue3 + antDesign3.x 汉化 中文(解决日期混合中英文模式
依赖项版本 "ant-design-vue": "^3.2.20", "dayjs": "^1.11.10", "vue": "^3.0.5", 依赖处理 main.js中 import { createApp } from 'vue' import Antd from 'ant-design-vu ......
Vue 项目配置自动更新,自动刷新页面
今天用户反馈使用页面的时候,有时候点击没反应,排查下来,是因为发布版本的时候,用户那边没有加载最新的文导致的,然后根据思路,做了这个自动更新的功能 效果预览 http://demo.webwlx.cn/#/update 实现思路 1. 把当前版本的编译时间,通过环境变量的方式保存起来 打开 vite ......
nodejs项目打包提速
node打包耗时分析 插件安装 cnpm i hard-source-webpack-plugin 官方地址 https://www.npmjs.com/package/hard-source-webpack-plugin 配置之后初次打包会觉得没什么差异,主要是会先写编译文件到磁盘中(相当于第一次 ......
Vue 该如何实现组件缓存?
在面向组件化开发中,我们会把整个项目拆分为很多业务组件,然后按照合理的方式组织起来,那么自然会存在组件之前切换的问题,vue 中有个动态组件的概念,它能够帮助开发者更好的实现组件之间的切换。但是在面对需求频繁的变化,切换组件时,动态组件在切换的过程中,组件的实例都是重新创建的,而我们需要保留组件的状 ......
webpack搭建基本项目
(webpack中文地址:https://www.webpackjs.com/loaders/) 1、第一步:新建一个空文件夹 (此处以 webpacktwotest文件夹、vscode编辑器为例) 2、第二步:安装 1)在编辑器中打开文件夹(webpacktwotest 打开命令行快捷键Ctrl+ ......
@vue/cli-01安装事项
@vue/cli安装存在以下两种: npm install -g @vue/cli vue --version or vue -V(注意是大写)查看版本 vue create 项目名称cd 项目名称npm installnpm run serve 1、默认安装 安装上面的步骤,一路回车即可 2、手动 ......
Vue-路由(vue-router)
路由:Vue-router(vue路由插件) 先了解下 route、routes、router三者之间的区别 (加$只是为了区别其它变量) router:一般指的是路由实例 ,如:vue的编程式导航 this.$router.push() routes:指创建 vue-router 路由实例的配置项 ......
vue-route
路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about 按钮,页面中就要显示about 的内容。Home按钮 => home 内容, about按钮 => about 内容,也可以说是一种映射. 所以在页面上有两个部分,一个是点击部分,一个 ......
Vue-mixins(混入)
mixins: [混入变量名称] 说明:不需安装,直接使用, 作用:多用于 提取公共 类似的数据和方法,和组件<script/>中书写一样,data、methods、钩子函数 使用:引入之后,同组件使用 script 中的数据和方法一样使用 功能点:引入之后,相当于mixins下的数据、方法和钩子函 ......
Vue-slot(插槽)
以下均已父组件为例:<my-box></my-box> <slot></slot> (无需安装,直接使用,使用组件时需引入对应组件) 说明:插槽就是内容分发API,将 <slot></slot> 作为承载内容分发的出口;简单的讲就是使用了插槽后就可以将<my-box>文本、HTML</my-box> ......
vue-alias配置
const path = require('path'); function resolve (dir) { return path.join(__dirname, dir) } module.exports = { chainWebpack: (config)=>{ config.resolve. ......
vue-echarts图表组件
封装代码: <!-- * @Descripttion:图表组件--> <template> <div class='YxkEcharts'> <VEcharts :params="echartsObj"></VEcharts> </div> </template> <script> // 图表 co ......
vue-filters(过滤器)
过滤器 filters: 作用:按照设定的代码,返回过滤后的数据,如:取整、保留小数、大写、添加等 注:num 会作为过滤器函数的第一个参数,过滤器函数之后的参数依次作为 第 2个 ...第 n 个 示例: ......
Vue-keep-alive 缓存组件 & 动态组件
动态组件: 动态组件:即组件是否展示需要根据条件判断,该组件即为动态组件 作用:多用于 tap 切换时某个板块展示对应组件内的内容 功能点:点击一级 tap 时,展示一级 tap 对应板块内容(一级组件);点击二级 tap 时,展示二级tap对应的板块内容(二级组件) 示例图: 创建组件; 最外层包 ......
Vue-Vuex 状态管理
简介: vuex:多个文件公共状态管理 vuex五个属性: state:数据存储 getters:数据提取,对数据进行提取,不更改原数据,和vue计算属性computed一样,实时监听state值的变化(最新状态),并把最新数据扔进vue.store里;如提取对象数组中id不为0的数据 mutati ......
Vue-打印组件
组件代码: <el-button v-print="{id: 'print-content'}" icon="el-icon-printer">打印</el-button> // 插件 vue-print-nb 示例: ......
vue-富文本/自定义上传图片
1、下载组件 npm install vue-quill-editor –D 2、在需要的组件内引入富文本 import { quillEditor } from 'vue-quill-editor' import 'quill/dist/quill.core.css' import 'quill/ ......
vue-解决vux中siwper高度不自适应
1、swiper设置height:auto 2、设置swiper-itemposition:static <swiper-item v-for="(item, index) in list" :key="index" :style='selected_index==index?{position: ......