前端 终端 实战vue
sql查询实战代码
<select id="workPage" resultType="com.shsajt.db.model.ContractWork"> select * from contract_work cw left join contract_item ci on cw.item_id = ci.id l ......
vue3结合socket实现打字机动画
<template> <div> <div>ip地址：<input type="text" placeholder="ip地址" v-model="socketIP"></div> <br /> <div>端口号：<input type="text" placeholder="端口号" v-mode ......
后端结合前端 模板渲染 显示列表
最终效果 背景知识 将HTML文件放在"templates"文件夹中可以确保Flask能够自动找到和加载它们，我没建这个文件夹所以报错了，图中是查了资料改正后的 工程结构 python文件需要放到工程的子目录 html代码 <!DOCTYPE html> <html lang="en"> <head ......
使用vue-router添加动态路由时遇到的坑
在开发后台管理的时候，用户登录时需要根据权限来分配路由，这时候可以在路由守卫里通过router.addRoute()方法动态添加路由。 import router from './router' import store from './store' import storage from '@/u ......
客户端简单使用socket.io---vue3全局挂载
socket.io官网：https://socket.io/ 使用前要先安装socket.io npm i socket.io socketIO.js import io from 'socket.io-client' export default { install: (app) => { if( ......
9.前端初步设计
空了挺长时间没写了。一些琐事耽误，然后另一方面就是在写前端。因为我不是学前端出身，所以前端相对比较弱，一下子我也搞的不是很全面，最主要的是没法讲的很细致，前端这东西吧，都说简单，但是想做的很好看那还是需要一些深入学习的。上一篇的文章是邮箱发送，意在做注册的时候发送验证码。现在页面基本完成了，毕竟登录 ......
vue中的循环遍历对象、数组和字符串
vue循环遍历对象、数组和字符串 1.循环遍历对象 1.1vue 在html里面循环遍历对象 v-for=" (val, key , i) in dimItemMap" :key="key" val-每一项 key -key值 i-第几个 <el-table-column prop="score" ......
【前端开发】前端开发者谷歌浏览器操作技巧
谷歌浏览器技巧 $_ 上次执行结果 opt键 + click 展开最外层元素 ctr+ shift + p 执行Command命令输入Capture full size screenshot 按下回车 截图全屏网页 ......
《安富莱嵌入式周报》第324期：单对以太网技术实战，IROS2023迪士尼逼真机器人展示，数百万模具CAD文件下载，闭环步进电机驱动器，CANopen全解析
周报汇总地址：http://www.armbbs.cn/forum.php?mod=forumdisplay&fid=12&filter=typeid&typeid=104 更新一期视频教程： 第8期ThreadX视频教程：应用实战，将裸机工程移植到RTOS的任务划分，驱动和应用层交互，中断DMA， ......
前端处理分页
html页面结构 <div class="pagingInfo"> <span class="page pre">上一页</span> <span class="num"><em class="curPage">1</em>/<em class="totalPage">5</em></span> < ......
linux vmstat命令实战详解
Linux vmstat命令实战详解 vmstat命令是最常见的Linux/Unix监控工具，可以展现给定时间间隔的服务器的状态值,包括服务器的CPU使用率，内存使用，虚拟内存交换情况,IO读写情况。这个命令是我查看Linux/Unix最喜爱的命令，一个是Linux/Unix都支持，二是相比top， ......
WebForm后端调用前端JS
/*注意：定义的js方法一定要放在head里面，不能放下面，否则不生效*/ <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebFormBackEndCallFrontJsD ......
22-Vue组件化编程
使用传统的方式编写应用 传统的方式，一般离不开前端的三大件（HTML、CSS、JS） HTML：HTML是超文本标记语言（Hyper Text Markup Language）是用来描述网页的一种语言，负责网页的架构 CSS：CSS是一种层叠样式表(级联样式表、样式表)，是⼀种标记语⾔，负责网页的样 ......
vue 加号增加一组控件，组内套组
一、vue 加号增加一组控件，组内套组 1、要实现功能，每组内有子组数据，子组也可以增长多条，实现如下图： 2、代码 <template> <el-col :span="24"> <el-form-item label="线路车辆：" prop="mobile"> <div class="deman ......
前端判断视频格式（H264、H265，解决谷歌chrome浏览器无法播放mp4问题）
chrome浏览器对某些mp4文件不支持，播放时只有声音没有画面。 这种情况一般是因为视频文件为H265编码，而chrome浏览器只支持H264编码的文件（谷歌没买H265的使用专利）。 解决方法一： 使用软件（格式工厂或命令行库ffmpeg）对文件进行转换，将H265转换成H264。 格式工厂： ......
Vue学习笔记（七）：绑定css样式
1 绑定class样式¶ vue为HTML绑定css中的class样式是通过v-bind实现的。 1.1 绑定单个class¶ 把需要绑定的样式class名赋值给一遍变量，然后通过变量v-bind绑定class属性，绑定后的class并不会覆盖原来的class属性，而是与原来的class进行叠加。如 ......
【接口自动化】python+selenium基础实战--登录
安装好环境后，来试试一个基本的登录功能# #-*-coding:utf-8-*-from selenium import webdriver import time driver = webdriver,Chrome() driver.get("http://localhost:63342/proj ......
【matplotlib 实战】--直方图
直方图，又称质量分布图，用于表示数据的分布情况，是一种常见的统计图表。 一般用横轴表示数据区间，纵轴表示分布情况，柱子越高，则落在该区间的数量越大。构建直方图时，首先首先就是对数据划分区间，通俗的说即是划定有几根柱子（比如，1980年~2020年的数据，每5年划分一个区间的话，共8个区间）。接着，对 ......
php 接口与前端数据交互实现
最近在做前后端数据交互的尝试，也跳了很多坑，使用的是php+bootstrap-table+js，把一些收获记录在这里，方便查询。 这个小项目，仅有3个文件，分别为： crud.html data.php crud.sql 数据交互实现1：查询 mysql 数据库建表 php查询接口 前端数据展现 ......
Redis实战管理
目录Redis 实战管理Redis 数据类型Redis 通用操作strings（字符）类型操作增删改查hash（字典）类型操作增删改查List（列表）类型操作增删改查Set（集合）类型操作增删改查Sorted-Set（有序集合）类型操作增删改查 Redis 实战管理 Redis 数据类型 Strin ......
Vue指令
： 差值表达式不能写在属性中 如：:src ={{imgUrl}}是错误的写法 ：根据删除对应的项 ：关于v-for中加上：key的作用 ：v-for中一定要加上：key 推荐使用id唯一标识 v-model :指令修饰符 :v-bind : 导航栏高亮案例 进度条案例： ： ：v-modle表单属 ......
docker入门加实战——docker安装并配置阿里云加速
docker入门加实战——docker安装并配置阿里云加速 为什么要学习docker 在开发和部署项目的过程中，经常会遇到如下问题： 软件安装包名字复杂，不知道去哪里找 安装软件和部署项目步骤复杂，容易出错 这就是我们今天要学习Docker技术要解决的问题。有了Docker以后，项目的部署会如丝般顺 ......
vue项目使用lodash节流防抖函数问题与解决
背景 在lodash函数工具库中，防抖_.debounce和节流_.throttle函数在一些频繁触发的事件中比较常用。 防抖函数_.debounce(func, [wait=0], [options=]) 创建一个 debounced（防抖动）函数，该函数会从上一次被调用后，延迟 wait 毫秒后 ......
vue $refs 获取的结果有时候是数组
在工作的时候要从接口读取数据，生成一个动态的表单 首先做的就是绑定ref 然后使用const { proxy } = getCurrentInstance();来读取ref，看了半天数据怎么不对，控制台打印后，发现是一个数组 后来观察到只要是使用v-for生成的获取ref时，即使没有重复，结果也是数 ......
App.vue 的组成部分
App.vue 文件（单文件组件）的三个组成部分：结构、样式、行为 结构通过 template 标签提供，行为通过 script 标签提供，样式通过 style 标签提供 三部分组成： template ：结构（vue2 中有且只能有一个根元素） script ：js 逻辑 style ：样式（可支 ......
Vue源码学习(九):响应式前置:实现对象的依赖收集(dep和watcher)
好家伙,这是目前为止最绕的一章,也是十分抽象的一章 由于实在太过抽象,我只能用一个不那么抽象的实例去说服我自己 完整代码已开源https://github.com/Fattiger4399/analytic-vue.git 1.我们要做什么? 来看这个例子, index.html setTimeou ......
Vue工程中 main.js 的作用、npm run serve的执行流程
1.内容： import Vue from 'vue' //导入 Vue 核心包 import App from './App.vue' //导入 App.vue 根组件 Vue.config.productionTip = false //提示当前处于什么环境（生产环境 / 开发环境），fasle ......
Vue项目的使用
解析Vue项目 // 1 为什么浏览器中访问某个地址，会显示某个页面组件 -根组件：App.Vue必须是： <template> <div id="app"> <router-view></router-view> </div> </template> -配置路由： // 先导入 import ya ......
Vue-router、localStorange
Vue-Router的使用 作用： 借助于router可以实现单页面组件之间的跳转 this.router的一些使用方法： this.$router.push(path): 相当于点击路由链接(可以返回到当前路由界面) this.$router.replace(path): 用新路由替换当前路由(不 ......