项目vue 03 01
Vue】Vue中mixins的使用方法及实际项目应用详解
（1）mixin基础官网解释（Vue2.x）： 混入（mixin）提供了一种非常灵活的方式，来分发Vue组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。 如何理解mixins？我们可以将mixins理解成一个数组，数组中 ......
第二章 工程化 - 基于 webpack 从零构建 vue3.x 项目基本流程
webpack 安装 1、webpack 的安装有两种方式 1、全局安装 【 不推荐 】 2、局部安装 【 推荐 】 全局安装 1、安装 webpack v4+ 版本时，需要额外加安装 webpack-cli npm install webpack webpack-cli -g 2、检查版本 web ......
Vue 学习总结笔记 (二)【转载】
Vue 学习总结笔记 (二) IT_Holmes 于 2022-01-20 20:26:32 发布 1876 收藏 20 分类专栏： Vue 全家桶 文章标签： vue.js javascript 前端 js vue 版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上 ......
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 ......
三菱PLC项目案例学习之自动寻槽铣槽机
三菱PLC项目案例学习之自动寻槽铣槽机 器件:三菱FX3UPLC,威纶通触摸屏，三菱伺服，基恩士光纤传感器，三菱变频器等。 控制方式：PLC接收恩士光纤传感器信号控制伺服驱动器寻槽，寻槽后，变频器控制高速电机带动铣刀高速完成铣槽动作。 功能：维纶触摸屏做为人机界面，程序分:自动，手动，连续，单步，高 ......
Vue选日期滚动条自动定位到选定的日期位置
html 这里的关键点就是 :id="'scroll'+index" 以及 :scroll-into-view="intoIndex" <view class="week-day-item" v-for="(item,index) in weekList" :key="index" @click=" ......
第四篇 vue - 基础 - 模版语法
模版语法 Vue 使用一种基于 HTML 的模板语法，使我们能够声明式地将其组件实例的数据绑定到呈现的 DOM 上 所有的 Vue 模板都是语法层面合法的 HTML，可以被符合规范的浏览器和 HTML 解析器解析 在底层机制中，Vue 会将模板编译成高度优化的 JavaScript 代码。结合响应式 ......
vue3中ref和shallowRef的区别
在 Vue 3 中，ref 和 shallowRef 都是用来创建响应式数据的函数，它们之间的主要区别在于它们对于传入的对象的处理方式不同。 ref 用于创建一个包装器对象，可以将基本类型值或对象转换为响应式数据。例如： import { ref } from 'vue' const count = ......
第一篇 vue - 基础 - vue 项目的构建方式
安装 node.js node.js 是一个 Javascript 的运行环境 一、node.js 是什么 ？ Node.js 不是JS应用、而是JS运行平台 Node.js 采用C++语言编写而成,是一个 Javascript 的运行环境 1、node.js 不是一门语言，不是库，不是框架，只是一 ......
第二篇 Vue 基础 - 什么是 Vue 及 vue 的基本特点
什么是 Vue Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架 它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，可以高效地开发用户界面 无论是简单还是复杂的界面，Vue 都可以胜任 最基本的 ......
第三篇 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中常用功能的配置，简化了配置工作，当 ......
西门子污水处理程序西门子Wincc+S7-300污水处理大项目
西门子污水处理程序西门子Wincc+S7-300污水处理大项目 带西门子Wincc上位机+S7-300程序 污水处理工艺总览包括： 1.进水 2.粗格栅池 3.细隔栅及曝气沉砂池 4.生物除臭池 5.氧化沟 6.配水排泥井 7.二沉池 8.储泥池及污泥脱水 9.纤维转盘滤池 10.紫外消毒及复氧池 ......
01 - 环境 - 项目建立
检测 node：node -v vue:vue -v 检测到vue' 不是内部或外部命令,也不是可运行的时 打开下列，找到vue，卸载重装即可 https://www.cnblogs.com/wencaiguagua/p/16910640.html 新建文件夹，然后cmd，输入vue <项目名> 创 ......
松下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= ......
【Spring】创建第一个Spring项目
添加依赖： 1 <!-- spring基础包spring-core --> 2 <dependency> 3 <groupId>org.springframework</groupId> 4 <artifactId>spring-core</artifactId> 5 <version>5.2.8. ......
Vue的$nextTick完成后获取渲染后的dom数据
问题是这样滴： 需要在div的内容更新后获取div的高度，如果在更新值后马上获取，则高度还是之前的，需要在$nextTick中获取，但是呢这个高度需要返回给上层函数用做比较，所以就想$nextTick返回后在处理，搜索后发现$nextTick是处理异步的一个回调函数，它返回的是一个promise对象 ......
2023 03 22 ISO21780 A
So can we or is it the right one and we just don't know or is it the exact behavior what wewhat what we think it must it must have but we have another ......
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"> <!-- 对话框内容 -- ......
[Algorithm] Dynamic programming - 01 - Drawing 2-d matrix
Problem: Levenshtein Distance Write a function that takes in two strings and returns the minimum number of edit operations that need to be performed o ......
Unity Shader案例03-------自发光效果
Shader "CLF/SetLightting" { Properties { _MainColor("MainColor", Color) = (0,0,0,1) //模型主颜色 _InSideRimColor("InSideRimColor", Color) = (1,1,1,1)//内边缘光 ......
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 开发 ......
vue3 中 pinia 的 state 修改模版绑定的 state 数据没更新？
解决方案： 给 state 增加 computed import { useLayerStore } from "@/stores/"; const layer = useLayerStore(); const layerList = computed(() => layer.layerList); ......