全局 组件vue
uniapp+vue3 优惠券样式
效果如图： template部分： <view class="item"> <view class="box"> <view class="content"> <view class="head">优惠券</view> <view class="content-box1"> <view class= ......
小傅哥带着你做 Java SDK 组件
作者：小傅哥 博客：https://bugstack.cn 沉淀、分享、成长，让自己和他人都能有所收获！😄 大家好，我是技术UP主小傅哥。 今天小傅哥将开启一个新计划，带着大家一起干"开源"💐。要说编程能力什么时候提升的最快，就是从开始承接需求并思考着怎么落地，到最后开发实现时，才是成长最快的时 ......
[Vue] vue学习笔记 (7): vue内置指令和自定义指令
内置指令 v-bind 单向绑定解析表达式，简写为:xxx v-model 双向数据绑定 v-for 遍历数组/对象/字符串 v-on 绑定事件监听，简写为@xxx v-if 条件渲染，动态控制节点元素是否存在 v-else 条件渲染，动态控制节点元素是否存在，与v-if一起用 v-show 动态控 ......
React 组件懒加载
只有不断学习和成长，才能适应这个快速变化的世界。 1. 懒加载 1.1 React 懒加载 React 中懒加载 Lazy 与 Suspense 需要搭配使用。 React.lazy 定义： React.1azy 函数能让你像渲染常规组件一样处理动态引入的组件。其实就是懒加载。 为什么代码要分割？ ......
给 Web 前端工程师看的用 Rust 开发 wasm 组件实战
本文先介绍了 wasm-pack 官方的教程，还有其他组件测试、发布等的流程先不在这里介绍了。以下用一个实际开发中的模块来说一下开发 wasm 组件过程中遇到的问题和解决方法。 ......
关于vue如何在本地直接运行打包后的网页
使用npm run build可以对vue项目进行打包 生成文件夹dist，里面的html只能放在服务器查看效果，在本地打开会报错 这是因为vue-cli打包时，默认的publicPath路径是 '/' 只需要在vue.config.js文件中将publicPath路径改为 './' 或 '' 如果 ......
新建vue项目，并引入element ui和axios的步骤
一、新建vue项目 （1）win+R进入命令行 使用cmd （2）切换到需要创建vue项目的盘符下 直接D:就能切换到D盘 （3）使用vue ui指令 进入图形化创建vue项目的界面（注意在创建项目的时候，命令行不能关闭） 之后就在浏览器的界面中进行创建 点击下方的“在此创建新项目” （4）进入创建 ......
windows下nginx部署vue项目
下载windows最新版nginx https://nginx.org/en/download.html 修改nginx配置文件 location / { #root 对应的就是在服务器上前端资源的dist目录的全路径，即代表根路径 #root C:/nginx-1.25.3/html/dist; ......
vue3 setup 父组件向子组件传递参数、方法|子组件向父组件传递数据,函数
https://blog.csdn.net/qq_27517377/article/details/123163381 https://blog.csdn.net/qq_27517377/article/details/123166367 vue3 setup 父组件向子组件传递参数 <templa ......
vue路由局部刷新-局部页面刷新达到和F5刷新一样的注销
1.静态路由页面加上这一条 { path: "/redirect/:path(.*)", component: () => import("@/views/redirect/index.vue") }, 2.点击事件的vue方法里面用 router.replace({ path: "/redirec ......
手写类似于BetterScroll样式的左右联动菜单 uni-app+vue3+ts （使用了script setup语法糖）
注意：在模拟器用鼠标滚动是不会切换光标的，因为使用的是触摸滑动。【自定义类型贴在最后了】 script 部分如下： import { onMounted } from 'vue' import type { orderDetail } from '@/types/category' import t ......
vue3标准化开发
pnpm安装 一些优势：比同类工具快 2倍 左右、节省磁盘空间... https://www.pnpm.cn/ 安装方式：npm install -g pnpm 创建项目：pnpm create vue ESLint & prettier 配置代码风格 环境同步： 安装了插件 ESlint，开启保存 ......
五、自定义组件
1.创建自定义组件 在ArkUI中，UI显示的内容均为组件，由框架直接提供的称为系统组件，由开发者定义的称为自定义组件。在进行UI界面开发时，通常不是简单的将系统组件进行组合使用，而是需要考虑代码可复用性、业务逻辑与UI分离，后续版本演进等因素。因此，将UI和部分业务逻辑封装成自定义组件是不可或缺的 ......
第三方UI组件库的样式修改
一、场景： 一般来说，我们在使用第三方UI组件库（如：vant，element-plus等）时，UI组件库自带的样式不能满足用户的个性化需求时，就需要我们开发人员自己动手对组件库的局部样式进行修改。 二、修改UI组件库的顺序和方法 1、修改主题1、修改主题：每个ui组件库都有专门的修改主题的解释，如 ......
vue3使用::v-deep深度选择器不生效
会出现 ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.的报错 ：：v-depth用作组合子已被弃用。使用：dee ......
layui.table组件排序问题解决：前端排序、后端排序、保留筛选条件排序
layui.table组件排序问题解决：前端排序、后端排序、保留筛选条件排序 - 微构网络 (csweigou.com) 前端排序 table.render({ elem: '#table' /*其他参数......*/ ,autoSort: true ,initSort: { field:'id' ......
全局异常捕获
DispatcherUnhandledException——UI线程未被处理的异常捕获 从App对象中订阅DispatcherUnhandledException事件 public partial class App : Application { public App() { // Dispatc ......
pipreqs 自动找到项目的所有组件和模块版本
pip install pipreqs(适用于django Flask 等) pipreqs ./ --encoding=utf-8 找到当前项目目录下的所有组件和依赖 H:\MyFlask> pipreqs ./ --encoding=utf-8 十六 .Flask 基本项目目录搭建 和 pipr ......
[Vue]按页数和行数重新计算表格序号
转载自：https://blog.csdn.net/qq_48203828/article/details/123224024 1、 2、 <el-table-column label="序号" style="width: 120px; height: 50px" header-align="cen ......
Vue3用户代码片段
1.defineComponent语法 { "Print to console": { "prefix": "vue3", "body": [ "<template>", "<div class=\"container\">", " ", "</div>", "</template>", "<scr ......
在写springboot和vue时，需要改进的地方
后端Springboot （1）需要更加熟练使用mysql语句，insert update delete select（查询） （2）前后端跨域问题的解决： （3）另外在使用delete语句时，可以在路径中直接添加id，实现通过id删除数据 例 ①未在路径中添加id ②在路径中使用id postma ......
前端组件wolfTable的style格式文档
此文档记录的是wolf-table的style格式文档, 如果你找的是x-data-spreadsheet, 那么请查阅这个文档https://www.cnblogs.com/WilsonZhu/p/17858411.html wolf-table 的格式输入只有一个方式, 通过调用addStyle ......
vue 弹窗组件
vue 弹窗 <el-dialog> </el-dialog> 可以在其中编写所需的弹窗显示的内容 也可以在其中放组件标签作为弹窗 放一个组件的话，例： <el-dialog v-model="addGoodsDialog" :title="addGoodsTitle" width="60%" de ......
vue 循环显示数据场景
vue 循环显示数据 el-table 中 <template> <el-table :data="goodsList"> <el-table-column prop="goodsName" label="商品名称"></el-table-column> <!-- ...... --> </el-t ......
vue 编辑器+使用场景+问题解决
vue 编辑器组件 添加依赖 "dependencies": { "@codemirror/autocomplete": "^6.4.2", "@codemirror/commands": "^6.2.1", "@codemirror/lang-javascript": "^6.0.2", "@co ......
cc-product-waterfall仿天猫、淘宝购物车店铺商品列表组件
cc-product-waterfall仿天猫、淘宝购物车店铺商品列表组件 引言 在电商应用中，购物车体验的优化对于提升用户满意度和转化率至关重要。在本文中，我们将深入探讨如何使用cc-product-waterfall组件，结合uni-number-box和xg-widget，来构建一个仿天猫、 ......
仿京东淘宝商品列表筛选组件：实现一个高效的侧边栏弹框筛选功能
仿京东淘宝商品列表筛选组件：实现一个高效的侧边栏弹框筛选功能 一、引言 随着电子商务的快速发展，用户体验成为了竞争的关键因素。在众多的电商网站中，如京东和淘宝，商品列表筛选功能为用户提供了便捷的途径来找到心仪的商品。本文将详细介绍如何使用cc-widget、uni-icons和xg-list组件来仿 ......
基于uQRCode封装的Vue3二维码生成插件
标题：基于uQRCode封装的Vue3二维码生成插件 摘要：本文介绍了一种基于uQRCode封装的Vue3二维码生成插件，可以在Javascript运行环境下生成二维码并返回图片地址。该插件适用于所有Javascript运行环境，并且支持微信小程序。本文将详细介绍该插件的使用方法，并给出一个基于Vu ......
一篇随笔学习React18组件通信与插槽
了解什么是jsx -> https://www.cnblogs.com/senior-shef/p/17872695.html 一、了解props 1、什么是props React支持两种组件，DOM组件和React组件。DOM组件指的是所有的HTML和SVG标签。比如说，如果我们想要使用标签，在R ......