Node.js创建一个简单的WebSocket接口，Vue中连接接口，实现通信交互 WebSocket 是一种在 TCP 连接上进行全双工通信的 API 技术。相比于传统的 HTTP 类型 API，WebSocket 类型接口有着更低的延迟和更高的效率，它适用于需要长时间保持连接并实时传输数据的场景，例如在线游戏、实时聊天等服务。
Vue中使用Web Serial API连接串口，实现通信交互 Web Serial API 是一项 Web 技术，用于在浏览器中访问串行端口设备（如 Arduino、传感器等）并与之通信。它提供了一组 JavaScript 接口，使得 Web 应用程序可以通过 USB 串行端口连接到硬件设备，并进行数据发送和接收操作。
基于Vue3在线商城（Vue3+VueCLI+VueRouter+vuex+axios+Bootstrap） 基于Vue3在线商城（Vue3+VueCLI+VueRouter+vuex+axios+Bootstrap）点击系统页面“我的购物车”、“我的订单”、“加入购物车”功能按钮。5、点击结算按钮后，会移除购物车内所选的商品，留下未勾选的商品。上学期期末的实训项目，现在都快开学了，现在才将其分享出来，2、对某类商品进行数量增减进行操作，小计价格随之变化。的Mock Servers进行部署API。虽然和之前的那个javaweb商城好些了，1、对商品收货人的姓名、地址进行修改。4、计算勾选商品的数量，总价。.....
使用响应式布局设计页面——滑动菜单 使用响应式布局设计页面——滑动菜单效果展示1)宽度大于800px时，图片周围有一圈阴影。鼠标移入时阴影由大变小最后为图上所示的样子，且每个菜单项的高度发生变化;2)宽度为520px到799px之间，鼠标移入每个菜单的时候透明度增加；3)宽度为520px到799px之间，鼠标移入每个菜单的时候透明度增加；<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8">
使用CSS3动画制作导航菜单 使用CSS3动画制作导航菜单1、使用定位属性把图片“赚”和“花”设置到相对应的位置上2、使用animation属性给中间的“赚”和“花”图片设置动画，动画效果为鼠标移入“赚”图片的时候变为“赚积分”，并且是从左到右缓慢展开的效 果3、使用transition属性给右边的“论”图片设置动画，效果为鼠标移入旋转360°效果展示代码展示<!DOCTYPE html><html> <head> <meta charset="utf-8">
Vue使用双向绑定实现用户注册页面 使用双向绑定实现用户注册页面效果图展示代码展示<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://unpkg.com/vue@next"></script> <style type="text/css"> #app{ height:
HTML5 使用canvas实现画板功能(画笔颜色切换、粗细调整、清除图像) 标签定义图形，比如图表和其他图像，您必须使用脚本来绘制图形。在画布上（Canvas）画一个红色矩形，渐变矩形，彩色矩形，和一些彩色的文字。HTML5 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成. 标签只是图形容器，您必须使用脚本来绘制图形。实现画笔颜色切换画笔粗细调整清除图像绘制矩形绘制圆形创建一个画布（Canvas）<canvas id="canvas" width="900" height=500" style="border: 2px #5.
使用计算属性实现购物车功能效果（商品数量增减、单选多选计算金额和总价，） 使用计算属性实现购物车效果（商品数量增减、单选多选计算金额和总价，）涉及知识：Vue 基本指令Vue 计算属性使用 Vue 的基础语法知识，包括插值表达式与数据绑定、常用指令、计算属性等实现购物车的数据展示效果。效果图展示代码实现使用v-for循环，实现展示购物车效果<!DOCTYPE html><html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name
使用Vue指令实现数据展示，小米商城商品展示 使用Vue指令实现数据展示，小米商城商品展示涉及知识：(1)插值绑定(2)实例创建(3)常用指令效果展示代码代码gitee下载：https://gitee.com/yuhaowen/vfor_phone.gitHTML<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>实验 2 使用 Vue 指令实现数据展示 </title> &l
WebStorm2021.3将项目绑定Git上传到（gitee）码云以及pages服务部署 WebStorm2021.3将项目绑定Git上传到（gitee）码云以及pages服务部署想将本地的项目推送到远程仓库，需要提前安装Git系统Git下载、安装教程及环境配置（超详细步骤讲解，手把手指导）一、在WebStorm安装插件Git和Gitee(码云)在插件商店中搜索，并且安装插件Git和Gitee(码云)登录自己的gitee账号二、为当前项目创建本地仓库选择本地仓库地址为项目的所在地址即可项目中标注为红色的文件名为没有add过的，add后为绿色，白色表示已经c
使用Vue指令实现下拉菜单效果 使用Vue指令实现下拉菜单效果模仿重庆红岩历史革命博物馆官网的导航栏内容和效果，使用Vue实现。官网地址如下：https://www.hongyan.info/官网效果效果图片展示代码展示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"&
Vue学习笔记（二）[模板语法之内置指令，自定义指令] Vue学习笔记（二）[模板语法之内置指令、自定义指令]往期回顾Vue学习笔记（一）[模板语法、数据绑定、MVVM模型]内置指令v-show带有 v-show 的元素始终会被渲染并保留在 DOM 中。v-show 只是简单地切换元素的 display CSS property。注意，v-show 不支持 <template> 元素，也不支持 v-else。<div id="app"> <!-- <div v-show="isShow">你好
关注
