kitty20180903suzhou

公告

2020年11月24日

vue-quill-editor + + antd 组件封装（包含图片上传）

摘要： QuillEditor 组件封装：需要使用 npm 安装依赖： "vue-quill-editor": "^3.0.6", "quill-image-resize-module": "^3.0.0", QuillEditor .vue 代码： 1 <template> 2 <div> 3 <qu 阅读全文

posted @ 2020-11-24 18:07 kitty20180903suzhou 阅读(1078) 评论(0) 推荐(0)

2020年9月27日

uniapp - axios 封装 request

摘要： 1 import axios from "axios"; 2 let request = axios.create({ 3 baseURL: // 请求域名 4 headers: { 5 "Content-Type": "application/json" 6 }, 7 timeout:2000 8 阅读全文

posted @ 2020-09-27 16:33 kitty20180903suzhou 阅读(1936) 评论(1) 推荐(0)

unipp - scroll-view 组件自定义下拉刷新

摘要：这里只是部分代码，设计需求是这样的，搜索店铺搜索内容易弹窗的形式展示，支持搜索、下拉刷新、上拉加载更多。数据为空和加载更多都是自定义组件，比较简单这里就不展示了 1 <template> 2 <scroll-view v-show="showShops" @scrolltolower="ge 阅读全文

posted @ 2020-09-27 16:03 kitty20180903suzhou 阅读(4599) 评论(0) 推荐(1)

uniapp - 绘制海报（二）

摘要： 1 // 绘制海报 2 drawPoster() { 3 uni.showLoading({ 4 title:'加载中...', 5 mask:true 6 }) 7 let _this = this 8 _this.isShow = true 9 let info = uni.getSystemI 阅读全文

posted @ 2020-09-27 15:42 kitty20180903suzhou 阅读(498) 评论(0) 推荐(0)

uniapp - 检查用户是否授权、如果拒绝授权提供提示框，用户可以在设置界面中打开权限

摘要：最近在用uniapp 开发微信小程序 vue + vuex + vue-cli3 + hbuilderx 1 export function checkForAuthorization(scope){ 2 return new Promise((resolve,reject)=>{ 3 uni.ge 阅读全文

posted @ 2020-09-27 15:11 kitty20180903suzhou 阅读(6939) 评论(0) 推荐(0)

2020年4月7日

简单实现数据双向绑定

摘要： html: 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 阅读全文

posted @ 2020-04-07 13:41 kitty20180903suzhou 阅读(192) 评论(0) 推荐(0)

2020年2月25日

使用canvas + hammer.js 手势库制作海报

摘要：疫情期间，客户说要做个海报。项目地址：https://github.com/123KITTY/poster 欢迎 star！欢迎优化改进！功能大概是用户上传一张自己运动健身等图片，调整到合适的位置，下载这张海报。我想想上次做canvas 的时候还是一两年前，当时做了一个画笔的功能：有橡皮阅读全文

posted @ 2020-02-25 21:20 kitty20180903suzhou 阅读(425) 评论(0) 推荐(0)

如何在jquery 中动态添加 !important 样式

摘要：今天碰到一个使用 jq 动态的给元素添加样式，一开始记得之前这个遇到过，好久不用又忘记了，还是选择记下来，加深自己的印象。一般写法是这样的： 1 $('#footer’).css({ 2 position: 'fixed', 3 width: '100%', 4 bottom: 0, 5 lef 阅读全文

posted @ 2020-02-25 20:14 kitty20180903suzhou 阅读(869) 评论(0) 推荐(0)

基于极光实现在线聊天

摘要： css、js 下载： https://files.cnblogs.com/files/kitty-blog/chat.zip 用户显示入口 1  2 <div id="open-chat-window-btn" class="open-chat-window-btn"><s 阅读全文

posted @ 2020-02-25 19:57 kitty20180903suzhou 阅读(357) 评论(0) 推荐(0)

js 面向对象编程 - 商品筛选

摘要： 1 function Products(){ 2 this.filters = []; 3 this.data = []; 4 this.myFilters=[]; 5 this.pageSize =15; 6 this.pageNO = 1; 7 this.totalPage=0; 8 } 9 P 阅读全文

posted @ 2020-02-25 19:55 kitty20180903suzhou 阅读(492) 评论(0) 推荐(0)