前端 终端 实战vue

shell实战正则三贱客——sed

shell实战正则三贱客——sed 特点及格式 sed stream editor:流编辑器,sed把处理的内容(文件),当做是水,源源不断的进行处理,一行一行读取文件,直到文件末尾。 sed 格式 命令 选项 sed命令功能 说明 参数 sed -r 's#oldboy#oldgirl#g' 单引 ......
正则 实战 shell sed

docker-项目部署-前端

3.2.部署前端 hmall-portal和hmall-admin是前端代码,需要基于nginx部署。在课前资料中已经给大家提供了nginx的部署目录: 其中: html是静态资源目录,我们需要把hmall-portal以及hmall-admin都复制进去 nginx.conf是nginx的配置文件 ......
前端 项目 docker

shell实战正则表达式

正则表达式 匹配有规律的东西:手机号,身份证号,匹配日志什么 正则表达式 ,regular expression(RE) 正则:使用一些符号表达重复出现,大小写,开头/结尾含义。 应用场景 哪些可以正则表达式 Linux三剑客使用,一些开发语言 应用场景 过滤有规律的内容,尤其是日志 正则符号 分类 ......
正则 表达式 实战 shell

Ant Design Vue <a-tabs>标签内嵌使用

<a-tabs :activeKey="activeKey" @change="handleTabChange"> <a-tab-pane v-for="(item, index) in menuList" :key="item.id" :tab="item.name" :index="index" ......
标签 Design a-tabs tabs Ant

在FastAPI中 如何既使用JinJa2模版 又使用Vue?

前言 如果你在 FastAPI 中使用 Jinja2 模板引擎,默认使用了 {% ... %} 和 {{ ... }} 这样的标记语法。 如果你需要在模板中使用 Vue.js 或其他类似的前端框架,可以通过修改 Jinja2 的标记语法避免冲突。 Jinja2 支持自定义标记语法,你可以在 Fast ......
模版 FastAPI JinJa2 JinJa Vue

vue3.0项目搭建

一、安装vue3脚手架 卸载vue2脚手架 npm uninstall -g vue-cli 清除缓存 npm cache clen --force 安装最新脚手架 npm install -g @vue/cli 查看脚手架版本 vue -V 二、构建项目 创建项目 vue create 项目名 选 ......
项目 vue3 vue

shell补-特殊玩法-color颜色实战

shell补-特殊玩法-color颜色实战 格式 echo -e "\e[1;31m红色字mygirl\E[0m" \E 也可以用\033替代。开始结尾符号(大小写不区分) [1数字1表示加粗显示(这个位置可以加不同的数字代表不同的意思,;eg1是加粗,5是blink闪烁.详细信息man conso ......
玩法 实战 颜色 shell color

人工智能中的文本分类:技术突破与实战指导

在本文中,我们全面探讨了文本分类技术的发展历程、基本原理、关键技术、深度学习的应用,以及从RNN到Transformer的技术演进。文章详细介绍了各种模型的原理和实战应用,旨在提供对文本分类技术深入理解的全面视角。 关注TechLead,分享AI全维度知识。作者拥有10+年互联网服务架构、AI产品研 ......
人工智能 实战 人工 文本 智能

vue2子组件拷贝父组件传递的参数

在 Vue2 中,父组件向子组件传递参数时,如果参数是对象或数组(即非基本数据类型),那么子组件可以直接修改这个参数,这会影响到父组件的数据。如果你想避免这种情况,你可以让子组件对父组件的传参进行深度拷贝。这样,子组件就可以自由修改拷贝后的参数,而不会影响到父组件的数据。 这是一个例子,假设父组件向 ......
组件 拷贝 参数 vue2 vue

vue3.0项目搭建

一、安装vue3脚手架 卸载vue2脚手架 npm uninstall -g vue-cli 清除缓存 npm cache clen --force 安装最新脚手架 npm install -g @vue/cli 查看脚手架版本 vue -V 二、构建项目 创建项目 vue create 项目名 选 ......
项目 vue3 vue

Chrome扩展开发实战:快速填充表单

填表单是打工人经常面对的场景,作为一个前端,我经常开发一些PC端的页面,它们主要由表单和表格构成,而输入框又是表单里最常见的表单项。接下来就试着做一个简单的小扩展,用于快速给表单里的输入框填充值。 ......
表单 实战 Chrome

Vue入门

一、vue 官网:https://cn.vuejs.org/index.html 1.1Vue的简单概述 1.1.1、介绍: Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目 ......
Vue

前端界面

规划页面结构:根据需求设计网站或应用程序的整体结构,确定页面之间的关联。 界面设计:使用设计工具(如Sketch、Photoshop等),设计页面的布局、颜色、字体等。 切图和素材准备:根据设计图将界面元素切割成图片,并准备好所需的图标、图片等素材。 编写HTML结构:使用HTML标记语言创建页面的 ......
前端 界面

vue3常见问题

异步组件内插槽无法获取组件实例 app.component( cName, defineAsyncComponent(async () => { this.registryNumber++; await setComponentOptions(component); return new Promi ......
常见问题 常见 问题 vue3 vue

vue升序降序按钮功能实现

需求:默认升序,悬浮按钮变色,点击按钮下标跟随变化。 html <div class="right" @click="change(item,index)" v-for="(item, index) in btnList" :key="index">{{item.lable}} <div class ......
升序 按钮 功能 vue

项目实战接口开发SpringBoot

目录一、springboot官方demo开发二、使用SpringBoot开发get方法接口三、一个要求携带cookie信息访问的get接口开发四、需要携带参数的get请求两种开发方式4.1 方式1:url:key=value&key=value4.2 方式2:url:ip:port/get/with ......
SpringBoot 实战 接口 项目

vue + Echarts项目中引用水波图效果

1、下载插件 npm install echarts --save npm install echarts-liquidfill --save 2、在main.js中引入 import * as echarts from 'echarts'; import 'echarts-liquidfill' ......
效果 Echarts 项目 vue

Vue2 校验不通过的表单,赋正确的值后,再次校验结果不变

前言 在工作中遇到了这个问题,多次排查,耗费了不少时间才解决这个问题。问题的解决很简单,但发现根本原因还是有点困难,因此在此做个记录,以防忘记。 问题发现步骤 例如有以下 Ant Design Vue 表单 <a-form-model ref="formRef" :model="model"> <a ......
表单 再次 结果 Vue2 Vue

Vue 图片上传formdata()传参形式

1. 接口需要设置 headers: { 'Content-Type': 'multipart/form-data' }, from-data流的形式传参 2. js html: // 文件上传<div class="file"> <el-button type="primary" style="w ......
formdata 形式 图片 Vue

vue2 中 el-table 实现树形列表,支持增删改等操作

需求场景:el-table构造一个树形列表,支持新增节点,删除,修改等操作。 实现效果 思路 一般的el-table 增删改,我们都很熟悉;关键在于实现一个纯前端的树形列表,最终再调接口存列表数据。 树形el-table,需要设置 row-key,一般为 id,所以每新增一条数据,都必须有id。需要 ......
树形 el-table table vue2 vue

.NET6+MQTT实战(1)MQTT与物联网

1.什么是MQTT? MQTT是 Message Queuing Telemetry Transport 的缩写,消息队列遥测传输协议,是一种基于发布/订阅模式的“轻量级”通讯协议,该协议构建于TCP/IP协议上。 特点:轻量、基于发布/订阅、进行报文封装之后通过TCP/IP协议(应用层协议) Ra ......
MQTT 实战 NET6 NET

HarmonyOS 实战小项目开发(二)

HarmonyOS 实战小项目开发(二) 日常逼逼叨 在上期实战项目一中,已经对于练手项目的背景,后端搭建等做了一定的简述,那么本期将结合HarmonyOS 页面搭建个人性格测试的移动端。如有一些错误,希望观众老爷们批评指正😃😃😃 首先放一个图片,是整个的一个效果,至于页面布局配色方面的问题, ......
项目开发 实战 HarmonyOS 项目

个人总结的前端命名规范

一个好的命名规范, 应该是简单的,方便记忆的;如非必要,不要新增新的命名规则;相似的类型,命名规则应该是一样,比如文件夹和文件名;差异很大的类型则需要有所区分,比如变量和常量的命名,因为常量是不能被修改的,内部变量和外部变量亦如此,人们可以借此很明显的区分是否可以函数区块外面使用;(通常来说 , 常 ......
前端 个人

【前端面试必读】在js中为什么0.1+0.2不等于0.3

原因在于在JS中采用的IEEE 754的双精度标准,计算机内部存储数据的编码的时候,0.1在计算机内部根本就不是精确的0.1,而是一个有舍入误差的0.1。当代码被编译或解释后,0.1已经被四舍五入成一个与之很接近的计算机内部数字,以至于计算还没开始,一个很小的舍入错误就已经产生了。这也就是 0.1 ......
前端 0.1 0.2 0.3

vue路由切换时内容组件的滚动条回到顶部

vue路由切换时内容组件的滚动条回到顶部:https://blog.csdn.net/Macao7_W/article/details/125517519?ops_request_misc=%257B%2522request%255Fid%2522%253A%25221702523730168001 ......
路由 组件 顶部 内容 vue

软件测试/人工智能|人工智能与自动化测试结合实战-探索人工智能在测试领域中的应用

人工智能与测试结合现状 最近在各个行业技术会议上,出现了越来越多的人工智能与测试结合的topic。比如最近几个跟人工智能相关的内容。 议题 公司 基于AIGC的蚂蚁新一代测试用例自动生成技术 蚂蚁集团 百度单元测试智能生成实践 百度 基于代码地图的组件测试用例自动生成实践 华为 类chatGPT大语 ......

vue中echarts图表(二)---折柱混合

一、安装 npm i echarts--save 二、引入 //全局引入 import echarts from 'echarts' Vue.prototype.$echarts = echarts //局部【这里使用局部引入】 import echarts from 'echarts'; 三、代码 ......
图表 echarts vue

Vue2添加路由后界面变成空白

在vue2中,每当我添加路由选项的时候,vscode并不会报错,运行后连原本的东西都不见了 也尝试了一下网上搜索的方案,如加上history等等 经过一番摸索发现是导入router的语句导入到了最新版本的router,最新版本的router是匹配的vue3,导致页面一片空白 解决方法就将原来的rou ......
路由 空白 界面 Vue2 Vue

听懂未来:AI语音识别技术的进步与实战

本文全面探索了语音识别技术,从其历史起源、关键技术发展到广泛的实际应用案例,揭示了这一领域的快速进步和深远影响。文章深入分析了语音识别在日常生活及各行业中的变革作用,展望了其未来发展趋势。 关注TechLead,分享AI全维度知识。作者拥有10+年互联网服务架构、AI产品研发经验、团队管理经验,同济 ......
实战 语音 技术

vue中echarts图表---正负轴柱状图

一、安装 npm i echarts--save 二、引入 //全局引入 import echarts from 'echarts' Vue.prototype.$echarts = echarts //局部【这里使用局部引入】 import echarts from 'echarts'; 三、代码 ......
正负 图表 echarts vue