分类归档

小程序

FWQ
小程序
小程序开发中的wxcanvas详解
测试手机为IPHONE6,开发者工具版本0.10.102800 微信小程序里的 非 h5 canvas有很多不一样的地方,以下把微信小程序的canvas叫做wxcanvas 下面全是我一点点测试出的干货,耐心看: 1.wxcanvas,不像h5canvas那样有和和width和height的style样式。他只有style样式,可以理解为他就是个框吧; 2.wxcanvas不要当成真的H5canvas,就当它是个p就行,画出范围的东西也是存在的,改变width,height就显示出来了,或者说这里有重绘,但具体如何实现的不知道; 3.改变wxcanvas的style的width,height,并不改为原画布上的东西的大小; 4.css transform变换中的变大缩小也无法改变原画布上的东西大小 5.官方说法:context只是一个记录方法调用的容器,用于生成记录绘制行为的actions数组。context跟<canvas></canvas>不存在对应关系,一个context生成画布的绘制动作数组可以应用于多个<canvas></canvas>。 实际上,context.getActions()后,context中的信息会被清空,如果想重复利用,需要var temp=context.getActions()将操作数组保存下来,才可重复用于wx.drawcanvas; 6.注意 wx.drawCanvas({   canvasId: 'target',   actions: context.getActions() }); 登录后复制 默认会清空画布,想不清空需要 wx.drawCanvas({     canvasId: 'target',     actions: context.getActions(),     reserve:true }); 登录后复制 7.《重点》…
2024-11-25 阅读全文 →
FWQ
小程序
通过实例了解一下小程序中怎么实现canvas拖动功能
本篇文章给大家通过代码实例来讲解一下微信小程序canvas拖动元素功能的实现方法,希望对大家有所帮助! 创建画布 <canvas></canvas> 登录后复制 登录后复制 data数据 // 鼠标状态 statusConfig : {       idle: 0,       //正常状态       Drag_start: 1, //拖拽开始       Dragging: 2,   //拖拽中 }, // canvas 状态 canvasInfo : {    // 圆的状态    status: 0,    // 鼠标在在圆圈里位置放里头    dragTarget: null,    // 点击圆时的的位置    lastEvtPos: {x: null, y: null}, }, 登录后复制 在画布上画两个圆 onLoad: function (options) {     // 设置画布,获得画布的上下文 ctx     this.getCanvas(); }, getCanvas(){…
2024-11-25 阅读全文 →
FWQ
小程序
一个删除进程的小程序详细介绍
看windows api的时候,作为练习,编写了个删除进程的程序。觉得里面知识点挺多的,所以贴上来当个笔记用。当然难免有错误,欢迎指教 ^^    其中也用到了篇文章里面说到的调整权限的函数,于是就直接从关机程序里面copy过来了。下面是程序,关键地方给了注释。 看windows api的时候,作为练习,编写了个删除进程的程序。觉得里面知识点挺多的,所以贴上来当个笔记用。当然难免有错误,欢迎指教 ^^     其中也用到了上篇文章里面说到的调整权限的函数,于是就直接从关机程序里面copy过来了。下面是程序,关键地方给了注释。 #include<stdio.h> #include<windows.h> #include<tlhelp32.h> void ListProcess()                        //列出进程名称及ID {     HANDLE hProcessSnap=NULL;     PROCESSENTRY32 pe32={0};            //存放进程信息的结构体     hProcessSnap=CreateToolhelp32Snapshot(TH32CS_SNAPPROCESS,0);        //创建系统所有进程的快照     if(hProcessSnap==INVALID_HANDLE_VALUE)     {         printf("CreateToolhelp32Snapshot failed: %d ",GetLastError());         return;     }     pe32.dwSize=sizeof(PROCESSENTRY32);     printf("ProcessName            ProcessID ");     if(Process32First(hProcessSnap,&amp;pe32))                //指向第一个进程,并将其放入PROCESSENTRY32结构体中     {         char c[5];         do         {             itoa(pe32.th32ProcessID,c,10);…
2024-11-25 阅读全文 →
FWQ
小程序
wxss字体组件及API的思维导图详细介绍
一:字体 一.字体:font。设置对象的文本特性。 1.font-style:文字样式。 取值:normal 正常的字体, italic 斜体字, oblique 倾斜的字体。 2.font-weight:设置文本字体的粗细。取值范围为100-900. 取值:mormal:正常大小相当于400。bold :粗体,相当于700。bolder, lighter。 3.font-size:设置字体尺寸大小。 4.font-variant:设置对象中的文本是否为小型的大写字母。 取值:mormal 正常的字体。small-caps 小型的大写字母字体。设置了以后会不论原来是否为大小字母 全部改为大写。 5.font-family:设置字体名称。 6.font-stretch:设置对象中的文字是否横向拉伸变形。 取值:normal:正常文字宽度。 ultra-condensed:比正常文字宽度窄4个基数。 extra-condensed:比正常文字宽度窄3个基数。 condensed:比正常文字宽度窄2个基数。 semi-condensed:比正常文字宽度窄1个基数。 semi-expanded:比正常文字宽度宽1个基数。 expanded:比正常文字宽度宽2个基数.…
2024-11-25 阅读全文 →
FWQ
小程序
带大家聊聊小程序中的几种页面传参方式
本篇文章给大家介绍一下小程序中的几种页面传参方式,希望对大家有所帮助! 小程序中页面传参的方式 url传参 方式和web中的方式一致。 index1 页面 <navigator>页面2</navigator> 登录后复制 或者     wx.navigateTo({       url: "/pages/index2/index2?name=海贼王"     }) 登录后复制 index2 页面   onLoad: function (options) {     console.log(options);// { name : 海贼王}   }, 登录后复制 需要注意的是,如果 index2 是tabbar页面,那么无法在onLoad中获取页面参数。【相关学习推荐:小程序开发教程】 事件通道 EventChannel 如果一个页面由另一个页面通过 打开,这两个页面间将建立一条数据通道: 被打开的页面可以通过 this.getOpenerEventChannel()…
2024-11-25 阅读全文 →
FWQ
小程序
JAVA微信开发新手必看的接入指南介绍
相信很多人对微信开发已经不那么陌生,我也是从一个微信开发的菜鸟经过各种问题的折磨,然后去搜索引擎搜索各种文章阅读,但是基本都是零散的资料,没有一个统一、系统的阐述微信应用如何开发。作者结合自己的实际开发经验,归纳整理出来分享给微信开发的入门者或正在研究的开发者。 这篇文章主要阐述如何搭建一个微信开发平台。古人云:“磨刀不负砍才工”。我们开发应用也需要准备一些必要的条件。  准备工作  1.  下载 Jdk1.7  安装  2.  下载 Tomcat 7.0  3.  下载 Myeclipse 6.5  4.  下载 Json-lib第三方jar . 1.      申请一个公网IP地址,发布自己的应用。 例如: 192.168.1.102 2.      打开myeclipse 创建一个工程 如下图所示:   3.  创建一个微信应用接入Servlet类…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序常用API(总结分享)
本篇文章给大家带来了关于的相关知识,其中主要总结了一些常用的api,下面一起来看一下,希望对大家有帮助。 【相关学习推荐:】 一、 系统常用api 1. wx.openAppAuthorizeSetting(Object object) 跳转系统微信授权管理页 参数 1)success 接口调用成功的回调函数 2)fail 接口调用失败的回调函数 3)complete 接口调用结束的回调函数(调用成功、失败都会执行) 登录后复制 2. wx.getWindowInfo() 获取窗口信息 参数 1)pixelRatio 设备像素比 2)screenWidth 屏幕宽度,单位px 3)screenHeight 屏幕高度,单位px 4)windowWidth 可使用窗口宽度,单位px…
2024-11-25 阅读全文 →
FWQ
小程序
微信小程序基础入门篇
本篇文章主要介绍了微信小程序入门教程,现在分享给大家,具有一定的参考价值,感兴趣的小伙伴们可以参考一下。 微信小程序(下面简称小程序)近些月来刷爆了我们这些程序猿们的圈子,可以说无数的程序猿磨刀霍霍,准备在这快蛋糕上杀出一片天地。那么作为前端开发人员,小程序开发和我们平常的开发有什么不同的地方呢?让我们一起来走进门里看看。 我们从下面几个方向来了解一下小程序的开发: 1.开发工具 2.布局差异 3.JS差异 4.其它 序 先看一张小程序初始化的目录:小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。一个小程序主体部分由三个文件组成,必须放在项目的根目录,如下:app.js、app.json、app.wxss;一个小程序页面由四个文件组成,分别是:js、wxml、wxss、json。 详情传送门请戳–>https://mp.weixin.qq.com/debug/wxadoc/dev/framework/structure.html?t=20161107 一、开发工具 微信提供了一款 ‘ 微信开发者工具 ‘ ,可以直接在小程序的官网下载(https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=20161107)。   微信开发者工具集成了开发调试、代码编辑及程序发布。关于工具本身没什么好介绍的,用了一段时间,从代码编辑的习惯来说,比较类似sublime text3,各种特性也都和st3相差不大,估计也是内置了emmet,上手还是比较轻松的。  需要注意一点的问题是在使用微信开发者工具时,要习惯使用”编译“功能,有的人会遇到自己在编辑器里明明修改了某些地方,但是页面里却没有发生变化,这个时候其实只需要重新编译一次,就妥妥的解决了。同时,遇到一些奇怪问题的时候,也不妨清理一下缓存,也许会有意外收获。 二、布局差异 1.标签  小程序的标签和我们习惯的p,p,span等标签有较大的差异,小程序里完全取消了这些我们所熟悉标签,取而代之的标签又被叫做组件,分别是视图容器、基础内容、表单组件、操作反馈(将会废弃,改为API)、导航、媒体组件、地图和画布这八类。(传送门:https://mp.weixin.qq.com/debug/wxadoc/dev/component/?t=20161107)  组件的用法和标签一样,比如view组件、text组件。从写法上看起来和标签写法没什么区别,但是这些组件和标签最大的区别就是,组件本身设置了样式,比如icon组件:    <view>  <block>…
2024-11-25 阅读全文 →
FWQ
小程序
怎么屏蔽所有的公众号?
解决方法:1、打开微信,点击“订阅号”;2、点击并进入“公众号”;3、点击“人像”按钮;4、将“接受消息”关闭即可。 方法: 首先我们找到我们手机桌面的微信 然后我们找到我们订阅号 我们看一下这里的已经满了,每天都接收好多的消息,里面可能有图片什么的,很占内存 我们随便找一个,果然里面有好多的图片和消息,点击上边的头像 我们来到我们的关注的公众号的首页,我们点击下边的把接收消息关闭了, 或者我们点击不再关注也行了,我们就不用接收消息了 推荐教程:《》 以上就是怎么屏蔽所有的公众号?的详细内容,更多请关注米云其它相关文章!
2024-11-25 阅读全文 →
FWQ
小程序
小程序支付功能怎么开启
小程序支付功能怎么开启?  登录微信公众平台 进入页面后点击左边菜单—-微信支付 点击显示页面右边的开通 注 申请条件 申请微信公众号支付,必需满足以下条件: ●通过微信认证已认证 申明 ·         申请微信支付,包括微信认证已提供的资料外,你还需要提供以下材料: ·         • 联系人姓名、手机、邮箱、微信 ·         •…
2024-11-25 阅读全文 →