前端 终端 实战vue

vue3

# https://cn.vuejs.org/guide/introduction.html#what-is-vue # 简介 ``` import { createApp } from 'vue' createApp({ data() { return { count: 0 } } }).moun ......
vue3 vue

前端Vue自定义手机号文本格式化组件手机号码文本转星号

#### 前端Vue自定义手机号文本格式化组件, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13231 #### 效果图如下: ![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1f ......
文本 星号 手机 前端 手机号

前端Vue自定义银行卡号格式化组件 中间卡号文本转星号

#### 前端Vue自定义银行卡号格式化组件 中间卡号文本转星号, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13230 #### 效果图如下: ![](https://p3-juejin.byteimg.com/tos-c ......
卡号 星号 前端 组件 文本

前端Vue自定义微信支付弹框dialog alert popup

#### 前端Vue自定义微信支付弹框dialog alert popup, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13245 #### 效果图如下: #### ![](https://p3-juejin.byteimg ......
前端 dialog alert popup Vue

vue自动将px转换成rem

1.首先下载 lib-flexible npm install lib-flexible --save 2.在main.js中引用 lib-flexible import 'lib-flexible/flexible' 3.安装px2rem-loader(将px转换成rem) npm install ......
vue rem

Web前端:JavaScript的10个实际应用

JavaScript在网络上无处不在。它是最常用的编程语言,97.7%的网站使用JavaScript作为客户端编程语言。因此,如果你想找一份网络开发人员的工作,JavaScript技能是必不可少的。 JavaScript广泛用于构建网站和web应用程序。我们来讨论一下JavaScript在各个细分领 ......
前端 JavaScript 实际 Web

【面试实战】面试官面试模拟训练【一】

博客推行版本更新,成果积累制度,已经写过的博客还会再次更新,不断地琢磨,高质量高数量都是要追求的,工匠精神是学习必不可少的精神。因此,大家有何建议欢迎在评论区踊跃发言,你们的支持是我最大的动力,你们敢投,我就敢肝 ......
实战

vue3 vscode快捷模板

{ "Print to console": { "prefix": "v3", "body": [ "<script setup>", "import { ref, reactive, onBeforeMount, onMounted, onBeforeUpdate, onUpdated, onBe ......
模板 vscode vue3 vue

Vue2.0针对设备调节显示内容方法

一晚上完成0.2.2、0.3.0、0.3.1三个版本的更新,很高兴,总结一下 项目地址: [穆音博客](https://blog.muvocal.com) 文章首发地址:[Vue针对设备调节显示](https://blog.muvocal.com/blog/11) ## Vue中进行优化的方式 总体 ......
方法 内容 设备 Vue2 Vue

vue脚手架引入less

安装依赖 npm i less@4.1.2,npm i less-loader@6.0.0 在页面使用加上lang='less' 和scope <style lang="less" scope> .el-menu-vertical-demo:not(.el-menu--collapse) { wid ......
脚手架 less vue

vue组件-使用Vue.component全局注册组件

# 通过components注册的时`私有子组件` 例如: 在`组件A`的components节点下,注册了`组件F`。 则组件F只能用在组件A中;不能被用在`组件C`中。 # 注册`全局组件` 在vue项目的`main.js`入口文件中,通过`Vue.component()`方法,可以注册全局组件 ......
组件 全局 component vue Vue

强化学习从基础到进阶--案例与实践[7.1]:深度确定性策略梯度DDPG算法、双延迟深度确定性策略梯度TD3算法详解项目实战

强化学习从基础到进阶--案例与实践[7.1]:深度确定性策略梯度DDPG算法、双延迟深度确定性策略梯度TD3算法详解项目实战 ......
梯度 确定性 算法 深度 策略

vue-组件-使用组件的三个步骤

# 组件之间的`父子关系` ![image](https://img2023.cnblogs.com/blog/1069029/202306/1069029-20230627222336229-924412005.png) # 使用组件的`三个步骤` ![image](https://img2023 ......
组件 步骤 三个 vue

前端自适应写法--媒体查询

自适应一般什么rem,vw,vh这些单位注意一下。还有就是一些bootStrap什么的。在这里主要写一下媒体查询的方式。 使用CSS中的媒体查询来根据不同的屏幕尺寸应用不同的样式。以下是如何使用媒体查询分别为320px-480px范围内、768px-1024px范围内和大于1024px的屏幕尺寸编写 ......
写法 前端 媒体

vue透传 Attributes

### Attributes 继承​ 在此之前,先来弥补一个小知识点,vue3支持多个根节点,vue2不支持, ``` ``` “透传 attribute”指的是传递给一个组件,却没有被该组件声明为 props 或 emits 的 attribute 或者 v-on 事件监听器。最常见的例子就是 c ......
Attributes vue

vue组件-启用less语法以及唯一根节点

```js 这是用户自定义的Test.vue {{ username }} 修改用户名 123 ``` ......
节点 语法 组件 less vue

vue3 defineExpose()

使用 script setup 的组件是默认关闭的——即通过模板引用或者 $parent 链获取到的组件的公开实例,不会暴露任何在 script setup 中声明的绑定。 可以通过 defineExpose 编译器宏来显式指定在 script setup组件中要暴露出去的属性: ``` ``` 当 ......
defineExpose vue3 vue

vue模板大小写区分

HTML 标签和属性名称是不分大小写的,所以浏览器会把任何大写的字符解释为小写。这意味着当你使用 DOM 内的模板时,无论是 PascalCase 形式的组件名称、camelCase 形式的 prop 名称还是 v-on 的事件名称,都需要转换为相应等价的 kebab-case (短横线连字符) 形 ......
大小 模板 vue

vue3自定义hook

### 什么是hooks - hook是钩子的意思,看到“钩子”是不是就想到了钩子函数?事实上,hooks 还真是函数的一种写法。 - vue3 借鉴 react hooks 开发出了 Composition API ,所以也就意味着 Composition API 也能进行自定义封装 hooks。 ......
vue3 hook vue

vue组件动态缓存与动态刷新

## 动态缓存 ### 前言 在项目中,为了减少性能消耗,有时我们需要使用keep-alive把组件缓存起来,但是并不是所有组件都需要被缓存,那么如何控制那些组件需要缓存呢?主要使用到路由meta,路由前置守卫,vux,动态组件。 ### 实现 **APP.vue** ``` home test ` ......
动态 缓存 组件 vue

yolov5实战之模型剪枝

续[yolov5实战之二维码检测](https://www.cnblogs.com/haoliuhust/p/15362819.html) [toc] # 前沿 在上一篇yolov5的博客中,我们用yolov5训练了一个二维码检测器,可以用来检测图像中是否有二维码,后续可以接一个二维码解码器,就可以 ......
实战 模型 yolov5 yolov

vue3标准开发过程

1.如何用脚手架快速新建一个vue3项目 安装vue-cli后,用如下命令创建 vue create my-vue3-project 默认创建vue3项目,直接回车即可。 新建完成后,如何引入element-plus? 用Webstrom打开项目, 先运行一次npm install 然后运行npm ......
过程 标准 vue3 vue

ubuntu设置终端代理

修改**bash**的配置文件**~/.bashrc**增加两个函数 ```bash # set proxy function setproxy() { export http_proxy=socks5://192.168.4.61:7890 export HTTPS_PROXY=socks5:// ......
终端 ubuntu

vue新建项目标准流程

1、如何做到快速创建Vue 2项目: 要快速创建Vue 2项目,可以按照以下步骤进行操作: 步骤1:确保已经安装了Node.js和npm(Node.js的包管理器)。 步骤2:打开终端或命令提示符,进入你想要创建项目的目录。 步骤3:运行以下命令安装Vue CLI(命令行工具): ``` npm - ......
流程 标准 项目 vue

618技术揭秘:探究竞速榜页面核心前端技术

本文将探究京东竞速榜H5页面的核心前端技术,包括动画、样式配置化、皮肤切换、海报技术、调试技巧等方面,希望能够为广大前端开发者提供一些有用的参考和思路。 ......
竞速 技术 前端 核心 页面

vscode终端+conda 踩坑:python版本切换无效

# vscode 终端下,conda 切换版本无效 ## 现象 使用 vscode + conda 时,发现无论怎么切换环境,最终使用的都是 python2.7 ## 原因 vscode 的 path 加载机制问题, vscode 的 Path 加载过程中,默认继承了一些 PATH,当这些 PATH ......
终端 版本 vscode python conda

前端文件上传的几种交互造轮子

前端文件上传本来是一个常规交互操作,没什么特殊性可言,但是最近在做文件上传,需要实现截图粘贴上传,去找了下有没有什么好用的组件,网上提供的方法有,但是没找完整的组件来支持cv上传,经过了解发现可以用剪贴板功能让自己的cv实现文件上传,于是自己就整合了目前几种文件上传的交互方式,码了一个支持cv的vu... ......
轮子 前端 文件

PHP代码加密实战过程 Swoole Loader

帮一个客户处理一个小程序bug修复,前面不知道客户是直接购买一个倒闭的公司产品,还是破解版本的。 其中一些核心工具类代码进行了加密,通过排查就找到了 Swoole Compiler 今天演示下如何进行代码加密: 大致步骤 如下: 注册 Swoole Compiler 账号 地址:Swoole-Com ......
实战 过程 代码 Loader Swoole

vue插槽

什么是插槽 在日常的项目开发中,当我们在编写一个完整的组件时,不可避免的会引用一些外部组件或者自定义组件。 有了这种引用关系之后,我们就可以把它们称为父组件或者子组件,同时父子组件之间有很多的通信方式,比如可以通过props向子组件传递数据,或者通过$emit、$parent调用父组件中的方法。 下 ......
vue

VUE框架组件中通信方式(3)

## useAttrs 使用方式类似于props传值,useAttrs既可以传数据,也可以传事件。 如果父组件给子组件传递的参数,在子组件中同时使用props和useAttrs获取,那么参数只在props中生效,也就是说props的优先级高于useAttrs。 示例代码如下: ``` // temp ......
组件 框架 方式 VUE