- 博客(48)
- 收藏
- 关注
RSS订阅原创 pinia从0到1
九、pinia中的getters（Pinia中的getter和Vue中的计算属性几乎一样，在获取State值之前可以做一些逻辑处理。2.在主管理器中引入Shop管理器，通过实例后就可以获取到Shop中的数据了。pinia中的数据在组件中可以直接修改值，不需要通过mutations。1.在store中创建一个Shop.js，用于管理店铺数据。在actions中定义的方法在任务组件中都可以调用。list: [‘零食’,‘生鲜’],3.在对应的数据管理器中配置持久化。六、组件中修改pinia数据。
2024-12-27 18:02:48
710
原创 vue3数字滚动依赖
安装: npm install vue3-count-to --save。名称：vue3-count-to。在用到地页面引入使用。
2024-05-29 10:54:14
369
原创 微信小程序检测用户是否同意发送服务通知
wx.getSetting({ withSubscriptions: true, success(res){ console.log('是否订阅',res) _this.setData({ isSubscribe: res.subscriptionsSetting.mainSwitch }); } })具体参数请参考官方文档：https://developers.weixin.qq.com/m
2021-09-24 15:55:11
491
原创 小程序websocket封装
创建一个websocket.js,将以下内容放进去// const config = require('./config.js')const app = getApp();// const host = config.websocketServer; // websocket服务器baseUrllet sotk = null;let socketOpen =false;console.log(123456,app)function ws_connect(reMsg){ sotk = wx
2021-09-24 10:54:44
528
原创 js 匹配正确手机号
let myreg = /^(((13[0-9]{1})|(14[0-9]{1})|(17[0-9]{1})|(15[0-3]{1})|(15[4-9]{1})|(18[0-9]{1})|(199))+\d{8})$/;myreg.test(mobile) //mobile是需要匹配的手机号使用方法if(mobile.length<11 || !myreg.test(mobile)){ console.log( '请输入正确的联系电话')}...
2021-07-10 10:52:37
323
原创 小程序返回顶部
// 获取滚动条当前位置onPageScroll: function (e) {console.log(e)if (e.scrollTop > 100) {this.setData({floorstatus: true});} else {this.setData({floorstatus: false});}},//回到顶部goTop: function (e) { // 一键回到顶部if (wx.pageScrollTo) {wx.pageScrollTo({s
2020-12-07 17:08:49
103
转载 微信小程序——自定义导航栏
微信头部导航栏可能通过json配置：但是有时候我们项目需求可能需要自定义头部导航栏，如下图所示：现在具体说一下实现步骤及使用方法：步骤：1.在 app.json 里面把 “navigationStyle” 设置为 “custom”这样子之后就只会保留右上角胶囊按钮了。2.计算相关值因为在不同的手机型号头部那条栏目高度可能不一致，所以为了我们适配更多型号，我们需要计算3个值：如下图：整个导航栏的高度；胶囊按钮与顶部的距离；胶囊按钮与右侧的距离。小程序可以通过 wx.ge
2020-07-02 21:03:20
297
原创 ps扣毛发方法
1.使用套索工具，把元素圈住；2.状态栏=》选择=》选择并遮住；3.选择左侧画笔第二个工具，在没有圈住的元素周围涂抹；4.回车5.ctrl+j ，完成
2020-06-28 22:25:52
171
原创 js屏蔽F12,ctrl+u，鼠标右击页面
<script> function stop() { clear(); return false; } document.oncontextmenu = stop; function clear() { window.location.reload(); } document.onkeydown = document.onkeyup = document.onkeypress = function
2020-05-31 10:50:50
367
转载 小程序获取当前位置所在的城市
1、话不多说，直接上干货先来张目录结构① index.wxml<view class="retailStore"> <view class="cnaps borderBottom"> <text>所在城市：</text> <text class='m-bbt'>{{province}} {{city}}&l...
2020-01-16 10:09:32
761
原创 微信小程序不授权的情况下获取用户头像和昵称
<open-data type="userAvatarUrl"></open-data><open-data type="userNickName"></open-data>open-data官方文档
2020-01-16 09:53:13
6317
原创 小程序获取元素宽高
<view id='demo'>元素</view> //创建节点选择器const query = wx.createSelectorQuery() query.select('#demo').boundingClientRect() query.selectViewport().scrollOffset() query.exec(functio...
2020-01-13 11:04:45
288
原创 小程序获取设备信息(屏幕宽度...)
wx.getSystemInfo({ success: (res) => { console.log(res) } });
2020-01-09 14:53:29
500
原创 小程序获取元素宽高
let query = wx.createSelectorQuery(); //选择id let that = this; query.select('.top').boundingClientRect(function (rect) { console.log(rect) }).exec();
2020-01-09 14:52:07
340
原创 小程序倒计时
//取倒计时（天时分秒）function getTimeLeft(datetimeTo) { // console.log(000000000) // console.log(datetimeTo) // 计算目标与现在时间差（毫秒） let time1 = new Date(datetimeTo).getTime(); let time2 = new ...
2020-01-05 11:27:50
204
原创 iconfont使用方法
<i class="iconfont"></i>css@font-face {font-family: 'iconfont'; src: url('../iconFont/iconfont.eot'); src: url('../iconFont/iconfont.eot?#iefix') format('embedded-...
2019-12-31 13:09:58
495
原创 vs code一个简单的配置
设置->设置->右上角转换成JSON里加以下代码，作用是自动格式化代码{“editor.formatOnType”: true,“editor.formatOnSave”: true}安装live server //保存时浏览器自动更新vetur //vue代码提示...
2019-12-01 22:12:14
393
原创 小程序上传图片
<view class="li fl" data-index='{{index}}' wx:for='{{imgUrl}}' bindtap="scPic"> <image src="{{img}}{{imgUrl[index]}}"></image> </view> <!--上传四张...
2019-11-30 16:45:14
165
原创 小程序图片预览
wx.previewImage({current: this.data.shareImg, // 当前显示图片的http链接urls: [this.data.shareImg] // 需要预览的图片http链接列表})
2019-10-28 17:06:40
114
转载 微信小程序 某个页面直接返回首页（微信小程序回退到首页）
打开小程序后，到三级页面后点击左上角的返回按钮，能够直接返回到首页正常 A -> B -> C 都是通过 wx.navigateTo 跳转的，所以 wx.navigateBack 只能返回上一界面，如果要返回到A 界面就会出现 C -> B -> A 的效果。如果想实现 A -> B -> C 当 C 点击返回时， 实现直接 C -> A 这种效果， ...
2019-10-09 13:47:32
1168
原创 jQuery-ui 记录历史签到
<script> var timearr=['2018-12-1','2019-1-7','2019-9-3','2019-9-8','2019-9-10']; $(function() { $( "#datepicker" ).datepicker({ showOt...
2019-09-27 08:42:04
167
原创 输入框限制字数数量
<div class="srk"> <input type="text" placeholder='请输入问题' id="wby0" data-max='100' maxLength='100' onkeyup="wby(0)" /> <div class="tishiNum"><span id='titleNum'>0</spa...
2019-09-02 09:21:42
369
原创 CSS换行不换行
段落文字不超出几行，超出部分以省略号显示一、div内显示一行，超出部分用省略号显示white-space: nowrap;overflow: hidden;text-overflow: ellipsis;二、div内显示两行或三行，超出部分用省略号显示overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-w...
2019-08-15 15:50:24
134
原创 头部跟距滚动高度变色
html <div class="header"> <div class="bg"></div> </div>css.header{ height:1rem; border-bottom:.01rem solid #313131; position: fixed; top:0; left:0; width:100%; z...
2019-08-12 17:57:08
242
转载 微信小程序上拉、下拉、动态设置窗口背景色
https://blog.youkuaiyun.com/weixin_34138056/article/details/93011069
2019-08-08 13:41:03
1951
原创 scroll-view 隐藏滚动条
scroll-view 隐藏滚动条在标签上加以下属性即可。 android:scrollbars="none"
2019-08-06 13:40:52
1193
原创 小程序分享
wxml添加标题 open-type设为‘share’<button open-type="share"></button>点击就会触发下边的事件了//js onShareAppMessage: function () { //console.log('aaa'); let that = this; retur...
2019-04-25 13:59:25
342
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人