分类：小程序

2020
09-25

小程序中使用css var变量(使js可以动态设置css样式属性)

使用sass,stylus可以很方便的使用变量来做样式设计，其实css也同样可以定义变量，在小程序中由于原生不支持动态css语法，so，可以使用css变量来使用开发工作变简单。基本用法基础用法<!--web开发中顶层变量的key名是:root，小程序使用page-->page{--main-bg-color:brown;}.one{color:white;background-color:var(--main-bg-color);margin:10px;}.two{color:white;background-color:black;margin:10px;}.three{... 继续阅读 >

2020
09-25

小程序双头slider选择器的实现示例

小程序商城项目中，需要设置价格区间，或者在旅游行业项目中需要设置时间区间，双头选择器有比较好的交互效果支持设置单头、双头选择器支持自定义选择头的文字/图片支持自定义轴支持开启/关闭提示信息支持事件绑定示例代码https://github.com/webkixi/aotoo-xquery=>pages/sslider配置说明wxml<ui-itemitem="{{sliderConfig}}"/>jsconstPager=require('../../components/aotoo/core/index')constmkSslider=req... 继续阅读 >

2020
09-24

Java后台实现微信支付和微信退款

微信支付流程都是我自己工作中开发的，亲测可用，不喜勿喷。controller中我是这么写的，你们需要根据自己的业务需求改动。ResponseBean是我自己封装的，你们可以改成你们想要的形式。/***微信统一下单接口*@return*/@RequestMapping(value="/doUnifiedOrder",method=RequestMethod.POST)publicResponseBeandoUnifiedOrder(@RequestBodyMap<String,Object>req){MapresultMap=newHashMap();Stri... 继续阅读 >

2020
09-24

小程序使用分包的示例代码

本文介绍了小程序使用分包的示例代码，分享给大家，具体如下：官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages.html某些情况下，开发者需要将小程序划分成不同的子包，在构建时打包成不同的分包，用户在使用时按需进行加载。总结就是小程序内所有代码图片资源大小超过2M,此时就可以考虑创建分包，扩大小程序容量目前小程序分包大小有以下限制：整个小程序所有分包大小不超过12M单个分包/... 继续阅读 >

2020
09-24

微信小程序保持session会话的方法

        一般我们web网站都会有cookie来保存sessionID，将用户和服务器保持在一次会话中，但是很遗憾，微信小程序不支持cookie，他的每一次请求就是一次会话，这样就会产生一个问题，每次请求都需要确定当前的用户是谁，但是我们又不能在每次请求的数据中携带用户的信息，这样是不安全的。今天就介绍两种方式来实现保持会话。第一种：客户端保存sessionID     ... 继续阅读 >

2020
09-24

Java小程序赛马游戏实现过程详解

这是当时做的一个小游戏，大概就是程序开始后，会进入用户登录界面，用户输入自己的姓名和密码后，选择登录会进入到赛马比赛的界面，这时可以看见赛马场和马匹的编号，用户可以选择任何一个编号的马进行投注，输入有效的投注金额（因为系统设置了初始金额，所以不得投注的超过初始金额）。投注完成后用户可以选择开始比赛，赛马期间用户不得进行任何操作，赛马结束后，用户可以重新进行新一轮的赛马比赛，方法上同。程序流程图：一... 继续阅读 >

2020
09-24

微信小程序如何加载数据库真实数据的实现

微信小程序要加载网站数据库里面的真实数据，有一个硬性的要求，就是你的网站域名必须是https协议才行，要不然你第一步服务器域名配置你都通过不了，小编我也是前不久申请的https://www.100txy.com，具体申请步骤大家自行去申请吧，这里我就不做过多的介绍。下面我就以加载我博客素材最新的6条数据为案例来分析，下面是详细步骤。一、进入小程序后台配置https服务器域名二、程序中写好调用的数据，并返回json格式//获取素材列表接... 继续阅读 >

2020
09-23

Java Applet查找素数小程序代码实例

1.Applet这个远古的东西，今天我同学让我帮他看看代码，说applet运行出错。额，反正闲着也是闲着，看看呗，结果看到代码。。。2.就是实现这破玩意packagecalculate;importjava.applet.Applet;importjava.awt.*;importjava.awt.event.*;publicabstractclassprimeNumBetweenextendsAppletimplementsActionListener{intc=0,d=0;int[]res;intlength;Labelprompt1=newLabel("上限");Labelprom... 继续阅读 >

2020
09-23

手把手带你入门微信小程序新框架Kbone的使用

Kbone框架前些天在微信上收到了微信开发者公众号的文章推送《揭开微信小程序Kbone的神秘面纱》，心想：微信小程序有新框架了？抱着学习的态度点进去看了一眼，看过之后觉得这框架也太宠开发者了吧，不愧是微信团队出品。原来这个框架早在去年就已经发布了，看完只恨自己没有早点知道消息开始学习这个框架。我写本文的目的也是为了跟个风，想要让更多的人能够知道这个框架，感受它的便利，希望好学的你可以停下脚步看看~Kbone是什... 继续阅读 >

2018
08-28

小程序开发实践总结 - WEB前端

从微信发布小程序以来，各大公司纷纷跟进都想从微信这个流量池里捞一杯羹。我司也不例外，我们整个前端团队这半年来基本上都是在开发小程序。前前后后也开发了四五个小程序了。总觉得要留下点什么，既是记录那些年我们踩过的坑，也是希望大家别再掉坑。那些年我们踩过的坑css样式不能引用本地图片资源，只能引用线上资源( background-image )，引用本地图片资源只能用 <image> 标签。{{}... 继续阅读 >

2017
08-08

微信小程序开发资源汇总

官方文档小程序开发文档小程序设计指南小程序开发者工具新闻报道微信正式开放内测"小程序"，不开发APP的日子真的来了？(36氪)关于微信小程序（应用号），我能透露的几个细节(可能吧)你的产品适不适合做微信小程序？你需要这篇产品逻辑分析(虎嗅网)微信公众平台小程序开放公测(微信官方)社区WXOPENClub|微信小程序专业社区工具微信小程序(应用号)微信web开发者工具破解版(DiyCode)... 继续阅读 >

2016
10-18

微信小程序demo

9月22日凌晨，微信公众平台对200个服务号发送了“微信小程序”的测试邀请。微信方面表示，“小程序”目前只是测试阶段，未来此类“小程序”的主体比较广泛，不管是个人、政府、企业、媒体，抑或是其他组织开发者，均可以申请注册和使用“小程序”，“小程序”发布后，在业内掀起了较大的反响。下面是我初步探究所做的简单整理。目录结构我们在微信提供的开发工具中新建一个项目，开发工具会给我们建立一个最基本的目录结构和示... 继续阅读 >

2016
10-17

微信小程序开发支持 websocket

为什么需要websocket？传统的实时交互的游戏，或服务器主动发送消息的行为（如推送服务），如果想做在微信上，可能你会使用轮询的方式进行，不过这太消耗资源，大量的请求也加重了服务器的负担，而且延迟问题比较严重。如果是自己开发的app，为了解决这些问题，很多团队会自建socket，使用tcp长链接、自定协议的方式与服务器进行相对实时的数据交互。有能力的团队，采用这种方式自然没什么大问题。不过小团队可能就要花费很多时... 继续阅读 >

2016
10-17

微信小程序官方文档解读：如何才能避开小程序的规则 “雷区”

虽然微信小程序还处于内测阶段，但得益于各种开发者、行业人士的广泛讨论，对微信小程序有深入了解的开发者已经初具规模。微信小程序的出现体现了微信的创新思维，也继承了微信严密的内容管理风格，稍有不慎，就可能触碰到微信的底线。对于开发者来说，如何才能在开发中避免违反微信的规则，顺利上线小程序？这份解读将可以帮助你全面地了解两份微信小程序官方文档——《微信小程序平台运营规范》和《微信小程序平台常见拒绝情形... 继续阅读 >

2016
09-29

微信小程序学习一初探“小程序”

最近这两天，“微信小程序”这个词占据了朋友圈，大有一番风起云涌之势，当然，还不可能夸张到使原生App开发人员失业这种程度。当然，作为一名技术人员，时刻保持对新技术的好奇心是必须的，所以在网上找大神的教程，搭建了一下开发环境，来学习一下这个新的开发框架。一项目文件结构当打开微信小程序的Demo的时候，我个人习惯是先看整个项目的文件结构，先大致弄清这部分是干什么的，那部分又是干什么的，微信小程序基本的文... 继续阅读 >

2016
09-29

微信小程序开发:Flex布局

微信小程序页面布局方式采用的是Flex布局。Flex布局，是W3c在2009年提出的一种新的方案，可以简便，完整，响应式的实现各种页面布局。Flex布局提供了元素在容器中的对齐，方向以及顺序，甚至他们可以是动态的或者不确定的大小的。Flex布局的主要特征是能够调整其子元素在不同的屏幕大小中能够用最适合的方法填充合适的空间。flex布局Flex布局的特点:任意方向的伸缩，向左，向右，向下，向上在样式层可以... 继续阅读 >