一、项目简介本项目基于纯前端（移动端）技术开发一个聊天系统，界面美观大方，采用Nodejs+Vue+ElemenetUI开发实现，主要包含：登录注册，修改个人资料，更改头像，发送消息，单对单聊天等。二、环境介绍语言环境：nodejs数据库：MySQL应用服务器：nodejs开发工具：vscode开发技术：nodejs+vue+elementUI

在工作学习之余玩一会游戏既能带来快乐，还能缓解生活压力，跟随此文一起制作一个小游戏吧。描述：石头剪子布，是一种猜拳游戏。起源于中国，然后传到日本、朝鲜等地，随着亚欧贸易的不断发展它传到了欧洲，到了近现代逐渐风靡世界。简单明了的规则，使得石头剪子布没有任何规则漏洞可钻，单次玩法比拼运气，多回合玩法比拼心理博弈，使得石头剪子布这个古老的游戏同时用于“意外”与“技术”两种特性，深受世界人民喜爱。游戏规则

要求是页面对应的几个模块每次打开都要显示多个不同的随机颜色，点击刷新则显示的颜色改变。我就封装成了一个函数，有不足的地方，还希望多多指点。代码如下。步骤：1. 封装一个函数2. 使用for循环，需要使用多少个背景色，就循环几次3. 使用Math.floor()下舍入，把获取到的值进行取整4. 使用Math.random()方法获取随机数5. toString(16)转换为16进制6. 点击刷新则重

Vue-cli 是Vue2.0最棒的前端构建工具，是WebPack的超集Vue-cli 基于WebPack构建，配置好了打包规则内置了热模块重载的开发服务器有丰富的官方插件合集，站在webpack庞大的社区资源上友好的图形化创建和管理Vue项目界面 :vue uivue-cli在(前端)服务启动之前，要把所有代码打包成Bundle再启动服务，这也是为什么一个些大型项目 启动时，特别慢的原因。这一点

什么是响应式数据？“响应式”，是指当数据改变后，Vue 会通知到使用该数据的代码。例如，视图渲染中使用了数据，数据改变后，视图也会自动更新。采用“数据劫持”结合“发布者-订阅者”模式的方式，通过“Object.defineProperty()”方法来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。

前言：大家都知道，一般情况下，输入框的密码我们是看不到密码的，只有当我们点击查看密码的小图标时，密码才会显现出来，实现起来也非常简单，通过点击图标让input的type属性变化即可。代码讲解：使用Color的true或false判断显示图标的样式，input框则使用Type的样式进行显示，@click="Show"点击修改密码的显示或者隐藏

在程序世界里，修饰符是用于限定类型以及类型成员的声明的一种符号。在Vue中，修饰符处理了许多DOM事件的细节，让我们不再需要花大量的时间去处理这些烦恼的事情，而能有更多的精力专注于程序的逻辑处理vue中修饰符分为以下五种：表单修饰符事件修饰符鼠标按键修饰符键值修饰符v-bind修饰符

- `Pinia` 是 `Vue` 的专属状态管理库，它允许你跨组件或页面共享状态。- `Pinia` 是 `Vuex4` 的升级版，也就是 `Vuex5`- `Pinia` 极大的简化了 `Vuex` 的使用，是 `Vue3` 的新的状态管理工具- `Pinia` 对 `ts` 的支持更好，性能更优， 体积更小，无 `mutations`，可用于 `Vue2` 和 `Vue3`- `Pinia`

vue 中路由（router）的功能就是：把 url 与 应用中的对应的组件进行关联，通过不同的 url 访问不同的组件。但是如果我们想要获取路由中的信息改如何做呢，今天我就给大家详细讲解一下如何获取路由的详细信息。获取路由信息的代码为：this.$router.options.routes

- `Pinia` 是 `Vue` 的专属状态管理库，它允许你跨组件或页面共享状态。- `Pinia` 是 `Vuex4` 的升级版，也就是 `Vuex5`- `Pinia` 极大的简化了 `Vuex` 的使用，是 `Vue3` 的新的状态管理工具- `Pinia` 对 `ts` 的支持更好，性能更优， 体积更小，无 `mutations`，可用于 `Vue2` 和 `Vue3`- `Pinia`