微信小程序前端源码逻辑和工作流
废话不多说，直接分析前端代码。文件基本结构：先看入口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
微信小程序实现天气预报功能(附源码)
目录前言效果图天气API获取微信小程序后台域名配置页面代码注意问题（必看）前言最近在学小程序开发,刚好学到天气预报功能的制作,于是给大家分享下。效果图 天气API获取这里我用的是和风天气的API，打开官网注册或者登陆你的账号进入控制台,新建应用这是刚刚我们创建好的应用，...
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微信小程序App生命周期详解
微信小程序App生命周期：onLaunch—-当小程序初始化完成时，会触发 onLaunch（全局只触发一次）onShow —-当小程序启动，或从后台进入前台显示，会触发 onShowonHide —-当小程序从前台进入后台，会触发 onHideonError —-当小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息//app.jsApp...
2024-01-10微信小程序实现点击图片旋转180度并且弹出下拉列表
本文为大家分享了微信小程序实现图片旋转、下拉列表的具体代码，供大家参考，具体内容如下正文：先上效果图：index.wxml<view class="phone_one" bindtap="clickPerson"> <view class="phone_personal">{{firstPerson}}</view> <image src="../../image/v6.png" class="personal_image {{selectArea ? 'rotateRight' :''}}"></imag...
2024-01-10微信小程序实现手指触摸画板
本文实例为大家分享了微信小程序实现手指触摸画板的具体代码，供大家参考，具体内容如下先看效果图：wxml<!--pages/shouxieban/shouxieban.wxml--><view class="container"> <view>手写板（请在下方区域手写内容）</view> <canvas style="width: {{canvasw}}px; height: {{canvash}}px" class="canvas" id="canvas" canvas-id="canvas" disabl...
2024-01-10详解微信小程序中组件通讯
这篇主要讲组件通讯（1）父组件向子组件传值：<header title='{{title}}' bind:fn='fn' id='header'></header>通过title='{{title}}'传向子组件向子组件传递参数子组件接收参数：Component({ properties: { title: { // 属性名 type: Number, // 类型（必填） type: String,//目前接受的类型包括：String, Number, Boolean, Object, Arra...
2024-01-10微信小程序实现横向滚动导航栏效果
1.page.wx.css内容如下：<view class='classify_list'> <view class="classify">分类1</view> <view class="classify">分类1</view> <view class="classify">分类1</view> <view class="classify">分类1</view> <view class="classify">分类1</view> <view class="classify">分类1<...
2024-01-10
微信小程序数据遍历
制作数据遍历的步骤在index.js中加入数据。在index.wxml中读取数据。wx:for-item可以指定数组当前元素的变量名wx:for-index可以指定数组当前下标的变量名这两个项也可以不指定，默认数组的当前项的下标变量名默认为index，数组当前项的变量名默认为item。类似block wx:if，也可以将wx:for...
2024-01-10
微信小程序获传值取值方法
微信小程序传值以及获取值方法，传值有两种方法，对应也有获取值得方法，1、设置id的方法标识跳转后传递的参数值；2、通过使用data - xxxx 的方法来标识要传递的值微信小程序设置id的方法标识来传值在要跳转的item处，设置一个id并给当前的id赋值上对应的key值，比如一部电影的id（后面...
2024-01-10
微信小程序实现表单验证
微信小程序的表单验证，供大家参考，具体内容如下需要用到一个插件WxValidat.js传送门在需要使用的page js文件下导入import WxValidate from '../../utils/WxValidate.js'主要内容WXML内容<form bindsubmit="formSubmit"> <view class="weui-cells__title">用户名</view><view class="weui-cells weui-cells_after-title"> <view cl...
2024-01-10微信小程序实现复选框效果
本文实例为大家分享了微信小程序实现复选框片展示的具体代码，供大家参考，具体内容如下样式部分你们自由发挥，反正这里是什么都没写的，选中和没选中直接用这个this.data.arrStatus[checkIndex]去判断就行了，之后你们都懂的。效果预览：js部分// page/index/index.jsPage({ /** * 页面的初始数据 */ d...
2024-01-10
微信小程序实现聊天室
本文实例为大家分享了微信小程序实现聊天室的具体代码，供大家参考，具体内容如下正文：<!-- <button bindtap='close'>关闭</button><button bindtap='open'>打开</button> --><view wx:if='{{login}}' class='login_zz'></view><button wx:if='{{login}}' class='login' bindgetuserinfo='userinfo' open-type="getUserInfo...
2024-01-10
