前端
2019ab
没有事情就在CSDN
展开
-
Vue3中Pinia状态管理库学习笔记
store/counter.jspinia的核心Statestore/user.jspinia的核心Gettersstore/counter.js网络请求stores/counterstores/home感谢大家观看,我们下次见原创 2024-03-14 21:14:21 · 1144 阅读 · 0 评论 -
Vue3中Vuex状态管理库学习笔记
引入 store/index.js。原创 2024-03-03 13:13:02 · 971 阅读 · 0 评论 -
Vue3--Vue Router详解--学习笔记
Vue-Router的使用,学习笔记。欢迎大家观看指正...原创 2023-11-19 19:10:43 · 436 阅读 · 0 评论 -
Vue3-Composition-API-学习笔记
Vue3的Composition-API开发模式,学习笔记原创 2023-11-10 22:52:40 · 674 阅读 · 0 评论 -
微信小程序解决wx.getUserProfile is not a function 问题
第一步,把基础库设置成,2.16.0。第三步,重新加载编译程序。第二步,清除所有缓存。第四步,查看成功打印。原创 2022-10-25 17:58:08 · 847 阅读 · 0 评论 -
uni-app 69发送消息接口开发-单聊(二)
app/controller/chat.js// app/controller/chat.jsconst Controller = require('egg').Controller;class ChatController extends Controller { // 连接socket async connect() { const { ctx, app } = this; if (!ctx.websocket) { c.原创 2021-10-18 09:24:04 · 161 阅读 · 0 评论 -
uni-app 68 egg.js发送消息接口开发-单聊(一)
router.js // 发送消息 router.post('/chat/send',controller.chat.send);app/controller/chat.js// app/controller/chat.jsconst Controller = require('egg').Controller;class ChatController extends Controller { // 连接socket async connect() { .原创 2021-10-15 09:14:41 · 312 阅读 · 0 评论 -
uni-app 67聊天类封装(四)-创建销毁聊天对象
chat.jsimport $U from "./util.js";class chat { constructor(arg) { this.url = arg.url this.isOnline = false this.socket = null // 获取当前用户相关信息 let user = $U.getStorage('user'); this.user = user ? JSON.parse(user) : {}, // 初始化聊天对象 this.T.原创 2021-10-14 10:01:57 · 270 阅读 · 0 评论 -
uni-app 66聊天类chat.js封装(三)
chat.jsimport $U from "./util.js";class chat { constructor(arg) { this.url = arg.url this.isOnline = false this.socket = null // 获取当前用户相关信息 let user = $U.getStorage('user'); this.user = user ? JSON.parse(user) : {} // 连接和监听 if(this.u.原创 2021-10-13 14:59:27 · 610 阅读 · 0 评论 -
uni-app 65egg.js聊天类chat.js封装(二)
chat.jsimport $U from "./util.js";class chat { constructor(arg) { this.url = arg.url this.isOnline = false this.socket = null // 获取当前用户相关信息 let user = $U.getStorage('user'); this.user = user ? JSON.parse(user) : {} // 连接和监听 if(this.u.原创 2021-10-12 09:28:49 · 308 阅读 · 0 评论 -
uni-app 63egg.js后端用户上线和下线深度剖析
router.js'use strict';/** * @param {Egg.Application} app - egg application */module.exports = app => { const { router, controller } = app; router.get('/', controller.home.index); // 用户注册 router.post('/reg',controller.user.reg); // 登录 .原创 2021-10-09 09:39:58 · 183 阅读 · 0 评论 -
uni-app 61完善几个小问题
apply-list.vue<template> <view class="page"> <!-- 导航栏 --> <free-nav-bar title="好友申请列表" showBack :showRight="false"> </free-nav-bar> <free-list-item v-for="(item,index) in applyList" :key="index" :title="item..原创 2021-10-08 10:29:31 · 184 阅读 · 0 评论 -
uni-app 23登录注册页
直接看效果图如下是主页面代码login.nvue<template> <view class=""> <view v-if="show" class="position-fixed top-0 bottom-0 left-0 right-0 bg-light flex align-center justify-center"> <text class="text-muted font">正在加载...</text> .原创 2021-09-24 09:20:07 · 1179 阅读 · 0 评论 -
uni-app 22发布朋友圈页面
直接上效果图下面是页面代码add-moment.nvue<template> <view class="px-3"> <!-- 导航栏 --> <free-nav-bar showBack :showRight="true"> <free-main-button name="发表" slot="right" @click="submit"></free-main-button> </free-n.原创 2021-09-23 09:30:33 · 707 阅读 · 2 评论 -
uni-app 21公共搜索页开发
不废话,直接上图下图是代码search.nvue<template> <view class="page"> <!-- 导航栏 --> <free-nav-bar title="我的收藏" showBack :showRight="false"> <input type="text" value="" placeholder="请输入关键字" style="width: 650rpx;" class="font-md" /.原创 2021-09-19 09:17:13 · 233 阅读 · 0 评论 -
uni-app 20收藏列表开发
效果图代码fava.nvue<template> <view class="page"> <!-- 导航栏 --> <free-nav-bar title="我的收藏" showBack :showRight="false"></free-nav-bar> <view class="pt-3 px-3"> <view class="bg-white rounded p-3"> &l.原创 2021-09-18 09:20:39 · 397 阅读 · 0 评论 -
uni-app 19二维码名片页开发
不废话先看效果图,由于我们没有二维码名片所以先用一个照片代替下面是代码部分code.nvue<template> <view class="page"> <!-- 导航栏 --> <free-nav-bar title="二维码名片" showBack :showRight="false"></free-nav-bar> <view class="p-5"> <view class="bg.原创 2021-09-17 09:23:43 · 235 阅读 · 0 评论 -
uni-app 18个人资料设置开发
先看效果图代码如下图所示userinfo.nvue<template> <view class="page"> <!-- 导航栏 --> <free-nav-bar title="个人资料" showBack :showRight="false"></free-nav-bar> <free-list-item title="头像" showRight :showLeftIcon="false" @click="u.原创 2021-09-15 09:23:44 · 1571 阅读 · 1 评论 -
uni-app 17朋友圈开发
不废话,直接看效果图下面是实现代码moments.nvue<template> <view> <free-transparent-bar :scrollTop="scrollTop"></free-transparent-bar> <view class="position-relative" style="height: 620rpx;"> <image src="https://douyinzcmcss.o.原创 2021-09-14 09:25:59 · 264 阅读 · 0 评论 -
uni-app 16用户投诉开发
用户投诉user-report.nvue<template> <view class="page"> <!-- 导航栏 --> <free-nav-bar title="用户投诉" showBack :showRight="true" bgColor="bg-white"> <free-main-button name="投诉" slot="right" @click="submit"></free-main-butt.原创 2021-09-13 09:30:21 · 442 阅读 · 0 评论 -
uni-app 15推荐名片功能
实现推荐名片的设计,并且把推荐名片弹出层封装成组件send-card.nvue<template> <view class="page"> <!-- 导航栏 --> <free-nav-bar title="选择" showBack :showRight="true"> <free-main-button :name="muliSelect ? '发送 ('+selectCount+')' : '多选'" slot="right".原创 2021-09-10 09:32:19 · 335 阅读 · 0 评论 -
uni-app 14通讯录索引列功能
这一块主要讲了,微信通讯录右边的音文字母的联动效果mail.nvue<template> <view> <!-- 导航栏 --> <free-nav-bar title="通讯录"></free-nav-bar> <!-- 通讯录列表 --> <scroll-view scroll-y="true" :style="'height:'+scrollHeight+'px;'" :scroll-into-.原创 2021-09-09 09:26:21 · 1016 阅读 · 0 评论 -
uni-app 13标星朋友和加入移出黑名单
页面代码 user-base.nvue<template> <view class="page"> <!-- 导航栏 --> <free-nav-bar showBack :showRight="true" bgColor="bg-white"> <free-icon-button slot="right"><text class="iconfont font-md" @click="openAction">&am.原创 2021-09-08 09:20:08 · 225 阅读 · 0 评论 -
uni-app 12.1设置朋友圈动态权限
设置朋友圈权限页面 user-moments-auth.nvue<template> <view class="page"> <!-- 导航栏 --> <free-nav-bar title="设置朋友圈动态权限" showBack :showRight="false"> </free-nav-bar> <free-list-item title="不让他看我" :showLeftIcon="false" sho.原创 2021-09-07 09:20:32 · 179 阅读 · 0 评论 -
uni-app 11设置备注和标签页
设置备注页 user-tag-set.nvue<template> <view class="page"> <!-- 导航栏 --> <free-nav-bar title="设置备注和标签" showBack :showRight="true"> <free-main-button name="完成" slot="right" @click="submit"></free-main-button> <.原创 2021-09-06 09:32:04 · 1145 阅读 · 2 评论 -
uni-app 10.3个人设置页开发(三)操作菜单
主页面代码 user-base.nvue <template> <view class="page"> <!-- 导航栏 --> <free-nav-bar showBack :showRight="true" bgColor="bg-white"> <free-icon-button slot="right"><text class="iconfont font-md" @click="openAction">&.原创 2021-09-05 18:21:35 · 294 阅读 · 0 评论 -
uni-app 10.2个人设置页开发(二)
页面 user-base.nvue<template> <view class="page"> <!-- 导航栏 --> <free-nav-bar showBack :showRight="true" bgColor="bg-white"> <free-icon-button slot="right"><text class="iconfont font-md" @click="openChat">&#x.原创 2021-09-04 18:34:43 · 429 阅读 · 0 评论 -
uni-app 9.3聊天信息设置页(三)
聊天信息页 chat-set.nvue<template> <view style="background-color: #EDEDED;"> <!-- 导航栏 --> <free-nav-bar title="聊天信息" showBack :showRight="false"></free-nav-bar> <view class="flex flex-wrap py-3 bg-white"> <vie.原创 2021-09-02 09:20:56 · 223 阅读 · 0 评论 -
egg.js 24.1创建egg.js项目
安装egg.js全局切换镜像: npm config set registry https://registry.npm.taobao.org我们推荐直接使用脚手架,只需几条简单指令,即可快速生成项目(npm >=6.1.0):mkdir egg-example && cd egg-examplenpm init egg --type=simple --registry https://registry.npm.taobao.orgnpm i启动项目:npm run原创 2021-09-01 16:26:34 · 158 阅读 · 0 评论 -
uni-app中的城市三级联动
第一步,我们在uniapp中引入插件import mpvueCityPicker from '@/components/uni-ui/mpvue-citypicker/mpvueCityPicker.vue';第二步骤原创 2021-06-12 09:43:25 · 2068 阅读 · 3 评论 -
Hbuilder如何快速打开关闭侧边栏
1.快捷键:alt+q2.也可以在试图里设置上部导航栏-》试图-》打开项目管理器原创 2021-06-03 16:40:00 · 3897 阅读 · 0 评论 -
使用Layui上传图片,手机拍照无法上传原因
是因为手机拍的原图太大 这里做一下压缩即可<button type="button" class="layui-btn" id="test1"> <i class="layui-icon"></i>上传图片</button>```js //使用layui上传图片 layui.use('upload',...转载 2019-11-22 15:40:39 · 1357 阅读 · 0 评论 -
Flex布局
Flex布局一、什么是Flex布局?Flex是Flexible Box的缩写,顾名思义为“弹性布局”,用来为盒装模型提供最大的灵活性。任何一个容器都可以指定为Flex 布局。 1 2 3 .box{ display:flex; } 行内元素也可以使用Flex布局。 1 2 ...转载 2019-10-12 13:37:55 · 444 阅读 · 0 评论 -
layer icon样式及 一些弹框使用方法
一、layer的icon样式以上样式测试代码:[javascript]view plaincopylayer.confirm('icon测试',{icon:1,title:'提示'},function(index){ //dosomething alert("确认"); layer.close(index);...转载 2019-09-10 16:02:45 · 483 阅读 · 0 评论