微信小程序前端源码逻辑和工作流
废话不多说，直接分析前端代码。文件基本结构：先看入口app.js，app(obj)注册一个小程序。接受一个 object 参数，其指定小程序的生命周期函数等。其他文件可以通过全局方法getApp()获取app实例，进而直接调用它的属性或方法，例如（getApp().globalData）//app.jsApp({onLaunch: function () {//调用API从本地缓...
2024-01-10
微信小程序实现单个或多个倒计时功能
微信小程序 实现单个/多个倒计时显示单个倒计时多个倒计时思路：首先获取到每个倒计时的结束时间，然后把结束时间跟当前时间转换成时间戳，结束时间减去当前时间再除以1000（因为时间戳是毫秒级）就是该结束时间距离当前时间的秒数了，然后根据公式计算出时分秒，最后使用定时器每秒跑...
2024-01-10微信小程序中换行空格（多个空格）写法详解
在小程序中HTML的网页实体无法正常使用，小程序中的写法为： 一、空格，换行<text>你好！\t七月流火啊！\n我在下一行</text>\t 空格（ 多个只会显示一个空格） \n 换行二、连续空格<view> <text space="ensp">你好 啊 哈哈哈（空格是中文字符一半大小）</text></view><view> <text space="emsp">你好 啊 哈哈...
2024-01-10微信小程序 表单Form实例详解（附源码）
微信小程序 表单Form实例表单Form的应用很广泛，我们可以利用form设计登录注册，也可以设计一种答题问卷的形式，今天主要讲一下form的使用form表单，将组件内输入的"switch","input","checkbox","slider","radio","picker"的值进行提交,数据的格式为：name:value，所以表单中控件都需要添加name属性，否则找不到对应...
2024-01-10
小程序实现多个选项卡切换
选项卡的功能用途有很多地方：例如商品评论的切换，还有文章分类还有各种各样的切换功能需要用到。这个实现是通过for循环，取数值下标的方式来实现切换test.wxml<view class="content"><view class="tab {{idx == index? "type-item-on" : ""}}" data-index="{{index}}" catchtap="tab" wx:for="{{tab}}" wx:key="key">{{item.title}}</view>...
2024-01-10
uniapp微信小程序实现一个页面多个倒计时
本文实例为大家分享了uniapp实现一个页面多个倒计时的具体代码，供大家参考，具体内容如下设计图（需求）结构<view class="group-list" v-for="item in message" :key="item.productId"> <view class="group-img" @click="navTo"> <image :src="item.productPicture"></image> </view> <view class="group-info"> <view class="...
2024-01-10
教你用100多行写一个数据库（附源码）
本文介绍的是以为中国的IT资深人士写的一个简单的数据库，没有我们使用的数据库那么强大，但是值得大家借鉴。可以用在特定环境中，更加灵活方便。数据库的名字叫WawaDB，是用python实现的。由此可见python是灰常强大啊！简介记录日志的需求一般是这样的：只追加，不修改，写入按时间顺序写入；...
2024-01-10
【小程序】年最新微信小程序全栈项目之喵喵交友【附课件和源码】
微信小程序，小程序的一种，英文名Wechat Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。全面开放申请后，主体类型为企业、政府、媒体、其他组织或个人的开发者，均可申请注册小程序。微信小程序、微信订阅号、微信服...
2024-01-10![教你用100多行写一个数据库（附源码）[其它数据库]](/wp-content/uploads/thumbs/679149_thumbnail.jpg)
教你用100多行写一个数据库（附源码）[其它数据库]
本文介绍的是以为中国的IT资深人士写的一个简单的数据库，没有我们使用的数据库那么强大，但是值得大家借鉴。可以用在特定环境中，更加灵活方便。数据库的名字叫WawaDB，是用python实现的。由此可见python是灰常强大啊！简介记录日志的需求一般是这样的：只追加，不修改，写入按时间顺序写入；...
2024-01-1020多个小事例带你重温ES10新特性(小结)
ES10 虽然没有像 ES6 那么多新特性，但 ES10 仍然有一些有用的特性。文本通过简单示例来介绍了 ES10 新出来的特性。通过这种方式，咱们就可以快速理解，而不需要看太多的官方解释。ES10 新特性主要如下：数组方法：flat和flatMapObject.fromEntries字符串方法：trimStart 和 trimEndSymbol 的 description 属性try { }...
2024-01-10在C ++中找出小于n且包含多个相似数字的整数的程序
假设我们有一个整数n，我们必须找到小于或等于n的正整数个数，其中整数个数至少有一个数字出现一次。因此，如果输入为n = 200，则输出为38为了解决这个问题，我们将遵循以下步骤-定义一个数组对于初始化x：= n，当x为非零时，更新x：= x / 10，执行-在结尾处插入x mod 10反转数组ret：= n对于初始化w：...
2024-01-10小程序异步问题之多个网络请求依次执行并依次收集请求结果
业务逻辑最近开发一个便签小程序的时候，有这样一个需求：用户可以在写便签的时候添加一个或多个图片。对于这个需求，我们用户按下保存键时，内部具体的实现上是这样的逻辑：首先检测用户是否传入了图片，如果存储本地图片地址的数组长度>=1,则将图片数组放入上传图片的函数。由于小...
2024-01-10
我的程序跑了60多小时，就是为了让你看一眼JDK的BUG导致的内存泄漏。
这次的文章从JDK的J.U.C包下的ConcurrentLinkedQueue队列的一个BUG讲起。jetty框架里面的线程池用到了这个队列，导致了内存泄漏。同时通过jconsole、VisualVM、jmc这三个可视化监控工具，让你看见“内存泄漏”的发生。有点意思，大家一起看看。从一个BUG说起前段时间翻到了一个 JDK 有点意思的 BUG，带大家一...
2024-01-10部分正在福建晋江围头湾过冬中 自带饭勺的小鸟全球仅剩600多只
新闻，许多动物的外表真的让人们叹息大自然的魔力，比如一只鸟，它实际上有自己的勺子！为什么要说它有自己的勺子呢？原来，因为它的嘴看起来像一个勺子。然而，根据最新的数据，世界上只有600多只鸟有自己的勺子，是一种国家级的保护动物。目前，部分正在福建省晋江市围头湾过冬。世界上...
2024-01-10
【科创人独家】军哥手记程军：我的，先打个60分吧
技术人成长之路荆棘遍布，30岁左右被手握新技术、加班凶猛的后辈冲击，转型管理成为前行的通行证；35~40岁，掌握了管理技能、薪水更低的后浪再次袭来，能否补全商业思维、从成本模型跃迁为价值创造者、战略护航者，又一次成为生死考验。程军打造的公众号“军哥手记”，是2020年初技术圈内的...
2024-01-10600多的是皮夹克是绵羊皮吗（绵羊皮革的皮夹克是真皮层吗）
绵羊皮是皮夹克里最常见材料，是属于真皮层系列产品，仅有真皮层的皮夹克才会徽绵羊皮，而六百多的绵羊皮皮衣实际上可能是真皮层的，关键并不是对比价格，而是在于品质，假如你能鉴别绵羊皮，那必然多少在你眼里都不在话下。600多的是皮夹克是绵羊皮吗600多个斯特罗曼有可能是绵羊皮，却也...
2024-01-10
微信小程序接入腾讯云验证码实践笔记
前言：最近做了一个小程序抽奖的活动，出现了部分用户恶意薅羊毛的现象，因此考虑接入腾讯云的验证码。其实腾讯的官方文档写的相当清晰：https://cloud.tencent.com/doc...不想啃文档的筒子们的就往下继续看吧~（虽然大同小异）整体效果1、小程序触发验证，跳转到验证码小程序2、在验证码小...
2024-01-10从小程序快速扫码进微信群聊
众所周知，由于各种原因，从小程序里面是无法直接识别二维码的，可能有别的路子可以间接实现，比如利用客服消息推送，但这不是长久之计，也不是官方支持的，可能会影响审核。今天说的方法，是官方开放的功能，可以放心的接入。微信已经支持可以直接在小程序里面直接点击按钮扫码进群了，...
2024-01-10微信小程序显示下拉列表功能【附源码下载】
本文实例讲述了微信小程序显示下拉列表功能。分享给大家供大家参考，具体如下：1、效果展示2、关键代码app.json文件：{ "pages":[ "views/views", "views/navigators/navigator1/navigator1", "views/navigators/navigator2/navigator2", "views/navigators/navigator3/navigator3", "pages/index/index", "pages/logs/logs...
2024-01-10微信小程序 省市区选择器实例详解(附源码下载)
微信小程序 省市区选择器： 最近学习微信小程序，为了检验自己的学习效果，自己做一个小示例，网上搜索下类似的实例，发现这个更好，大家看下。一、区域间手势滑动切换，标题栏高亮随之切换思路是：拿当前的current来决定高亮样式1.监听swiper滚动到的位置：<swiper class="swiper-area" curre...
2024-01-10
史小坑的花前月下微信小程序兑换码领取攻略
史小坑的花前月下微信小程序兑换码怎么领很多小伙伴还不清楚，今天小编就来带大家一起看看史小坑的花前月下微信小程序兑换码的领取方法，绝对真实有效，感兴趣的玩家快来和小编一起了解一下吧！史小坑的花前月下微信小程序兑换码领取攻略 1、领取 在TapTap搜索《史小坑的花前月下...
2024-01-10微信小程序select下拉框实现源码
这篇文章主要介绍了微信小程序select下拉框实现源码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下小程序中是没有h5中的下拉 标签的 所以要实现下拉功能就必须自己动手写拉，这里为了更清楚的显示小程序层级 就把源码直接复制过来了<...
2024-01-10微信小程序实现点击按钮修改文字大小功能【附demo源码下载】
本文实例讲述了微信小程序实现点击按钮修改文字大小功能。分享给大家供大家参考，具体如下：1、效果展示2、关键代码index.wxml文件<view class="view" style="font-size:{{fontSize}}pt">我是view标签</view><button class="btn" type="default" bindtap="magnifyFontSize">点击我字体变大</button><button class="btn" type="default" bindtap="s...
2024-01-10
微信小程序实现天气预报功能(附源码)
目录前言效果图天气API获取微信小程序后台域名配置页面代码注意问题（必看）前言最近在学小程序开发,刚好学到天气预报功能的制作,于是给大家分享下。效果图 天气API获取这里我用的是和风天气的API，打开官网注册或者登陆你的账号进入控制台,新建应用这是刚刚我们创建好的应用，...
2024-01-10微信小程序 modal组件详细介绍
modal弹出框常用在提示一些信息比如：退出应用，清楚缓存，修改资料提交时一些提示等等。常用属性：wxml<!--监听button点击事件--><button bindtap="listenerButton" type="primary">弹出modal</button><!--弹出框--><modal title="退出应用" hidden="{{hiddenModal}}" confirm-text="再看看" cancel-text="退出" bindconfirm="listenerCon...
2024-01-10
【小程序】微信小程序 音频播放器 组件
项目地址:kPlayerkPlayer是一个微信小程序播放器组件, 引入组件后 只需要传音频url就能播放.含有播放动画, 音频进度条, 长按音频显示当前时间/总时间, 可以通过滑动组件来控制进度.通过info参数可以配置组件的外观和功能通过playbackStatus事件可以在组件外部监听播放状态项目演示...
2024-01-10微信小程序实现搜索指定景点周边美食、酒店
本文为大家分享了微信小程序实现指定景点周边的美食、酒店等搜索，供大家参考，具体内容如下以下为效果图，使用的是腾讯地图位置服务微信小程序JavaScript SDK，首先要申请腾讯地图位置服务的开发密钥，然后进行开发。wxml：<view style='width:100%;height:{{height}}px;'> <map id="map" longitude='{{poi.longitude}}'...
2024-01-10
微信小程序实现日历签到
近日做了一个项目需要用到日历插件，在网上找了一部分感觉跟项目不对口，所以就查考了其他的日历插件做了一个。需求：如图：代码如下：index.wxml:<!--pages/pictruesign/pictrue.wxml--><view class='gs_banner'> <image src='../../image/banner.jpg'></image> <view class='gs_continue'> <view>每日坚持签到</view> <view>总共签...
2024-01-10
微信小程序实现底部弹出框
微信小程序的底部弹出框，供大家参考，具体内容如下wxml<!-- 弹出框 start --><view class="dialog_screen" bindtap="hideModal" wx:if="{{showModalStatus}}"></view><view animation="{{animationData}}" class="dialog_attr_box" wx:if="{{showModalStatus}}"> <view style='background:white;position...
2024-01-10微信小程序：数据存储、传值、取值详解
小程序界面传值父级界面：A界面 子级界面：B界面一、url传值详细的配置参数可以查看组件导航：navigator,这里不再做过多的解释。 1. 正向传值：A界面 –>B界面用 navigator标签或 wx.navigator传值，A界面向B界面传id值A界面获取id值传向B界面如果需要传多个参数, 用 & 链接即可// 方法一：navigator标签...
2024-01-10微信小程序数据存储与取值详解
在小程序开发的过程，经常要需要这个页面输入的数据，在下一个页面中进行取值赋值。比如：在A页面input输入框，输入电话号码，点击添加。需要在B页面电话区域中，显示刚刚输入的电话号码。因为这是两个页面，就需要先存储，再取值。微信小程序提供了数据存储的API，wx.setStorage(OBJECT) 可以...
2024-01-10微信小程序异步处理详解
本文实例为大家分享了微信小程序异步处理的具体方法，供大家参考，具体内容如下直接看问题：然后看打印的结果：根据上面两图可以看出，代码上先执行的网络请求，再执行打印的变量，但是从下面打印的结果来看，先出结果的是执行打印变量的函数（aafn函数），再打印出网络请求success的回...
2024-01-10微信小程序实现蒙版弹窗效果
本文实例为大家分享了微信小程序实现蒙版弹窗效果的具体代码，供大家参考，具体内容如下<view class="modalDlg" wx:if="{{showModal}}"> <view class='close_mask' bindtap="close_mask">X</view> <input class='recharge_amount' type='text' placeholder='充值金额' maxlength="8" value='{{recharge_amount}}'></input> <...
2024-01-10
微信小程序篇：Flex布局
前置准备工作微信小程序中经常会使用的布局这一块的知识点，如果没有一个完整的知识体系，在布局的时候，经常会出现错误使用的情况，只要你掌握这篇文章内的知识点，基本上能胜任所有的Flex布局。相比较其他文章，这个文章更侧重于开发中的实际运用。而且是以演进的角度来讲解各种布局的...
2024-01-10
