样式 组件scoped vue
vue vue.config.js 配置
1. 开启 sourceMap // 显示 sourceMap , 便于调试 // process.env.NODE_ENV 有的是 dev/prod, 有的是 development/production, 需要自己确认下 productionSourceMap: process.env.NODE ......
NPOI设置样式示例
HSSFWorkbook workbook = new HSSFWorkbook(); MemoryStream ms = new MemoryStream(); ISheet sheet = workbook.CreateSheet(); IRow headerRow = sheet.Create ......
阿里低代码引擎 | LowCodeEngine - 如何将新组件库接入物料，以TDesign为例
阿里低代码引擎默认提供了以antd为例的物料，并搭建了以antd为物料的示例demo，但实际中我们使用的不一定就是antd，有可能是别的组件库，也有可能是自己公司的组件库，这里就以自己为例告诉大家如何将新组件库接入阿里低代码引擎的物料中，以腾讯的组件库tdesign为例。 先看阿里低代码引擎的dem ......
如何直接点vue打包生成的dist查看效果
在vue.config.js的文件中添加代码：publicPath:'./' 写完之后npm run build重新打包 双击打开dist里面的index.html就可以看到效果了 ......
Vue.js 无法监听form表单变更问题的解决
当使用 Vue.js 构建应用程序时，通常我们会涉及到处理数据和响应用户的操作。Vue.js 提供了强大的响应式系统来自动追踪数据的变化并更新视图。然而，有时候可能会遇到一个常见的问题：当你尝试添加一个新属性到对象时，Vue.js 的响应式系统无法自动检测到这个更改，因为它不会立即监视新属性的变化。 ......
babel scope.crawl()
https://blog.csdn.net/qq523176585/article/details/126377305 scope.crawl()scope.crawl(); ：调用 crawl 方法重新遍历作用域中的所有节点。这是 Babel 的一个功能，它会更新在遍历过程中修改的 AST 节点。 ......
vuejs3.0 从入门到精通——基于 Vite 搭建 Vue3 项目
基于 Vite 搭建 Vue3 项目 一、为什么选 Vite https://www.vitejs.net/ 在浏览器支持 ES 模块之前，JavaScript 并没有提供的原生机制让开发者以模块化的方式进行开发。这也正是我们对 “打包” 这个概念熟悉的原因：使用工具抓取、处理并将我们的源码模块串联 ......
Vue 组件 v-full 监听浏览器进入退出全屏事件
1、新建 full.ts // 导出Full对象 export const Full = { // 挂载函数 mounted(el: any, binding: any) { // 获取传入的函数 const handler = binding.value // 设置事件监听的参数 const op ......
vue 设置图片背景
css类 <template> <div class="home"> <HelloWorld msg="Welcome to Your Vue.js App"/> </div> </template> <style> .home { height: 100%; width: 100%; backgr ......
wpf之样式
在Window.Resources中书写样式 ； <Window.Resources> <Style TargetType="Button" > </Style> </Window.Resources> TargetType 是指定标签的类型 ； <Style TargetType="Button" ......
tailwindcss 实现常见样式
设置宽高 w-number, h-number flex 实现水平垂直居中 flex设置容器为 flex 容器 flex-row / flex-column 设置主轴方向 justify-center 设置主轴方向居中，类似还有 justify-start, justify-end items-ce ......
【keng】 Vue2 多次传参进入同一页面 页面不走生命周期函数
比如 一个搜索跳转功能 搜索 123 进入页面加载数据 再次搜索 456 还是进入这个页面 这个页面就不会走生命周期了 解决方案 在App.vue 上 为 router-view 增加一个key 这个key 就是随便写一个随机数就可以 不要重复 eg: ......
[vue3] watch和watchEffect简记
watch的数据源 watch函数的第一个参数是监听的数据源，可以是： ref和computed创建的响应式数据； reactive创建的响应式对象； getter函数； 多个数据源组成的数组； 注： 响应式对象的属性需要使用getter监听。 当数据源是响应式对象时，其属性的变更会触发回调函数，但 ......
Vue3中使用Element Plus Icon图标
1. 安装 npm install element-plus --save 2. main.js 引入 import * as Elicons from "@element-plus/icons-vue"; for (const name in Elicons) { app.component(na ......
Vue动态添加style样式
最近在用uniapp开发安卓app，由于语法跟vue一致，就梳理了下动态添加style的方法： Object :style="{ fontSize: fontSize + 'px' }" :style="{ fontSize:( fontSize ?fontSize :'12')+'px'}" Ar ......
鸿蒙应用开发：如何与组件库(Glide)衔接？
Android 发展到现在不仅提供了很多 API，还提供了很多第三方库。这降低了我们开发者的开发难度，提升了开发效率，让应用开发更加的简单高效。众所周知，HarmonyOS 除了提供 16000 多个 API 外也是支持组件库的调用的，那么鸿蒙应用开发是如何与第三方库衔接的呢？ 加载一张图片是每 ......
Vue 的最大的优势是什么？
Vue 作为一款轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快，并且作者是中国人尤雨溪，对应的 API 文档对国内开发者优化，作为前端开发人员的首选入门框架 Vue 的优势: Vue.js 可以进行组件化开发，使代码编写量大大减少，读者更加易于理解。 Vue.j ......
Vue学习
tips-1 vue组件的根标签只能有一个<div> 正确示例如下： <template> <div> </div> </template> 错误示例如下： <template> <div> </div> <div> </div> <div> </div> </template> tips-2 资源 ......
vue 在模板/v-bind中使用方法methods 的问题
每当渲染发生时，就会调用该方法并运行该函数。 每次组件渲染时都会运行。 模板中的函数调用会带来更大的性能成本。（相比computed） 每次组件重新渲染时，vue 模板中调用的函数都会执行。如果这些函数的计算成本很高，它们可能会降低应用程序的性能。你不希望这样，是吗？😁 ......
React Native在非组件的地方使用页面跳转（interceptors拦截器处跳转页面）
官方文档：https://reactnavigation.org/docs/navigating-without-navigation-prop/ 修改APP.js import { NavigationContainer } from '@react-navigation/native'; imp ......
vue3 compositon api 和 common下写业务逻辑的区别
区别： Vue 3 的 Composition API 是一种处理和组织 Vue 组件内部逻辑的方式。它可以让你更灵活地组织和复用你的代码。 使用composition API可以将组件的逻辑拆分为小的、独立的函数或模块，并使用setup函数进行组合和重用。这对于一些复杂的业务逻辑或需要高内聚、低耦 ......
vue本地能够访问图片，打包项目之后图片无法访问
//template中 <img :src="boxHerf" /> //js let boxHerf = ref('/src/assets/images/contain.svg') 上述写法本地能够正常访问图片，但是打包之后无法正常访问,将 boxHerf 换成下列写法即可解决 let boxHe ......
vue2 单页面应用兼容 ie & 对象不支持"append"属性或方法
在平时如果用到vue2 但是打开ie测试的时候发现代码没起到预期的效果(作用)的话。就要用到polyfill和browser来对你的vue代码转成es5语法啦。 具体用法是： 先下载polyfill和browser的js文件 然后 引入polyfill和browser的js文件 1 <script ......
vue 解决路由跳转query参数类型会自动转换成字符串的问题
问题：使用query进行路由跳转传参时，传的是布尔值、数字等，在页面上route.query里面得到的却全是字符串。 // push跳转代码： this.$router.push({ path: './childPage', query: { userId: 666,isTest:false } } ......
Vue数据更新页面却没有更新的几种情况以及解决方法
情况一：Vue无法检测实例被创建时不存在于data中的变量 原因：由于 Vue 会在初始化实例时对 data中的数据执行 getter/setter 转化，所以 变量必须在 data 对象上存在才能让 Vue 将它转换为响应式的。 例如： 1 2 3 4 5 new Vue({ data:{}, t ......
vue路由模式区别
目的： 在vue中路由模式有history和hash模式两种模式：他们的目的是为了在SPA单页面情况下，切换页面不会向后端服务器发送请求； hash模式： 为以#作为分隔符， 原理：通过window.location.hash获取 hash值；监听hash中的hashchange事件，当URL的ha ......
一篇搞定Sentinel-搭建Spring Cloud Alibaba服务组件Sentinel实现服务资源控制
1、Sentinel介绍 随着微服务的流行，服务和服务之间的稳定性变得越来越重要。Sentinel 是面向分布式、多语言异构化服务架构的流量治理组件，主要以流量为切入点，从流量路由、流量控制、流量整形、熔断降级、系统自适应过载保护、热点流量防护等多个维度来帮助开发者保障微服务的稳定性。官网地址： h ......
vue3实现input输入框只能输入中文
简单记录下，方便以后复制 <el-input v-model="form.name" placeholder="使用人的姓名" :maxlength="20" :formatter="(value)=>value.replace(/[^\u4E00-\u9FA5]/g, '')" /> ......