Kishn-CSDN博客

原创网易云信-IM即时通讯微信小程序端实现

小程序端的需求，使用网易云信的即时通讯作为咨询沟通的工具。这里介绍怎么把云信小程序demo中聊天部分剥离出来。云信小程序demo地址先看效果，点击咨询记录进入到和客服聊天页面咨询页面：第一步：引入必须文件将云信demo中的这些文件拷贝到你的小程序项目：这个文件夹将demo中这两个文件拷贝即可：第二步：初始化IM在保证文件都引入且没有路径之类的问题后，进行初始化IM操作，在...

2020-05-07 19:34:27 2552 17

一使用store中的数据在创建vue3.x项目时，选择使用vuex在src => store => index.js 文件， state里随意写一个数组组件里使用1 从vuex中引入 useStore2 let store = useStrore()3 声明一个计算属性，值为store里的list可以看到list已经显示出来了二修改store里的数据1 在store => index.js mutatios里添加方法，两个参数（state, payload

2021-07-31 17:44:02 379

原创 vue3.0 入门四（computed计算属性的使用）

场景：两个值num1 , num2 点击按钮两个数各自加1 ，展示他们的和:addnum1 从vue中引入 computed2 声明一个计算属性的变量，主要要用箭头函数，vue3.x中 setup是没有this这个概念的，最后必须要return一个值...

2021-07-31 15:36:02 679

原创 vue3.0 入门三（组件创建、父子组件传值）

一创建组件1 需要从vue中引入 defineComponent ,2 导出部分改为到处defineComponent父组件引入子组件则和vue2.x大致一样可以看到已经成功引入组件了二父组件传值子组件父组件传值用绑定值得方式：子组件接收：使用props接收，可直接使用三子组件传值给父组件子组件传值给父组件需要分发事件1 需要使用setup第二个参数 content(上下文)2 调用ctx( content ) 的emit方法，两个参数，（事件名称，要传递的值

2021-07-31 15:21:33 618

原创 vue3.0入门二（路由配置及传参）

一、配置页面路由在创建vue3.x项目时，选择Router进到src => router => index.js复制about部分并改写，这里的path就是路由配置完成后在项目中把地址改写成刚刚配置的path即可：二、路由传参1 从’vue-router’ 中 import useRouter （类似react的hocks）2 let router = useRouter()3 router.push({ }) 和vue2.x是一样的要注意的是这里用的query

2021-07-31 12:04:22 2304

原创 vue3.0 入门一（变量的声明及插值显示）

一、创建vue3.0项目按照下图勾选，注意版本选择为3.x二、在页面上显示内容① 使用ref定义变量vue3.0要使用的方法都要从’vue’中引入，这里要引用ref3.x版本定义的变量及声明的函数都要放在setup()函数里使用ref声明一个变量，也可以是ref(20) ,ref ([1,2,3,4])等setup中ref定义的变量及函数，全部都要retrun出去使用ref定义的变量，可以直接用插值表达式显示②使用reactive定义变量当定义多个变量时，依次ref定义以及re

2021-07-31 11:19:14 9420

原创微信小程序picker日期组件安卓10以上 :start无效的问题

在开发工具和ios上正常是因为绑定开始限定时间的格式不正确依据文档，应该是“YYYY-MM-DD”的格式所以我们用let date = new Date().toLocaleString()date = date.split(' ')[0]可满足格式。但是在安卓10系统中，.toLocaleString()会被当作.toString()使用，所以拿到的不是文档指定格式。所以，应自己拼接格式：let year = new Date().getFullYear()let month = n

2021-04-24 09:53:36 560 1

原创 uniapp 级联选择pop弹窗例如城市选择

效果图：对勾那是个图片，自己替换地址<template> <view class="page"> <view class="page-head"> <view class="">选择区域</view> <view class="close-btn">x</view> </view> <view class="page-body"> <view class="

2021-04-10 17:06:34 837

原创 uniapp 顶部tab+主体swiper 手势滑动及点击切换模板

效果图：代码：<template> <view class="page"> <view class="page-head"> <view :class="index==tabIndex?'isActive':''" v-for="(item,index) in tabList" :key="index" @click="handleClickTab(index)">{{item}}</view> </view>

2021-04-09 17:35:09 650 3

原创 uniapp 仿微信支付UI开发的支付组件

仅实现功能，样式比较粗糙先上效果图：代码：<template> <view class="page"> <button type="default" @click="goNextStep">立即支付</button> <view :class="{'flag': flag }" class="dialog" v-if="showPayModel"> <view class="title">请输入支付

2021-04-08 12:23:10 1083

原创仿头条号web

头条号web官网看着大气上档次，仿照做一个首页（vue2.0 + animate.css）头条号web: https://mp.toutiao.com/auth/page/login/?redirect_url=JTJG仿首页开发头铁号（git）： https://github.com/GstKishn/web

2021-03-27 15:41:41 158 2

原创 js中常忽略了但很实用的运算符（摘选自MDN）

&&= （逻辑与赋值运算符） (x &&= y) //只在x为真时赋值let x = 0;let y = 1;x &&= 0; // 0x &&= 1; // 0y &&= 1; // 1y &&= 0; // 0||= （逻辑或赋值运算符） (x ||= y) //只在x为假时赋值const a = { duration: 50, title: '' };a.duration ||.

2020-12-03 19:18:48 131

原创个人总结封装的工具类函数（持续更新）

目录1: 检查某语句中是否包含某关键字： checkKeyword line 12: 检查有且只有两个键值对的对象数组一个数组中，某键名对应的值。 checkValue line 163: 检查数组1在数组2中没有的值 checkDiffItem line 304: 获取浏览器信息 getExplorerInfo line 365: 13位位移密码 rot13 line 676: 判断是否是回文 isHuiwen line 847: 英文单子首字母大写 wordFistNumToUpper

2020-12-01 20:12:04 187

原创近期使用element组件遇到的坑和总结

一. Drawer 组件1 .有一个很关键的属性：append-to-body ，如果遇到抽屉蒙层覆盖了整个页面，就使用这个属性2 .抽屉关闭时销毁组件，使用： destroy-on-close3. 抽屉的宽度，占整个屏幕的百分比： size="54%"4. 关闭抽屉前的钩子函数： :before-close="handleCloseNew"5. 嵌套抽屉：有时会遇到第二层抽屉无论使用什么属性都无法正常显示，不能展示在最上面，遮罩层盖住了整个页面。使用了粗暴的方法解决： // 展

2020-11-05 14:32:23 2404 3

原创全栈工程师小程序(前端) + node.js (后端) + sqlite3(数据库) + vue-iview(后台)

一套流程走下拉是：微信小程序发请求 =》 node.js =》操作sqlite3 后台展示

2020-05-07 20:00:52 1029 1

原创网易云信-音视频通话剥离demo+文档基础部分实现通话功能

由于网易云信的音视频demo，是依据原生js,jq操作dom和ui视图，总觉得不好做本地化二次开发。所以这里把他demo以及文档中核心的部分取出来，并使用vue开发实现通话。完整的项目是小程序端+后台实现两端聊天，这里介绍后台的写法。第一步：新建vue项目新建项目不做描述，vue create demo即可第二步：引入sdk官方sdk下载地址（下载你需求的sdk，这里用的音视频的）...

2020-05-07 19:07:35 1632 4

原创网络爬虫 puppeteer 入门demo（爬取百度新闻）

//引入const puppeteer = require('puppeteer')getFocus(); async function getFocus() { //打开浏览器这里要找到你安装的Chromium.app const browser = await puppeteer.launch({ executablePath: 'chromium/ch...

2020-04-29 20:19:03 475

原创微信小程序坑与总结

开发微信小程序遇到的一些问题：ios下页面可以下拉，而安卓不会。在一些有背景色的页面，ios下拉体验不好。解决办法：如果当前页面（page）不需要滚动，在page.json中设置"disableScroll": true如果页面需要滚动，在page.json中设置 "backgroundColor": "#eff0f1" //你的背景色对于原生组件，类似radio，修改大小样...

2020-04-26 12:45:31 274

原创 node.js + sqlite3 查询数据库响应请求

网上node的响应大都是返回写死的json，但实际开发应该是返回数据库查询的结果，所以这里编写一个简单的node返回数据库查询结果的例子首先，在前端项目中发起请求：这里axios的封装以及前端跨域不做描述。let data = {}this.http.post('/admin/getOrderList', data).then(res => { console.log(res)...

2020-04-14 14:52:38 836

原创 node + sqlite3 + navicat 学习实践（数据库插入一条数据）

创建一个node项目在项目目录下安装sqlite3 npm install sqlite3在node项目目录里创建 db.js （名字任起）进入db.js 开始操作数据库const sqlite3 = require("sqlite3").verbose(); // 引入sqlite3var db;// 创建一个名叫"db"的数据库db = new sqlite3.Dat...

2020-04-09 21:03:07 312

原创 js 返回当前时间往后一个月的日期、星期

使用时直接调用getEveryDay 方法如： let arr = getEveryDay()console.log(arr)function getCountDays() { var curDate = new Date(); var curMonth = curDate.getMonth(); curDate.setMonth(curMonth + 1); consol...

2020-03-23 15:14:46 2197

weixin_44104659的博客