template> viewclass="classify"> viewclass="cate-left"> view:class="['cate-item',activeIndex==index?'active':'']"v-for="(item,index)incateList":key="index" @click="changeActive(index)">{{item.classifyName}}view> view> viewclass="cate-right"> viewclass="cate-content"v-for="(it,id)in30":key
template> viewclass="classify"> viewclass="cate-left"> view:class="['cate-item',activeIndex==index?'active':'']"v-for="(item,index)incateList":key="index" @click="changeActive(index)">{{item.classifyName}}view> view> viewclass="cate-right"> viewclass="cate-content"v-for="(it,id)in30":key
小程序打包发布1、小程序的打包发布很简单，只需要将程序运行到微信开发者工具中，然后点击右上角的上传按钮即可我们这里的上传按钮不能点击是因为没有配置微信小程序AppID打开项目的manifest.json，选中微信小程序配置，填入微信公众平台申请的AppID即可，没有的话注册一个就行了：注册小程序。然后在开发->开发设置中找到AppID填入即可然后就可以上传了2、需要注意的是，上线时，我们的接口地址如果本地的还需要改成线上的地址还需要将这个线上的接口地址域名配置到公众平台的开发->服务器域名中3、字体图标现在是放到本地了，真正上线时可以把字体图标放到公司服务器，然后这里的路径改为服务器上的地址还
小程序打包发布1、小程序的打包发布很简单，只需要将程序运行到微信开发者工具中，然后点击右上角的上传按钮即可我们这里的上传按钮不能点击是因为没有配置微信小程序AppID打开项目的manifest.json，选中微信小程序配置，填入微信公众平台申请的AppID即可，没有的话注册一个就行了：注册小程序。然后在开发->开发设置中找到AppID填入即可然后就可以上传了2、需要注意的是，上线时，我们的接口地址如果本地的还需要改成线上的地址还需要将这个线上的接口地址域名配置到公众平台的开发->服务器域名中3、字体图标现在是放到本地了，真正上线时可以把字体图标放到公司服务器，然后这里的路径改为服务器上的地址还
1、问题 在开发微信小程序的时候，我们需要当前的微信小程序用户和我们的后台用户建立关联，这个时候，我们就需要通过微信官方提供的登录能力方便地获取微信提供的用户身份标识，快速建立小程序内的用户体系。 我们可以获取微信小程序用户的openid作为唯一标识，和后台用户进行绑定，获取方式也比较简单，这里做一下记录，方便后续可以快速查找并使用。2、uni提供的login()方法 因为要基于uni-app项目进行开发，所以我们需要了解uni提供的login()方法，具体支持如下：关于uni的login()方法的详细用法，可以参考《uni-app官方文档》。3、微信小程序的登录登录流程时序 首先，调
1、问题 在开发微信小程序的时候，我们需要当前的微信小程序用户和我们的后台用户建立关联，这个时候，我们就需要通过微信官方提供的登录能力方便地获取微信提供的用户身份标识，快速建立小程序内的用户体系。 我们可以获取微信小程序用户的openid作为唯一标识，和后台用户进行绑定，获取方式也比较简单，这里做一下记录，方便后续可以快速查找并使用。2、uni提供的login()方法 因为要基于uni-app项目进行开发，所以我们需要了解uni提供的login()方法，具体支持如下：关于uni的login()方法的详细用法，可以参考《uni-app官方文档》。3、微信小程序的登录登录流程时序 首先，调
之前学习使用uni-app简单实现一个在线聊天的功能，今天记录一下项目核心功能的实现过程。页面UI以及功能逻辑全部来源于微信，即时聊天业务的实现使用socket.io，前端使用uni-app开发，后端服务器基于node实现，数据库选择mongoDB。首先在系统中注册两个用户，将对方添加为好友后，开始正常聊天，先简单看一下聊天功能的效果图，分为私聊和群聊两大部分一对一聊天效果：在好友列表中添加群成员创建群后即可群聊，群聊效果：目录聊天信息列表的渲染聊天信息发送的相关问题实现一对一聊天关于websocket建立连接存储连接的用户发送聊天信息 首页新消息提示实现群聊加入房间发送群消息聊天信息列表的渲
之前学习使用uni-app简单实现一个在线聊天的功能，今天记录一下项目核心功能的实现过程。页面UI以及功能逻辑全部来源于微信，即时聊天业务的实现使用socket.io，前端使用uni-app开发，后端服务器基于node实现，数据库选择mongoDB。首先在系统中注册两个用户，将对方添加为好友后，开始正常聊天，先简单看一下聊天功能的效果图，分为私聊和群聊两大部分一对一聊天效果：在好友列表中添加群成员创建群后即可群聊，群聊效果：目录聊天信息列表的渲染聊天信息发送的相关问题实现一对一聊天关于websocket建立连接存储连接的用户发送聊天信息 首页新消息提示实现群聊加入房间发送群消息聊天信息列表的渲
总体思路其实跟H5的无差；获取当前抛物线起始位置的坐标获取购物车图标的坐标通过创建一个图标从起始坐标点到终止坐标点的动画效果（延时一秒），这样就造成一个抛物线的假象了。上代码：其中animationElStatus是需要动态计算起始及终止坐标点位置后的动态样式。此html样式，会在每次点击加入购物车时，动态写入style后触发，将img掉入购物车位置注意这里的变量animationElStatus，使用模板字符串连接时，不能折行，不能忘记分号隔开样式this.animationElStatus=top:${endPoint.top}px;left:${endPoint.left}px;tran
总体思路其实跟H5的无差；获取当前抛物线起始位置的坐标获取购物车图标的坐标通过创建一个图标从起始坐标点到终止坐标点的动画效果（延时一秒），这样就造成一个抛物线的假象了。上代码：其中animationElStatus是需要动态计算起始及终止坐标点位置后的动态样式。此html样式，会在每次点击加入购物车时，动态写入style后触发，将img掉入购物车位置注意这里的变量animationElStatus，使用模板字符串连接时，不能折行，不能忘记分号隔开样式this.animationElStatus=top:${endPoint.top}px;left:${endPoint.left}px;tran
