网站开发

个人对微信小程序开发的一点见解，目前主要写了：微信小程序和h5的区别、微信小程序开发注意事项 微信小程序和H5的区别 运行环境不同 H5的运行环境为浏览器和移动端的webview，而微信小程序则是微信自己开发的类似React Native框架的产物，其特点为，不需要更新微信app，小程序就可以自己进行更新！ 获取系统权限的不同 首先我们要承认，微信小程序是微信的亲儿子，而H5则是别人家的，所以，微信小程序在权限获取方面是可以直接API调用的，而H5则需要做好适配，例如，数据存储之类、微信分享之类的的。 流畅度不同 这个其实没什么可说的，正如我上面所说的，一个亲儿子，一个别人家的，加上微信专门为小程序开发的相关平台，所以，微信小程序的流畅度要比H5强很多 API、框架、组件不同 微信小程序的WXSS、WXML脱胎于H5的HTML、CSS，但是并不是原版照抄的，在很多地方也是有区别的，例如，很多组件，微信小程序进行了自己编写，和H5并不兼容。所以我们在开发过程中要注意先查看官方开发文档。 开发小程序注意事项 仔细阅读官方开发文档，注意版本更新，因为小程序的诞生时间还算比较短，所以有很多东西还需要更改，所以有可能你上一个版本还在使用的东西，下一个版本就已经淘汰了。 微信小程序不是H5,所以不能把H5代码复制直接使用，某些组件和WXSS操作时要注意.例如我查询H5的CSS样式中的display属性默认为inline，但是我在微信小程序实用工具查询发现是block，还有就是组件的不适应，不识别。 微信小程序虽然也是用js，但是某些js功能却无法使用，例如节点获取微信小程序调用无反应！经过我的查询，发现微信小程序无法使用DOM操作，对于小程序而言它的一切变化都是通过数据去进行驱动的！ 要注意微信小程序的大小上传限制，小心超了，就不好玩了! 目前只发现了这么多，以后发现会再进行逐渐完善! 以上就是关于微信开发小程序的一点个人总结的详细内容，更多请关注米云其它相关文章！

这次给大家带来如何使用Koa2开发微信二维码扫码支付，使用Koa2开发微信二维码扫码支付的有哪些，下面就是实战案例，一起来看一下。 前段时间在开发一个功能，要求是通过微信二维码进行扫码支付。这个情景我们屡见不鲜了，各种电子商城、线下的自动贩卖机等等都会有这个功能。平时只是使用者，如今变为开发者，也是有不小的坑。所以特此写一篇博客记录一下。 注： 要开发微信二维码支付，你必须要有相应的商户号的权限，否则你是无法开发的。若无相应权限，本文不推荐阅读。 两种模式 打开微信支付的文档，我们可以看到两种支付模式：模式一和模式二。这二者的流程图微信的文档里都给出了（不过说实话画得真的有点丑）。 文档里指出了二者的区别： 模式一开发前，商户必须在公众平台后台设置支付回调URL。URL实现的功能：接收用户扫码后微信支付系统回调的productid和openid。 模式二与模式一相比，流程更为简单，不依赖设置的回调支付URL。商户后台系统先调用微信支付的统一下单接口，微信后台系统返回链接参数code_url，商户后台系统将code_url值生成二维码图片，用户使用微信客户端扫码后发起支付。注意：code_url有效期为2小时，过期后扫码不能再发起支付。 模式一是我们平时在网购的时候比较常见的，会弹出一个专门的页面用于扫码支付，然后支付成功后这个页面会再次跳转回回调页面，通知你支付成功。第二种的话想对少一些，不过第二种开发起来相对简单点。 本文主要介绍模式二的开发 。 搭建Koa2的简单开发环境 快速搭建Koa2的开发环境我推荐可以使用koa-generator 。脚手架能帮我们省去Koa项目一开始的一些基本中间件的书写步骤。（如果你想学习Koa最好自己搭建一个。如果你已经会Koa了就可以使用一些快速脚手架了。） 首先全局安装 koa-generator ： npm install -g koa-generator #or yarn global add koa-generator 登录后复制…

微信小程序 基础知识css样式media标签 前言： 微信小程序中我遇到了一个对我来说是新的东西，但是对于前端开发来说不算是新知识，html页面中的media标签，在此记录下来以备不时之需 在css中我们使用media标签来区分调用哪个css样式，比如使用media=”print”来表示当执行打印文档时，使用print.css样式。这样使得文档更有得于打印，如将页面宽度增宽、或屏蔽掉一些不需要打印的内容。 <link><link>  <link> 登录后复制 下边是media标签的10个值，可见常用的并不多。当没有media标签时，默认为media=”all”。 立即学习“”； all– 用于所有设备类型 aural– 用于语音和音乐合成器 braille– 用于触觉反馈设备 embossed– 用于凸点字符（盲文）印刷设备 handheld– 用于小型或手提设备 print– 用于打印机 projection– 用于投影图像，如幻灯片 screen– 用于计算机显示器 tty– 用于使用固定间距字符格的设备。如电传打字机和终端…

background-color:#FFFFFF;text-align:center;”> 微信小程序还没正式发布就已经迅速成为大家讨论的焦点，那么大家可能觉得只有收到内测邀请才能体验小程序的开发流程，其实不然，大家都可以体验，下面就带大家一起了解。 下载微信 Web 开发者工具 首先，微信给我们提供了它自己的小程序集成开发工具，只需要到这个页面下载即可： 下载完成后，打开开发者工具，会有一个扫码登录界面。 用你的微信扫码就可以登录进来了， 然后开发者工具会帮我们创建一个默认工程，项目的文件结构如下： 所有的代码编辑以及运行预览都可以在这个开发者工具中进行。接下来咱们看看微信小程序的项目结构。 项目结构 如上图，首先在根目录中有三个文件 app., app., app.。 其中 app.js 是程序主入口的脚本文件， app.json 是全局, app.wxss 是小程序的样式表文件。 先来看看 app.json : { "pages":[ "pages/index/index", "pages/logs/logs" ], "window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "WeChat", "navigationBarTextStyle":"black" } } 登录后复制…