前端开发
-
问题： 在tab切换的表格中使用拖拽功能的时候，拖拽功能只在第一个表格当中生效 解决方法： 初始设置时，在mounted()函数当中初始化拖拽功能函数this.rowDrop()，在该函数中获取到的tbody只是第一个表格的tbody,其他表格完全没有获取到，因此不能操作 在进行tab切换的时候，tab切换函数handleClick(tab)可以获取到当前tab的所有信息，包括id,即tab.$el.id。tab切换时，给每一个表格添加身份标识（当前tab的id下的表格），重新初始化
2024-11-19 -
在 Element UI 中，有时我们需要改写某些组件的样式，比如 ElMessage， el-form等。 比如下面的需求： 它渲染后的DOM结构为： 我这里总结了5种修改任意UI库组件的方法。也就是除了elementUI，也适用于antd,vant等UI库。 方法 1：全局修改样式 你可以在全局的 CSS 中，比如common.css等在main.js中导入的css文件中，直接根据渲染后的elementUI的组件样式来修改。 示例：修改 ElMessage 的背景色和字体颜色
2024-11-19 -
中文输入法输入打拼音到input输入框的时候，发现打拼音的时候也会频繁触发input事件，可以通过compositionstart与compositionend搭配input进行解决。 <input type="text" > 英文输入时不触发，中文输入才触发 let input=document.querySelector('input') input.addEventListener('compositionstart',function(e){ //第一
2024-11-19 -
//内容摘要的长度控制为18个字，方便显示 for(int i = 0; i < newsLists.size(); i++){ News news = newsLists.get(i); String str = news.getContentAbstract(); int strLength = 36; int tempLength = 0; for(int j = 0; j < str.length(); j++){ char c = str.cha
2024-11-19 -
{ "Dependencies": { "@cloud/v2-adapter": "file:packages/v2-adapter", "@cloud/v4-adapter": "file:packages/v4-adapter", } } file: XXX 模块位置
2024-11-19 -
1.Brave浏览器，号称比Chrome快3倍，基于Chromium 103.0.5060.53版本内核开发。 1.URL: https://github.com/brave/brave-browser/releases 2.Brave browser for Linux # wget https://github.com/brave/brave-browser/releases/download/v1.42.16/brave-browser-nightly_1.42.16_amd64.d
2024-11-19 -
问题 解决 方式1 import { defineNuxtPlugin } from "#app"; import wordCloud from 'vue-wordcloud' export default defineNuxtPlugin((nuxtApp) => { nuxtApp.vueApp.use(wordCloud); }); 注意：后缀名为client.js表示在客户端渲染 方式2 在配置文件中添加 plugins: [ {
2024-11-19 -
基本用法 // 没有参数 多个参数 需要用() 包裹起来 const fn = ()=>5 console.log(fn()); const fnG = (num1,num2)=>num1 + num2 console.log(fnG(1,2)); // 函数块的语句 多于一条语句的 要使用{} 包裹起来 并且要用return 返回 const fJ = (a,b)=>{ let c = a+b; let d = c+19; return d } console.log(
2024-11-19 -
参考博客： https://segmentfault.com/a/1190000006000118 webpack配合vue.js实现完整的单页面demo https://segmentfault.com/a/1190000005768273
2024-11-19 -
1.首先准备好node环境，然后全局安装 2.新建一个Ts文件夹，vscode打开，在终端输入 tsc -init 3.会生成一个tsconfig.json配置文件，可以进行一些简单的配置 ”target” : 编译为何种规范，一般设置为 ES5 或者 ES2016/2017“outdir” : 输出目录 可以改为./js“alwaysStrict” ： 打开严格模式 (‘use strict’) 4.按下 Ctrl+shift+B 快捷键会进行，初次编译会选择编译模式
2024-11-19