分类归档

小程序

FWQ
小程序
微信小程序开发之抽屉菜单实例详解
抽屉菜单是app上常见的菜单设计方式,典型的抽屉菜单如下图所示 抽屉菜单 下面展示如何基于微信小程序实现抽屉菜单,最终效果如下图所示: 抽屉菜单 页面包含一个主页和抽屉菜单页,为了实现滑动效果,页面采用absolute布局,代码如下index.wxml <view>   <view>     <image></image>     <text>{{userInfo.nickName}}</text>   </view></view><view>   <view>     <image></image>     <text>{{userInfo.nickName2}}</text>   </view></view> 登录后复制 index.wxss .main-page {   width:100%;   height:2000rpx;   position: absolute;   top: 0;   left: 0;   padding: 200rpx 0; } .drawer-menu {   width: 800rpx;   height:2000rpx;   position: absolute;…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序更新webview页面的三种方法
场景 在小程序其它页面做了操作,数据发生改变,回到webview页面时需要更新webview里面的数据。由于小程序没有提供与webview的实时通信能力,因此刷新页面是个可考虑的做法。 方法一 最常见的做法,修改一下webview的url,加点query参数什么的,页面就会更新了。但是这会增加webview的浏览history,导致用户在后退的时候,会在webview内退到前一个页面,而不是退到小程序的前一个页面。 方法二 在小程序内调用wx.redirectTo(OBJECT)方法。这里填当前页面的url。其实是关闭当前页面重新打开,变相达到刷新webview的目的。但是由于重新打开了小程序页面,因此耗时会增加一些。并且,用户会看到前一个页面闪一下,然后出现新页面。 方法三 首先,让webview做条件渲染: <web-view></web-view> 登录后复制 需要刷新时,先把webviewUrl设为空,销毁当前webview。然后再把webviewUrl设为当前值。如下:   refreshWebview: function () {     let tmpUrl = this.data.webviewUrl;     this.setData({       webviewUrl: ''     });     setTimeout(() =&gt; {       this.setData({         webviewUrl: tmpUrl       })     }, 100);   } 登录后复制 这样便可以在不影响导航栏历史的情况下刷新页面,也可以是跳转url。这里setData之后,页面内容的更新应该是异步执行的,因此我们后一次修改url需要延时一小段时间,否则会出现error。猜测setData后页面实际更新应该是在下一次的requestAnimationFrame,因此如果页面完全不卡顿可能16ms就可以了,保险起见,我设了100ms。 小结 目前我了解到的情况来看,确实没有一个简单的API可以直接无副作用地刷新小程序webview。方法三是我自己摸索出来的办法。但是总觉得这么个简单的问题应该有更直接的做法才对,奇怪。 相关文章: 以上就是微信小程序更新webview页面的三种方法的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
自己怎么做微信小程序卖东西?微信小程序自己怎么开发?
如何自己做微信小程序卖东西和开发:卖东西:注册微信小程序账号。创建小程序商城。添加商品。设置支付方式。宣传小程序。开发:安装开发工具。创建项目。编写代码。预览和调试。提交审核。发布小程序。 如何自己做微信小程序卖东西和开发 一、微信小程序卖东西 1. 注册微信小程序账号 打开微信公众号平台(https://mp.weixin.qq.com),注册一个微信小程序账号。 2. 创建小程序商城 选择“我的小程序”,点击“创建小程序”。 选择“商城”,填写相关信息生成小程序。 3. 添加商品 在小程序管理后台,点击“商品管理”>“添加商品”。 填写商品名称、详情、价格、图片等信息。 4. 设置支付方式 在小程序管理后台,点击“设置”>“支付方式”。 选择支持的支付方式,如微信支付、。 5. 宣传小程序 通过微信群、朋友圈、公众号等渠道宣传小程序。 二、微信小程序开发 1. 安装开发工具 下载并安装微信小程序开发工具(https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html)。 2. 创建项目 打开开发工具,点击“新建项目”,选择“小程序”。…
2024-11-25 阅读全文 →
FWQ
小程序
关于微信小程序解析网页内容的介绍
这篇文章主要介绍了微信小程序 解析网页内容详解及实例的相关资料,这里使用爬虫对复杂的网页进行抓取,遇到些问题,这里整理下并解决,需要的朋友可以参考下 微信小程序 解析网页内容详解 最近在写一个爬虫,需要将网页进行解析供微信小程序使用。文字和图片解析都好说,小程序也有对应的text和image标签可以呈现。而更复杂的,比如表格,则比较棘手,不管是服务端解析还是小程序呈现都很费劲,也很难覆盖所有情况。于是我想,将表格对应的HTML代码转成图片,不失为一种变通的方法。 这里我们采用node-webshot模块,它对PhantomJS进行了轻量封装,可以轻松地将网页以截图形式保存下来。 首先安装Node.js和PhantomJS,然后新建一个js文件,加载node-webshot模块: const webshot = require('webshot'); 登录后复制 定义选项: const options = {   // 浏览器窗口   screenSize: {     width: 755,     height: 25   },   // 要截图的页面文档区域   shotSize: {     height: 'all'   },   // 网页类型   siteType: 'html' }; 登录后复制 这里,浏览器窗口的宽度要根据网页情况合理设置,高度可以设置为一个很小的数值,然后页面文档区域的高度一定要设置为all,宽度默认为窗口宽度,这样就可以把表格以最小的尺寸完整截图。 接下来,定义html字符串: let html = "target rich text html code, eg:  登录后复制…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序如何查无线密码
微信小程序如何查无线密码? 登陆微信,点击下方“发现”选项。 选择“小程序”选项。 点击右上角“搜索”图标。 输入“WiFi”,然后选择第一个“WiFi密码查看器官方版”。 点开此小程序,就会看到附近的无线网络。 选择“查看密码”,就可以看到了。 以上就是微信小程序如何查无线密码的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
浅谈小程序开发需要的技术
本篇文章给大家介绍一下微信小程序开发需要的技术。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 相关学习推荐: 微信成为一种生活方式的目标已经实现,可以说微信已是移动互联网中的独立生态王国,现在微信要借小程序收割线下的流量!无论是线上流量还是线下场景,微信小程序对于线下零售店都有充分的吸引力。那么微信小程序开发制件需要掌握哪些语言? 第一、微信小程序wxml 有过编程基础的工程师,在接触到wxml之后你才会发现,其实这个语言的编程理念和html网页的编程技术是类似的,当你研究一点时间后就知晓,开发一款微信小程序所需要的技术含量并不高,只是对一些标签的更换,比如 换成了等。即使你对前端不不是非常拿手,转战微信小程序的开发事业,也会是非常好的方向。   第二、微信小程序之wxss wxss就是微信的css。微信把网页编程里运用的css,换成了自己的开发语言,wxss;,其实主要的实现思想理念也和网页的开发技术基本没什么不同,也是一些标签的简单替换,大部分和原先的css、基本不误,都是通过同页面调用的方式实现的,但是可以说微信小程序比网页开发还要简单一些,更方便一些,比如是在两个文件内,只要index.wxml和index.wxss着两个文件同时都在一个目录内就能想再网页上直接写css一样,简单快捷。 第三、微信小程序之js 如果你想开发一款微信小程序学会微信小程序的js是必须要精通的,只要你html+css+js的基础打的好在来全力的学习微信小程序js,之后在前端开发上就没有什么问题了,但是微信js是需要花精力去学习,可以买一本参考书或者了解下微信小程序的api都是可以快速的帮助你介入开发的队列。 第四、微信小程序之json 以上几点精通后,需要熟练掌握的就是json,简单来说,json就是微信小程序的一门主次的界面,工程师们可以通过json控制上下菜单栏、主次的页面展示顺序。不过用的频率不高,只是在基本的小程序的框架构架才会应用到,但是这个也需要学习,因为除了展示类型的每个前端的操作都需要和后端对起来,因为如果想做大就要做到简易化,因为在修改代码之后在小程序内搜索到的是上线后的版本,也就是我们提交过后微信审核之后才被展示的,在源代码上修改之后需要提交审核到微信公众平台-小程序管理平台,审核通过后用户才能看到你修改后的,所以为了避免这个麻烦一定要学会后端技术开发,和前端链接起来互通有无。 其实,小程序类似于H5面,提供了视图层描述语言,需要掌握WXML 和 WXSS 以及基于JavaScript的逻辑层框架,这里wxml相当于html,wxss相当于css。 更多编程相关知识,请访问:!! 以上就是浅谈小程序开发需要的技术的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序组件:navigator页面链接解读和分析
navigator页面链接组件说明: 页面链接。 navigator页面链接的组件用法: Tip: 官方规定小程序最多只能有五个页面同时存在,意思是在不关闭页面的情况,最多新开五个页面,页面深度为5。当页面栈达到5后将无法转跳。 当navigator组件存在redirect属性时(无论redirect的值时true还是false),将会关闭当前页面并转跳到目标页面,页面栈不变化。 当navigator组件不存在redirect属性时,保留当前页面,转跳到目标页面,页面栈加1。 navigator页面链接示例代码运行效果如下: 下面是WXML代码: <!-- sample.下面是WXML代码: --> <view class="btn-area"> <navigator url="navigate?title=navigate" hover-class="navigator-hover">跳转到新页面</navigator> <navigator url="redirect?title=redirect" redirect hover-class="other-navigator-hover">在当前页打开</navigator> </view> 登录后复制 <!-- navigator.下面是WXML代码: --> <view class="title">…
2024-11-25 阅读全文 →
FWQ
小程序
微信公众平台开发基础概念介绍
一:如何开始 1:如果没有公众帐号,可以先申请一个测试帐号:http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login 2:登录之后界面是这样滴: 3:接下来,我需要准备自己的网站,然后发布自己的 URL。于是,我用 ASP.NET 写了一个 WeixinTest.ashx,其代码如下: public void ProcessRequest(HttpContext context)  {            string echoStr = HttpContext.Current.Request.QueryString["echoStr"];            string signature = HttpContext.Current.Request.QueryString["signature"];            string timestamp = HttpContext.Current.Request.QueryString["timestamp"];            string nonce = HttpContext.Current.Request.QueryString["nonce"]; 登录后复制     if (!string.IsNullOrEmpty(echoStr))           {                HttpContext.Current.Response.Write(echoStr);                HttpContext.Current.Response.End();            }        } 登录后复制 在自己的服务器上发布了这个网站后,我们填写地址和 TOKEN(注意,我的测试代码中并没有验证这个 TOKEN)。然后在上文图中点击 提交 后,得到了这个界面: 以上界面的出现即意味这提交成功。…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序开发入门篇介绍
前言 近日,在工作闲暇之余,阅读了一些关于微信小程序的文章,忍不住,想动手试他一试。本文就以“我的第一个微信小程序”为例,简单的介绍下,微信小程序的入门级用法。 一、注册小程序账号 1、进入微信公众平台(https://mp.weixin.qq.com/),注册小程序账号,根据提示填写对应的信息即可。 2、注册成功后进入首页,在 小程序发布流程->小程序开发与管理->配置服务器中,点击“开发者设置”。 3、会获得一个AppID,记录AppID,后面创建项目时会用到。 注意:如果要以非管理员微信号在手机上体验该小程序,那么我们还需要操作“绑定开发者”。即在“用户身份”-“开发者”模块,绑定上需要体验该小程序的微信号。本教程默认注册帐号、体验都是使用管理员微信号 二、下载微信web开发者工具 为了帮助开发者简单和高效地开发,微信小程序推出了全新的开发者工具 ,集成了开发调试、代码编辑及程序发布等功能。 1、下载页面:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=201715 根据系统,选择对应的工具版本下载 2、工具包含编辑、调试和项目三个页卡: (1)编辑区可以对当前项目进行代码编写和文件的添加、删除以及重命名等基本操作 (2)程序调试主要有三大功能区:模拟器、调试工具和小程序操作区 (3)项目页卡主要有三大功能:显示当前项目细节、提交预览和提交上传和项目配置 注意:启动工具时,开发者需要使用已在后台绑定成功的微信号扫描二维码登录,后续所有的操作都会基于这个微信帐号 三、编写小程序实例 1、实例目录结构 test  ├─ page  │ └─ index  │  ├─ index.js  │  ├─ index.json  │  ├─ index.wxml  │  └─ index.wxss  ├─ app.js…
2024-11-25 阅读全文 →
FWQ
小程序
使用.NET微信公众号开发之准备工作步骤介绍
本文是.net微信公众号开发系列文章的第一篇,主要给大家简单介绍下微信公众号的一些操作,有需要的小伙伴可以参考下。 一.前言 微信公众号是开发者或商家在微信公众平台上申请的应用账号,该帐号与QQ账号互通,通过公众号,商家可在微信平台上实现和特定群体的文字、图片、语音、的全方位沟通、互动 。形成了一种主流的线上线下微信互动营销方式。 二.开发准备 在开发以前,公司给你把一些资料准备好,这时候你只需要登录微信公众平台https://mp.weixin.qq.com。启动我们的开发者模式 这些工作都准备好了就可以开始我们的编码工作了。 三.开始编码 第一步:我们要做的就是创建菜单。菜单分为一级菜单,二级菜单,官方规定一级菜单最多3个,二级菜单最多5个如下图所示。 以上所述就是本文的全部内容了,希望大家能够喜欢。 以上就是使用.NET微信公众号开发之准备工作步骤介绍的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →