接口 通讯 链接vue
第三章 工程化 - 基于 webpack 从零构建 vue3.x 项目基本流程二
bable 概述 1、babel 是什么 babel 是把 最新特性、浏览器无法兼容的代码，编译成浏览器可识别的代码（低版本浏览器对新特性的支持不友好），就比如 箭头函数，经过 babel 的转化后，就会变成 普通的函数 2、babel 的 3 种使用方式 1、使用单体文件 2、命令行 【 babe ......
昆仑通态MCGS与台达伺服ASD-B2 通讯控制案例
昆仑通态MCGS与台达伺服ASD-B2 通讯控制案例功能：通过昆仑通态MCGS触摸屏实现与台达ASD B2通讯控制，全通讯控制台达 B2驱动器速度设置，速度选择，速度启动，带扭矩限制速度控制，扭矩限制通讯设置。 配件：昆仑通态MCGS触摸屏，台达ASD B2伺服驱动器+伺服电机。 CN1接线端子，C ......
三菱FX5U专用指令通讯三台E700变频器程序资料
三菱FX5U专用指令通讯三台E700变频器程序资料 硬件:三菱FX5U PLC一台，三菱E700或D700变频器,新的F和A系列一样支持。 功能:采用IVDR.IVCK等指令，除了rtu协议可以实现的启停，频率设定，运行频率，电流等数据的读取外，还可以实现变频器参数的设定及读取，本例中只利举实现了四 ......
Vue】Vue中mixins的使用方法及实际项目应用详解
（1）mixin基础官网解释（Vue2.x）： 混入（mixin）提供了一种非常灵活的方式，来分发Vue组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。 如何理解mixins？我们可以将mixins理解成一个数组，数组中 ......
Vue 学习总结笔记 (二)【转载】
Vue 学习总结笔记 (二) IT_Holmes 于 2022-01-20 20:26:32 发布 1876 收藏 20 分类专栏： Vue 全家桶 文章标签： vue.js javascript 前端 js vue 版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上 ......
第二章 工程化 - 基于 webpack 从零构建 vue3.x 项目基本流程
webpack 安装 1、webpack 的安装有两种方式 1、全局安装 【 不推荐 】 2、局部安装 【 推荐 】 全局安装 1、安装 webpack v4+ 版本时，需要额外加安装 webpack-cli npm install webpack webpack-cli -g 2、检查版本 web ......
vue全家桶进阶之路21：Vue Loader 打包单位件组件
Vue Loader 是一个 webpack 插件，它允许在单个文件中定义 Vue 组件，并将其包装为 CommonJS 模块，以便在应用程序中使用。使用 Vue Loader 打包的组件被称为单文件组件（Single File Components，SFCs），因为它们将 HTML、CSS 和 J ......
Vue 学习总结笔记 (一)【转载】
Vue 学习总结笔记 (一) IT_Holmes 于 2022-01-18 17:42:17 发布 6302 收藏 159 分类专栏： Vue 全家桶 文章标签： vue.js 前端框架 前端 js javascript 版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请 ......
vue按钮权限自定义指令
// 路由对象 { path: 'button-permission', component: () => import('@/views/NestedExample/PageButtonPermission'), name: 'PageButtonPermission', meta: { titl ......
Vue选日期滚动条自动定位到选定的日期位置
html 这里的关键点就是 :id="'scroll'+index" 以及 :scroll-into-view="intoIndex" <view class="week-day-item" v-for="(item,index) in weekList" :key="index" @click=" ......
三菱FX3U与三菱变频器 modbus RTU通讯案例
三菱FX3U与三菱变频器 modbus RTU通讯案例 器件：三菱FX3U PLC+FX3U 485BD，三菱E740变频器，昆仑通态触摸屏，威纶通 功能：采用485方式，modbus RTU协议。 与变频器通讯，控制启停，频率，加减速时间设定，频率，电流电压的读取。 说明：是程序非实物，包括有注释 ......
FX3U使用FB方式，三菱专用指令通讯四台三菱E700变頻器示例程序
FX3U使用FB方式，三菱专用指令通讯四台三菱E700变頻器示例程序 需要硬件：fx3u fx3s fx3g（ver1.1以上），配套485bd通讯扩展板，三菱E500,E700,D700,S500等支持三菱专用协议变频器。 采用FB方式编写，功能块调用，程序易懂明了，想增加更多台很方便。 可实现功 ......
第四篇 vue - 基础 - 模版语法
模版语法 Vue 使用一种基于 HTML 的模板语法，使我们能够声明式地将其组件实例的数据绑定到呈现的 DOM 上 所有的 Vue 模板都是语法层面合法的 HTML，可以被符合规范的浏览器和 HTML 解析器解析 在底层机制中，Vue 会将模板编译成高度优化的 JavaScript 代码。结合响应式 ......
vue3中ref和shallowRef的区别
在 Vue 3 中，ref 和 shallowRef 都是用来创建响应式数据的函数，它们之间的主要区别在于它们对于传入的对象的处理方式不同。 ref 用于创建一个包装器对象，可以将基本类型值或对象转换为响应式数据。例如： import { ref } from 'vue' const count = ......
昆仑通态通讯ABB ACS510变频器恒压供水
昆仑通态通讯ABB ACS510变频器恒压供水（一拖一到四 ABB变频器恒压供水触摸屏通讯程序 1.采用ABB变频器Acs510 自带恒压供水功能； 2.用昆仑通态触摸屏直接通讯变频器； 3.变频器自身自带供水功能，省去plc，节约成本，稳定，可靠； 4.里面含有部分通讯协议，本程序只读取部分变频器 ......
第二篇 Vue 基础 - 什么是 Vue 及 vue 的基本特点
什么是 Vue Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架 它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，可以高效地开发用户界面 无论是简单还是复杂的界面，Vue 都可以胜任 最基本的 ......
第一篇 vue - 基础 - vue 项目的构建方式
安装 node.js node.js 是一个 Javascript 的运行环境 一、node.js 是什么 ？ Node.js 不是JS应用、而是JS运行平台 Node.js 采用C++语言编写而成,是一个 Javascript 的运行环境 1、node.js 不是一门语言，不是库，不是框架，只是一 ......
第三篇 vue - 基础 - 创建一个 Vue 应用、应用实例讲解
创建一个 Vue 应用 当前介绍如何在本地搭建 Vue 单页应用。创建的项目将使用基于 Vite 的构建设置，并允许我们使用 Vue 的单文件组件 (SFC) 确保已经安装了最新版本的 Node.js，然后在命令行中运行以下命令 npm init vite vue@latest 这一指令将会安装并执 ......
webpack.config.js和vue.config.js的区别
webpack.config.js是webpack的配置文件，所有使用webpack作为打包工具的项目都可以使用，vue的项目可以使用，react的项目也可以使用。 vue.config.js是vue项目的配置文件，专用于vue项目。通过vue.config.js中常用功能的配置，简化了配置工作，当 ......
松下PLC编程 FP-XH 10轴定位 松下PLC项目实例，两台CPU间通过RS485通讯
松下PLC编程 FP-XH 10轴定位 松下PLC项目实例，两台CPU间通过RS485通讯，10轴定位控制。 轴控制程序采用FB，直观可靠，可以重复使用，使用时只需要对fb接口赋值即可，内部已经对系统寄存器做好了处理。 拥有此fb，编程小白也能像高手一般轻松做伺服控制。 整个网络使用RS485,两台 ......
vue 横向滚动菜单点击居中
最近在写项目的时候遇到一个功能 vue 横向滚动菜单实现点击 元素滚动可视区域居中，网上找了一些轮子都不是很好用，决定自己写一个，话不多说，开撸 先上效果如下，点击后面item可自动滚动到可视区域 在template中的代码 <div class="navbar-list"> <div class= ......
第五篇 html5 - 新特性【 网络监听接口 + 全屏接口 】
html5 新增 网络监听接口 1、online 2、offline online 网络联通的时候触发这个事件 window.addEventListener("online", function () { console.log( "连接上网络了！" ) }) offline 网络断开的手触发这个 ......
Vue的$nextTick完成后获取渲染后的dom数据
问题是这样滴： 需要在div的内容更新后获取div的高度，如果在更新值后马上获取，则高度还是之前的，需要在$nextTick中获取，但是呢这个高度需要返回给上层函数用做比较，所以就想$nextTick返回后在处理，搜索后发现$nextTick是处理异步的一个回调函数，它返回的是一个promise对象 ......
vue全家桶进阶之路20：ECMAScript脚本语言规范
ECMAScript（简称 ES）是一种由 Ecma 国际组织定义的脚本语言标准，它定义了 JavaScript 语言的基本规范和特性。JavaScript 是一种基于 ECMAScript 标准的编程语言，因此 ECMAScript 对于 JavaScript 开发来说非常重要。 ECMAScri ......
el-dialog在vue3中的应用
一般根据文档给到的demo，其中:visible.sync控制显示隐藏，我实测不行的呢?改用v-model=“dialogVisible”来实现 <template> <el-dialog title="提示" :visible.sync="dialogVisible"> <!-- 对话框内容 -- ......
Vue和JS前端网页下载保存图片到本地电脑中
//保存图片 clickSaveImage(url) { let image = new Image(); // 解决跨域 canvas污染问题 image.setAttribute('crossOrigin', 'anonymous') image.src = url + '?time=' + n ......
VUE SSR
1 简介 概念：ssr（server side render）服务端渲染 优点： 1.有利于搜索引擎的SEO操作，由于搜索引擎爬取的是完全渲染出来的页面。 2.对于网络慢或运行慢的设备，可提供良好的用户体验。 3.可以减少对服务器的请求。 缺点： 1.开发受限制，比如mounted生命周期钩子不能用 ......
vue全家桶进阶之路19：webpack资源打包工具
Vue.js 是一个前端开发框架，它可以帮助我们快速构建单页应用和复杂的交互界面。而 Webpack 则是一个前端资源打包工具，它可以将多个 JavaScript、CSS、HTML、图片等资源打包成一个或多个文件，并提供模块化加载、压缩、混淆等功能，以便于前端开发和部署。 在使用 Vue.js 开发 ......
接口
接口（Interface） 1. 快速入门 package com.interface_; public interface UsbInterface { // 接口 （制定规范） // 规定接口的相关方法，老师规定的，即规范 public void start(); public void sto ......