- 博客(18)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 tabbar添加购物车数字-小程序开发分享（六）
一个商城类的小程序，做完之后，客户增加需求，在下面的tabbar购物车上添加数字。 我也 是一个入门不起久的新手，刚接手的时候觉得很复杂，应该要舍弃配置的tabbar。自己封装一个。后来在网上查了一下。发现原生是支持设置数字的。 wx.setTabBarBadge({ //购物车不为空 ，给购物车的tabar右上角添加购物车数量标志 index: 2, //标志添加位置 text: "" + res...
2021-12-22 09:14:18
951
原创 图片上传-小程序开发分享（五）
图片上传wxml： <view class="squarebtn" bindtap="handleChooseImg" size="184rpx">+</view>js： //选择图片按钮 handleChooseImg:function(){ var that = this wx.chooseImage({ count: 9, // 默认9 sizeType: ["original", "comp..
2021-11-26 14:07:34
421
转载 小程序过滤器的使用
最近在做一个商城小程序，在订单页需要前端计算总价的时候，出现了如下图的情况。用filter解决了。在wxml中计算价格*数量小数出现问题。需要新建一个wxs文件var filters = { toFix: function (value) { return value.toFixed(2)//此处2为保留两位小数 }}module.exports = { toFix: filters.toFix}在wxml文件中引入<wxs module="fil...
2021-11-26 09:54:30
674
原创 wxparse使用-小程序开发技巧分享（四）
为代替小程序 rich-text 的不足，小程序经常使用wxParse来解析富文本。wxParse的使用：1：下载wxparse包 。地址：https://github.com/icindy/wxParse。2：复制到项目 目录中，与pages同级3: 在app.wxss全局样式文件中，需要引入wxParse的样式表:@import "/wxParse/wxParse.wxss";4:在需要加载html内容的页面对应的js文件里引入wxParsevar WxParse =..
2021-11-16 17:39:29
504
原创 城市定位-小程序前端开发技巧分享（三）
本文为作者实际项目遇到的问题总结，在这里记录分享。喜欢的加个收藏吧。城市定位：这个很简单在网上一搜就出来了，但是我觉得有必要记录一下。注意一点就是要在小程序中添加request合法域名 ：https://apis.map.qq.com一：去腾讯地图注册二：拿到sdk 复制到你的小程序中三：在使用地图接口 页面js 引入var QQMapWX = require('../../utils/qqmap-wx-jssdk.js');var qqmaponLoad: functio..
2021-11-08 14:11:02
607
原创 弹框-小程序开发技巧分享（二）
本文为作者实际项目遇到的问题总结，在这里记录分享。喜欢的加个收藏吧。评论弹窗（手机会弹出软键盘）wxml部分 <!--用户点击评论按钮 弹出评论框 --> <scroll-view scroll-y="{{isScroll}}"> <!-- 评论框 --> <view class='model' wx:if="{{inputBoxShow}}"> <!-- invisible_model v.
2021-11-08 13:50:30
214
原创 小程序前端开发技巧分享（一）
本文为作者实际项目遇到的问题总结，在这里记录分享。喜欢的加个收藏吧。页面内（非胶囊体）点击按钮分享：标签 button 设置属性 open-type="share"，该button会自动调用onShareAppMessage，onShareTimeline。点击胶囊体分享到朋友圈/好友：添加生命周期 onShareAppMessage onShareTimeline（分享到朋友圈必加我的代码： //分享 onShareAppMessage() { const promi...
2021-11-06 18:01:18
410
转载 uniapp app端登录
由于自己很菜，编辑一下记录写代码过程。 原文链接在文末（侵删），可以去原文下载demo在应用中保持登录状态是一个应用常见的需求，本文简单介绍下在 uni-app 中如何保存用户登录状态。简介uni-app 中不支持读写 cookie，所以不能如传统的应用那样通过读取 cookie 来判断是否是登录状态。在 uni-app 进行登录操作时，可以将需要校验的数据放在 uni.request 的 data 中，也可以在 header 里设置 token，使用 token 进行登录状态校验。
2021-11-04 21:39:38
7610
转载 闭包的定义，闭包是什么？闭包解决了什么问题？闭包有哪些应用场景？使用闭包应该注意什么？
1、闭包是什么？闭包是有权限访问其他函数作用域的局部变量的一个函数这是《 JavaScript高级程序设计 》中给出的定义， 如果你想用一句话就把面试官搞定几乎是不可能的。因为这句话还存在下面几个深入的问题：为什么其他非闭包的函数，没有权限访问另一个函数的内部作用域为什么闭包有这个权限什么是函数作用域面试官更想知道的是你是否知道上面的内容更周全的解释方法：由于在JS中，变量的作用域属于函数作用域，在函数执行后作用域就会被清理、内存也随之被收回，但是由于闭包是建立在一个函数内部的子函
2021-09-16 17:47:30
4283
2
转载 css属性的继承分类
不可继承的：display、margin、border、padding、background、height、min-height、max- height、width、min-width、max-width、overflow、position、left、right、top、 bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、 page-bread-before和unicode-bidi。所有元素可继承：visib
2021-09-13 11:02:23
117
转载 解决CSS 100vw布局出现滚动条问题
前些天做了一个移动端活动页面，采用了100vw来充满屏幕。后来发现竟然可以左右滑动，还出现了滚动条。上网收了一下 解决了：记录一下，以后懒得再找。有幸看到的童鞋可以按如下css代码解决。html { overflow-y: scroll;}:root { overflow-y: auto; overflow-x: hidden;}:root body { position: absolute;}body { width: 100vw; overflow:
2021-08-23 18:26:32
5315
转载 [超详细步骤] vue+node.js项目上线部署到服务器上
原文链接：https://blog.csdn.net/weixin_39295546/article/details/105309725具体步骤参考原文
2021-08-12 09:00:29
426
原创 微信小程序实现简单的瀑布流式布局
参考原文：https://blog.csdn.net/weixin_39661129/article/details/110935903实现样式：分析：应为小程序只有左右两列，完全没有H5动态计算的必要，直接把商品列表分为奇偶渲染（index ：1 3 5 7 9 11 ...放在左边的大盒子里，index: 2 4 6 8 10 12放在右边大盒子里）在分别定义左右两列 （放商品的小盒子长度设置不一样长）的样式即可。是不是非常简单。...
2021-08-11 18:35:36
1167
原创 微信小程序富文本使用笔记
最近在做一个商城小程序，展示商品详情的时候用到了富文本。这种富文本的运用挺广泛的，基本商场类的小程序都会用到，所以记录一下，有幸看到的小伙伴可以借鉴。wxml代码：<!--商品详情--><viewclass="gd-details">商品详情</view><viewclass="gd-information"><importsrc="../../wxParse/wxParse.wxml"/>...
2021-08-11 09:13:53
378
转载 block，inline和inlinke-block细节对比
总体概念block和inline这两个概念是简略的说法，完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素)。block元素通常被现实为独立的一块，会单独换一行；inline元素则前后不会产生换行，一系列inline元素都在一行内显示，直到该行排满。 大体来说HTML元素各有其自身的布局级别（block元素还是inline元素）： 常见的块级元素有 DIV, FORM, TABLE, P, PRE, H1~H6, DL, OL,
2021-08-05 09:04:23
142
原创 编程记住这些快捷键，编码速度翻倍。。。
Ctrl+S：保存文件Ctrl+【， Ctrl+】：代码行缩进Ctrl+Shift+【， Ctrl+Shift+】：折叠打开代码块Ctrl+C Ctrl+V：复制粘贴，如果没有选中任何文字则复制粘贴一行Shift+Alt+F：代码格式化Alt+Up，Alt+Down：上下移动一行Shift+Alt+Up，Shift+Alt+Down：向上向下复制一行Ctrl+Shift+Enter：在当前行上方插入一行Ctrl+End：移动到文件结尾Ctrl+Home：移动到文件开头Ctrl+i：选中.
2021-07-19 09:59:21
718
转载 Cookie和Session的区别和联系
Cookie和Session出现的原因：由于http 协议是无状态的，服务器无法确定这次请求和上次的请求是否来自同一个客户端。利用session和cookie可以让服务器知道不同的请求是否来自同一个客户端。（打个不是很恰当的比喻，浏览网页好比在连锁会员店买东西。cookie就是连锁超市的会员卡，留在自己手里。session好比连锁超市会员系统）1、Cookie定义 Cookie是服务器在本地机器上存储的小段文本并随每一个请求发送至同一服务器。Cookies保存在客户端，主要内容包括：...
2021-07-15 09:55:56
306
转载 响应式布局@media screen and ( max-width: 像素值 ) {}
设计思路很简单，首先先定义在标准浏览器下的固定宽度（假如标准浏览器的分辨率为1024px，那么我们设置宽为980px），然后用Media Query来监测浏览器的尺寸变化，当浏览器的分辨率小于1024px的时候，则通过Media Query预设的样式表来将页面的宽度设置为百分比显示，这样子页面的结构元素就会根据浏览器的的尺寸来进行相对应的调整。同理，当浏览器的可视区域改变到某个值（假如为650px）的时候，页面的结构元素根据Media Query预设的层叠样式表来进行相对应的调整。看看我们的例子：/*
2021-07-11 09:42:04
999
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人