前端 终端 实战vue
前端实现图片文字识别并提取
需求： 其实这个需求还是挺常见的，经常会看到一些app或网页拍一张图片或者上传一张图片则需要提取图片中的数字或文字，这里我采用了 tesseract.js 实现。这个前端插件的好处是字母和数字的识别率挺高，但对中文的识别略差，根据需求可进行取舍。 物料： 一张带有数字的图片。 效果： 代码： ind ......
Caddy 入门实战(2)--简单使用
本文主要介绍 Caddy 的实际使用，配置 Caddy 使用 Caddyfile + CLI 的方式；文中所使用到的软件版本：Centos 7.9.2009、Caddy 2.4.6。 1、配置日志 { log { output file /home/mongo/soft/caddy_2.6.4/ca ......
Docker-compose实战案例
查看系统镜像，将lesson01镜像，使用Docker-compose管理，创建6个容器 docker images 创建/opt/lesson01-cluster集群目录，并在里面创建docker-compose.yml集群文件 version: '3.1' services: lesson01- ......
【技术实战】Vue功能样式实战【六】
博客推行版本更新，成果积累制度，已经写过的博客还会再次更新，不断地琢磨，高质量高数量都是要追求的，工匠精神是学习必不可少的精神。因此，大家有何建议欢迎在评论区踊跃发言，你们的支持是我最大的动力，你们敢投，我就敢肝 ......
PHP实战手册（4）
[TOC] # 数组相关 ## shuffle 将数组所有元素打乱 ```php #!/usr/bin/php ``` ## range 范围创建数组 ` range(string|int|float $start, string|int|float $end, int|float $step = ......
WPF自定义控件实战:自制上传文件显示进度按钮
自定义控件在WPF开发中是很常见的，有时候某些控件需要契合业务或者美化统一样式，这时候就需要对控件做出一些改造。 目录 按钮设置圆角 按钮上传文件相关定义 测试代码 话不多说直接看效果 默认效果: 上传效果: 按钮设置圆角 因为按钮本身没有CornerRadius属性，所以只能重写Button的控件 ......
VUE3_动态绑定多个值
动态绑定多个值 如果你有像这样的一个包含多个 attribute 的 JavaScript 对象： const objectOfAttrs = { id: 'container', class: 'wrapper' } 通过不带参数的 v-bind，你可以将它们绑定到单个元素上： <div v-b ......
VUE3_API 风格
选项式 API (Options API) 使用选项式 API，我们可以用包含多个选项的对象来描述组件的逻辑，例如 data、methods 和 mounted。选项所定义的属性都会暴露在函数内部的 this 上，它会指向当前的组件实例 <script> export default { // da ......
vue3+TypeScript 报红色波浪线
参考：https://blog.51cto.com/u_16175453/6664719 package.json里有typescript就：npm install 没有就：npm install typescript --save ......
vue3组合式api生命周期
# 生命周期钩子函数 Vue3：[https://cn.vuejs.org/api/composition-api-lifecycle.html](https://cn.vuejs.org/api/composition-api-lifecycle.html) Vue2：[https://v2.cn ......
vue3.3实验性新特性defineModel
子父之间使用v-model双向绑定数据，子组件每次都要写emit和props觉得麻烦？ vue3.3新的实验性特性defineModel可以完全不写emit和props。 由于是实验性特性，所以需要配置之后才能使用。 修改vite.config.js： ```JavaScript export de ......
vue3在父子组件使用v-model双向绑定
父组件： ```Vue 我是父组件, {{ count }} --> --> --> --> ``` 封装一个InputBox子组件，用于数据的加减 ```Vue - + ``` # 思考： 觉得每次在子组件中定义emit和props很麻烦？vue3.3添加了一个实验性特新defineModel，详 ......
使用create-vue创建vue3项目
create-vue是vue3新的脚手架搭建项目工具，底层构建工具使用**vite**，而不是vue-cli的webpack。 但不是说你不能用以前的`vue create`命令来创建vue3项目，你完全可以用vue-cli来创建。 vite：[https://cn.vitejs.dev/guide ......
create-vue和vue-cli创建项目的差异
这里对比的是vue-cli和create-vue创建vue3项目的文件中的内容差异。 ![](https://secure2.wostatic.cn/static/8hGnxvnWx3k5xGtUz91PHw/image.png?auth_key=1691824410-cuQuMDJs76r5vvu ......
VUE
Vue是构建用户界面的渐进式JavaScript框架 尤雨溪开发的 特点： 1.采用组件化模式，提供代码复用性、且让代码更好维护 2.声明式编码，让编码人员无需直接操作DOM，提高开发效率。 3.使用虚拟DOM+优秀的Diff算法，尽量复用DOM节点。 ......
HTML 全屏水印 vue 全屏水印
HTML 全屏水印 vue 全屏水印 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>水印</title> <style> #water-div{pointer-events:none;position:fixed;top:0; ......
VUE使用模板页面并预留子页面区域
1.新建模板页面 MainLayout.vue，并在template 里面防止标签用于嵌入 子页面内容 <template> ''' 其他页面内容 '''<router-view></router-view> ''' 其他页面内容 '''</template>2.在 router的index.js ......
机器学习实战4-数据预处理
# 数据无量纲化  ## preprocessing.MinMaxScaler（归一化）  > 1. vue-cli创建的项目, 在`vue.config.js`文件里面 > > ```js > // vue.config.js > const { defineConfig } = require('@vue/cli-service'); > ......
antd vue 解决a-select下拉菜单跟随页面滚动
问题描述： antd a-select 下拉菜单 会跟着滚动一块走 官方原话：getPopupContainer菜单渲染父节点。默认渲染到 body 上，如果你遇到菜单滚动定位问题，试试修改为滚动的区域，并相对其定位 解决方案 ： 这样就ok了 :getPopupContainer="trigger ......
【腾讯云 Cloud Studio 实战训练营】用于编写、运行和调试代码的云 IDE泰裤辣
[TOC] ## 一、引言✉️ 随着互联网的的普及和发展，越来越多的程序开发项目逐渐在向云端转移，得益于互联网的传输稳定以及安全高效，使得开发人员可以在任何地方进行开发，并且可以方便与其他人员进行协同开发，共同推进项目进度。其次，随着云服务技术的不断发展，有很多的开发工具和开发环境别迁移到云端， ......
vue 全局事件总线
1. 在main.js中安装全局事件总线 // 引入vue app import Vue from "vue"; import App from "@/App"; // 关闭生产提示 Vue.config.productionTip = false // 创建vm new Vue({ el:'#ap ......
vue2生命周期、vue3生命周期、uni-app生命周期
一、生命周期 Vue 实例有一个完整的生命周期。 也就是从开始创建、初始化数据、编译模版、挂载 Dom -> 渲 染、更新 -> 渲染、卸载等一系列过程，我们称这是 Vue 的生命周期 二、vue2生命周期（钩子函数） （1）钩子函数： 在特定阶段或特定事件发生时被执行的函数 在钩子函数中可以编写逻 ......
vue 步骤条
效果图 <template> <!-- --> <div class='stepBar' v-if="list"> <dl> <dd v-for="(item, index) in list" :key="index" :class="{ actafter: index + 1 <= selecte ......
k8s实战案例之运行dubbo微服务
生产者通过注册中心，将服务注册至注册中心，消费者通过注册中心找到生产者，从而实现消费者拿到生产者的实际地址，然后直接和生产者通信；管理端通过注册中心发现生产者和消费者，通过svc来管理生产者和消费者；集群外部客户端通过负载均衡器来访问集群内部服务；dubbo产生的数据可以通过pv/pvc将数据放置外... ......
WEB实战手册－基于C++（1）
[TOC] # oat++ oat++ 是一个轻量级高性能 Web 服务开发框架，采用纯 C++ 编写而成。 - 特性： 1. 特性快速 2. 零依赖 3. 异步服务器，高性能，在单个服务器上同时处理超过 500 万个 WebSocket 连接 4. 多线程服务器（简单的 API） 5. 连接无感知 ......
Vue全家桶系~2.Vue3开篇（过渡）
# Vue全家桶 先贴一下Vue3的官方文档： > 官方API文档： ## 1.前言：新旧时代交替 ### 1.1.开发变化 1.**网络模型的变化**： 1. 以前网页大多是b/s，服务端代码混合在页面里； 2. 现在是c/s，前后端分离，通过js api(类似ajax的方式)获取json数据，把 ......
插件系列 vue2安装tailwindcss
官方网址：https://www.tailwindcss.cn/docs/installation 安装步骤： 直接安装 创建文件 tailwindcss.css main.js全局引入文件 tailwindcss.css 在项目更目录下执行初始化配置文件指令 第一步：直接安装 npm instal ......