three vue js

vue进行页面跳转样式丢失问题

问题:vue使用 this.$router.push 方法进行页面跳转时样式丢失,如下图,图一为正常页面,图二为跳转后的界面 解决方法:并非样式丢失,而是样式背覆盖了,去跳转的原界面样式中加入scope,跳转之后问题解决 ......
样式 页面 问题 vue

C# DLL资源文件打包(图片、JS、CSS)

前言 出于安全以及移植考虑,近两天有看关于WebResource方面的资料,有点点心得和不明白。这里鄙视下那些狂抄袭的论坛和博客,一搜索几乎全一样,也没多说一个字的!! 感谢 1.MSDN 直到这个例子出现,我才真正做出自己想要的东西,但是也带来了一些不明白 2.利用WebResource.axd通 ......
文件 资源 图片 DLL CSS

vue3 组件之间的传递

## 组合式API父子通信 ### 1. 父传子 > 基本思想 > 1. 父组件中给子组件绑定属性 > 2. 子组件内部通过props选项接收数据 > 父组件 ```vue 父组件 ``` > 子组件 ```vue 子组件 {{ msg }} ``` ![](https://img2023.cnbl ......
组件 之间 vue3 vue

【JavaScript】js 处理复制函数实现

```javascript export const copyText = (text: string) => { const input = document.createElement('input'); input.setAttribute('readonly', 'readonly'); i ......
JavaScript 函数

js黑客思想(1)

## 十六进制 十六进制,它只在字符串内部起作用,如果您尝试将其用作标识符,他们将失败。一个有趣的方面是,十六进制转义必须使用小写的 x,如果使用大写的 X,它将不会被视为十六进制转义,js 引擎将简单地将字符串处理为字面上的大写 X,后面跟着你指定的字符。 ```javascript '\x61' ......
黑客 思想

js实现多列排序

#### js实现多列排序 > 根据业务逻辑调整 sortData 的数据。 > 排序的规则是按照第一列排序,第一列相同按照第二列排序,依次类推 ``` javascript // 要排序的数据 const array = [{ name: '甲'asd, age: 10, money: 100 } ......

vue 实现自定义主题切换+日夜切换

此处只参考 修改主题色, 日夜模式参考elep官网 function gradientColor(this: any, startColor: any, endColor: any, step: any) { let startRGB = gradientColor.prototype.colorR ......
日夜 主题 vue

Vue2的安装

Vue 的安装根据需求分为 script标签引入 与 npm命令创建项目。 1. script 引入 用途:用于不改动老项目源代码的二次开发。 使用方式:在html中嵌入vue.global.js的script标签的引入。 代码示范图: 2. npm 命令创建项目 前提:npm 是 Node.JS ......
Vue2 Vue

【859】JS开发相关

实例 我的第一个 JavaScript 程序 Fri Jul 14 2023 14:08:26 GMT+1000 (Australian Eastern Standard Time) 显示日期 尝试一下 » ......
859

vue 使用document.execCommand失效

document.execCommand 当一个 HTML 文档切换到设计模式时,document暴露 execCommand 方法,该方法允许运行命令来操纵可编辑内容区域的元素。 大多数命令影响document的 selection(粗体,斜体等),当其他命令插入新元素(添加链接)或影响整行(缩进 ......
execCommand document vue

grep -ior ..192.168... js/* --color

这是一个使用`grep`命令的例子,用于在指定文件中搜索匹配指定模式的文本。 具体的命令是: ``` grep -ior ..192\.168... js/* --color ``` 解释一下各个选项的含义: - `-i`:表示忽略大小写,即搜索时不区分大小写。 - `-o`:表示只输出匹配到的内容 ......
color grep 192 168 ior

Vue 中处理跨层级组件通信

highlight: a11y-dark 对于A-B-C三个依此嵌套的组件,现在想把A的数据传递给C,C的事件被A捕获,可以这么实现: ![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/51598dfe939b4099b4e ......
层级 组件 Vue

vite+vue3+minio

之前h5用的minio上传文件,现在web端也需要用这个,但h5是用的vue2, web用的vue3,就出现了一些问题 架子是用的vite搭建的,但vite不支持require导入。用import的话minio不支持import引入,也会报错 一. 用vue2搭个项目,将minio通过require ......
minio vite vue3 vue

如何用Three.js + Blender打造一个web 3D展览馆

运营活动新玩法层出不穷,web 3D炙手可热,本文将一步步带大家了解如何利用Three.js和Blender来打造一个沉浸式web 3D展览馆。 ......
展览馆 Blender Three web js

vue 组件分享

应用场景是tab切换,上方显示五个标题,下方区域显示各模块内容 分享的原因是这个写法简介 父组件如下: <template> <Tabs v-model="selected" @on-click="change_item"> <TabPane v-for="item in list_tab" :ke ......
组件 vue

bpmn.js修改默认节点颜色

从node_modules依赖中找到定义图形颜色的js文件bpmn-js/lib/draw/BpmnRenderer.js 找到BpmnRenderer.js文件的以下代码: 这里是代码:找到BpmnRenderer.js文件的以下代码: var defaultFillColor = config ......
节点 颜色 bpmn js

模块化Common.js与ES6

#### 为什么要模块化开发 ``` 1. 依赖关系(a文件依赖b文件中的方法,b文件必须在a文件之前引入) 2. 命名问题 (多个文件变量名,方法名相同会出现覆盖) 3. 代码组织(后期不好维护) ``` #### 模块化规范有 ``` 1. Common.js 规范 node,webpack使用 ......
模块 Common ES6 js ES

antd from 表单中的key 不能绑定input中的字段 Input.js:207 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'value')

``` 删除 ``` ![](https://img2023.cnblogs.com/blog/2773051/202307/2773051-20230714091226247-504439371.png) 不然则会出现 Input.js:207 Uncaught (in promise) Type ......
字段 表单 properties TypeError Uncaught

vue3使用component作为切换页面

文档 https://cn.vuejs.org/guide/essentials/component-basics.html#defining-a- <script setup> import Home from './Home.vue' import Posts from './Posts.vue ......
component 页面 vue3 vue

React18+Next.js13+TS,B端+C端完整业务+技术双闭环

新 React 技术栈,实战复杂低代码项目-仿问卷星第1章 开期准备 试看3 节 | 20分钟介绍课程内容,学习建议和注意事项。演示课程项目,让学员有一个整体的认识。第2章 【入门】什么是 React React 引领了现代前端开发的变革8 节 | 50分钟介绍 React 的历史、背景和每次版本更 ......
闭环 业务 React 技术 Next

Three.js可视化企业实战WEBGL课

适合人群:懂基础前端知识、需要学习和开发3d项目的前端课程概述:全网领先的three.js的 WEB 3D可视化课程。课程全面系统的讲解WEB 3D可视化技术,涵盖目前企业开发的各种应用技术和项目案例。包含智慧园区、智慧城市、智慧工厂。学完可以直接应用在工作中,不仅仅讲three、cesium的企业 ......
实战 Three WEBGL 企业 js

Tauri-Admin通用后台管理系统|tauri+vue3+pinia桌面端后台EXE

基于tauri+vite4+pinia2跨端后台管理系统应用实例TauriAdmin。 tauri-admin 基于最新跨端技术 Tauri Rust webview2 整合 Vite4 构建桌面端通用后台管理解决方案。搭载轻量级ve-plus组件库、支持多窗口切换管理、vue-i18n多语言包、动 ......

Node.js的http-server的安装使用

# 使用方法 1.安装Node.js 2. ```` npm install -g http-server ```` 3. ```` http-server ```` # 参考 https://blog.csdn.net/bamboo_2001/article/details/130201002 ......
http-server server Node http js

前端Vuer,请收好这份《Vue组件单元测试》宝典,给自己多一些安全感

大家好,我是 Kagol。 作为一名前端,在做业务开发的过程中,你是否曾经: - 因为担心上线之后出bug,而反复手工验证自己负责的模块 - 不敢修改现有的“屎山”(别人写的或者是自己1年前写的)代码,从而不断地编写if/else - 发现业务中有很多重复的代码,每次一改好多地方都要改,但又不敢... ......
前端 安全感 组件 单元 宝典

前端封装时间选择器时的数据格式问题(JS闭包应用场景)

工作中遇到一个需求,需要同时支持一定长度时间段与自定义时间段。 时间选择框是一个下拉框,下拉框后面跟两个框分别显示起止时间,默认是禁用状态,下拉框有多个选项,比如一小时,三小时,六小时......最后一项是自定义时间段,选中后起止时间选择框将会解除禁用。 当选中一小时时,每次全新查询都要拿到当前时间 ......
闭包 前端 场景 格式 时间

vue配置https

const path = require('path'); const fs = require('fs'); const https = require('https'); const options = { key: fs.readFileSync(path.join(__dirname, '. ......
https vue

Vue项目配置Https双向认证

访问双向认证的Https接口 本地运行设置 修改webpack配置 js const fs = require('fs') const options = { //客户端密钥 key: fs.readFileSync(path.join(__dirname, '../ca/key.pem')), / ......
双向 项目 Https Vue

Vue基础

### 创建实例 ```html {{ msg }} ``` ### 插值表达式 含义:vue的一种模板语法 作用:利用表达式进行插值渲染 语法:{{表达式}} 注意: 1. 使用的数据要存在 2. 支持的是表达式,不是语句if for 3. 不能在标签属性使用{{ }} ### 响应式特性 响应式 ......
基础 Vue

JS_双人格斗游戏 _移动键同时按下问题

# JS_双人格斗游戏 _移动键同时按下问题 问题描述: ```js if(keys.a.pressed){ player.velocity.x = -1; }else if (keys.d.pressed){ player.velocity.x = 1; } 这段代码在animate()循环函数中 ......
同时 问题 JS

04 selenium:等待元素加载 ,元素操作,执行js,切换选项卡,前进后退,异常处理,登录cnblogs,抽屉半自动点赞,xpath使用,动作链,自动登录12306,打码平台,打码平台自动登录

# 1 selenium等待元素加载 ```python # 程序执行速度很快 》获取标签 》标签还没加载好 》直接去拿会报错 # 显示等待:当你要找一个标签的时候,给它加单独加等待时间 # 隐士等待:只要写一行,代码中查找标签,如果标签没加载好,会自动等待 browser.implicitly_w ......
元素 平台 抽屉 selenium 动作