前言：开始学习vue，前期想要新建一个项目来看一下，结果踩坑，遇到了问题，但是查询得到了解决，记录如下1.安装Nodejs：首先安装nodejs，配置环境变量：下载链接：http://nodejs.cn/download/选择对应操作系统和环境的安装，并且设置bin目录到path环境变量2.确认安装npm输入npm验证安装情况：3.切换源由于某种原因，使用外国的镜像来安装会出现连接失败的情况，故要
5G工业千兆路由器利用公用无线网络为用户提供无线的数据传输功能。其高速率低延时的特点，具备无线通信组网、串口采集、远程控制、视频监控功能，广泛应用于物联网产业链中的M2M行业，智能电网、移动POS终端、供应链自动化、工业自动化、智能建筑、消防、公共安全、环保、气象、数字化医疗、遥感勘测、农业、林业、水务、煤矿、石化等多领域。5g工业千兆路由器TG463 计讯物联TG463工业级5G千兆路由器,
概述和基础讲解该项目用到的技术有：前端：jq、less、echarts、mqtt.js后端：eggjs、egg-emqtt数据库：mysql服务器：emqx（mqtt broker）硬件：板子：wemos D1 R2(设计基于 Arduino Uno R3 , 搭载esp8266 wifi模块)调试工具：mqttx、Arduino IDE v2.0.3 使用Arduino C开发必备知识：node
转载
2024-03-13 15:40:09
46阅读
写在前面Vue-Router 有两种模式，默认是 hash 模式，另外一种是 history 模式。 hash：也就是地址栏里的 # 符号。比如 http://www.example/#/hello，hash 的值为 #/hello。特点：hash 虽然出现 URL 中，但不会被包含在 HTTP 请求中，对后端不会产生什么影响，改变 URL 不会重载页面。 history：利用了 HTML5 Hi
前言 工业物联网是一个范围很大的概念，本文从数据可视化的角度介绍了一个最小化的工业物联网平台，从 Modbus 数据采集到前端数据可视化呈现的基本实现思路。这里面主要涉及基于 Modbus 通讯规约的数据采集、后台实时数据处理、前端实时数据接收、前端实时数据可视化显示。物联网平台架构主要参考了图扑物联工业物联网平台，并从中提取了部分功能进行介绍，前端数据可视化采用的是HT for Web。 由
文章目录前言HTML知识简单总结vscode快捷操作HTML知识总结HMTL结构头部身体样式表CSSlayui介绍源码 前言为了让自己的嵌入设备接入互联网，而且能互相通讯，用直接的TCP或者UDP协议肯定是不够的，在了解了目前物联网行业后，发现物联网常用的协议是mqtt协议（message queuing telemetry transport,消息队列遥测传输协议）。mqtt是一种基于发布/订
转载
2024-05-13 21:19:46
46阅读
在现代前端开发中，使用 Vue 3 作为主要框架逐渐成为趋势。然而，面对业务快速发展的需求，项目架构的设计、优化和扩展变得尤为重要。本篇文章将通过多个方面探索如何有效解决“前端 Vue 3 项目架构”问题，分享我在这方面的思考与实践经历。
### 初始技术痛点
在开始搭建 Vue 3 项目架构之前，团队面临了一些初始的技术痛点。比如，如何在日益增加的用户量与复杂度间保持良好的性能以及应用的可维
window.MQTT_URL = 'ws://xx.xxx.xx.xx:8083/mqtt'<template>
</template>
<script setup>
import * as mqtt from "mqtt/dist/mqtt.min";
const emit = defineEmits();
import {onBeforeUnmount
原创
2024-01-12 10:34:11
136阅读
工欲善其事，必先利其器，所以在开始之前选择一个合适好用的编辑器是很重要的，工具不再多，在于好用就行，除了编辑器，我们也要掌握其他的一些工具，才能够让我们在学习的道路上更加的顺畅。1. WebStorm不必多说，前端最强大的编辑器，特别是那无敌的智能提示，但是它的缺点在于如果项目多于大时，出现的卡顿让很多人苦恼。
WebStorm：官网下载地址。WebStorm 有哪些过人之处？激活WebStorm
1. 目录构建的规范命名原则：简洁 比如： src 源代码 img 图片资源 js JavaScript脚本 dep 第三方依赖包不使用复数 比如： 不使用 imgs docs根目录（root）结构按职能划分 比如： 1. src 源代码（逻辑） 2. doc 文档 3. dep 第三方依赖包 4. test 测试根据业务逻辑进行文件夹的划分 src —common 公共资源 —img -----
转载
2024-08-23 17:41:56
33阅读
Vue3 特殊属性：key,ref,isvue3 特殊属性：keyrefis key期望值：number | string特殊属性key主要用于提示Vue的虚拟DOM算法在区分新节点列表和旧节点列表时识别VNodes。没有key的时候，Vue使用一种算法来最小化元素移动，并尽可能就地修补/重用相同类型的元素。使用key，它将根据键的顺序变化对元素重新排序，而key不再存在的元素将总是被删
转载
2023-11-13 23:17:50
137阅读
一、1、vue介绍vue是一款敏捷开发的前端框架。2、vue基本使用 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="vue3.js">
转载
2023-12-27 11:59:24
82阅读
项目结构 fosung-项目名docker -- 用于docker部署镜像DockerFile -- 用于jenkins打包后自动上传docker镜像到阿里云上，当你运行run-某一个项目.ssh脚本时，会运行此文件 拉取镜像 并操作镜像 FROM 阿里云镜像位置node_nodule --
转载
2024-07-01 21:03:01
92阅读
代码svn地址 （用户名：liu，密码;123） 今天我们来创建后台和数据库1，创建ASP.NET Web API项目 生成完毕，项目结构： 运行看一下2，数据库建表我们对数据库的操作就在Controllers里的文件里，想一想这一篇原来是要做读取数据库数据生成菜单和登录登出的，所以要开始创建数据库了，菜单一张表，用户一张表，先做这两张表吧 菜单表的数据 用户表的数据3，后台构建（后面已修改为使用
转载
2024-05-07 16:24:09
104阅读
一、前言以及需求分析对于编程新手而言，个人博客是一个十分适合入门的实战项目，通过个人博客的搭建将所学的理论知识付诸实践，在实践中不断发现问题以提高自己的技术能力水平。本系列专栏将从基本的搭建Vue项目开始，到整个博客的前端开发的完成，完整的记录本次项目开发的历程和遇到的问题。所有的代码都是从需求的角度出发，个人博客项目的大致需求如下。1、登录注册功能2、发表博客3、收藏博客4、搜索博客5、删除博客
前端框架VueVue框架是一套用于构建用户界面的渐进式框架。 采用的是MVVM模式，即：通过视图与模型的双向绑定，简化前端操作。渐进式：指的是可以选择性的使用该框架的一个或多个组件，不对你的使用进行要求。 那么前端框架三巨头 ： Vue.js React.js AngularJsvue.js 的下载 （vpm下载）这里我们通过vpm的方式下载哈，首先要使用vpm，我们先下载nodejs ,下载好后
有关于移动端的适配布局一直以来都是众说纷纭，对应的解决方案也是有很多种。在《使用Flexible实现手淘H5页面的终端适配》提出了Flexible的布局方案，随着viewport单位越来越受到众多浏览器的支持，因此在《再聊移动端页面的适配》一文中提出了vw来做移动端的适配问题。到目前为止不管是哪一种方案，都还存在一定的缺陷。言外之意，还没有哪一个方案是完美的。事实上真的不完美？其
前端使用vue.js，那么怎么搭建vue.js呢先安装nodejs以及npm现在基本的nodejs都包含有npm，下载安装后，可以在cmd命令里输入node -v 和npm -v 分别查看安装的版本两个都显示了版本就是安装oknodejs安装成功之后，就安装vue直接cmd命令里运行npm install -g vue-cli (只需要第一次安装时执行)选定一个开发路径在文件里运行cmd 执行命令
搭建Vue3框架
原创
2023-08-13 00:56:39
1582阅读
Vue2项目前台开发：第一章一、项目初始化1.脚手架目录介绍2.项目的其他配置二、项目的路由分析及搭建1.项目的路由分析2.开发项目的步骤3.非路由组件的搭建4.路由组件的搭建（1）配置路由器（2）使用路由组件（3）路由组件与非路由组件的区别？（4）重定向（5）路由跳转的两种方式三、Footer组件的显示和隐藏——路由元信息四、路由传参1.复习路由跳转的两种方式2.路由传参，参数有几种写法？3.
