面对微信小程序,可能没有像我们平时使用JQuery那样随心所欲.本篇就是为了解决这个问题. 请合理使用工具! 细节就不说了,直接备份一个实现的案例: wxml <view class="guess" > <view> <image data-data_auto = "{{ac[index]}}" data-index="{{index}}" data-num="1" data-id="{

封装好用的 类库 和 组件,复用且灵活度高 抽取相同的部分放在函数内部(组件内部) 抽取不同的部分放在形参(组件 props 传参,或者插槽) new Promise 运行时 初始化实例对象的状态为 pending 初始化 根据后续异步代码,修改状态为 成功状态 或者 失败状态,然后自动调用相应的回调 React - 没有 DOM 对象,一切基于组件化 - 动态构建用户界面的 js 库 模块化: 实现特定功能的代码集合 组件化: 实现某功能模块的所有资源集合 事件机制 事件冒泡: 捕获阶段 -

在项目中经常要用到一个容器元素占满屏幕高度和宽度,然后再在这个容器元素里放置其他元素. 宽度很简单就是width:100% 但是高度呢,我们知道的是height:100%必须是在父元素的高度给定了的情况下才可以. 以前我的做法是用js获取屏幕的高度,然后将其赋值给height, 屏幕高度在网页中为:window.innerHeight; 在微信小程序中则需要调用wx.getSystemInfo接口,然后通过setData赋值 但是显然通过js来进行的,效率上肯定不如css直接给定样式. 于是我们

1. 新建一个文件夹. 2. 打开微信小程序开发工具,导入新建文件夹:然后输入创建的appId:会自动生成一个project.config.json,打开这个文件,会看到appid这个字段. 3.可以将之前开发的项目导入新文件夹,注意,除了project.config.json.

注册 微信小程序注册 https://mp.weixin.qq.com/wxopen/waregister?action=step1   填写账号信息  作为登录帐号,请填写未被微信公众平台注册,未被微信开放平台注册,未被个人微信号绑定的邮箱 ,每个邮箱只能申请一个小程序.   邮箱激活 注册成功后会向注册的邮箱发送一个邮件,点击链接激活即可 填写个人信息 根据情况进行填写即可 填写后扫描二维码,进行身份验证 确认信息无误,进行提交 开启小程序之旅 填写小程序信息 根据自己的填写信息即可 添加开

一.打开微信开发者工具,扫码登录 二.点击右侧的加号,添加小程序 第三步:创建成功后,报错 VM82:1 cloud init error: Error: invalid scope 没有权限,请先开通云服务 第四步:解决办法:https://blog.csdn.net/qq_35759451/article/details/102811738 首先,开通云服务 开通成功后页面如下: 接着重新编译程序 发现点击获取openid又有问题 然后,将cloudfunctions文件夹右键更多设置,选择

页面的数据中如果有子元素,如下图nowQuestion中的deleted元素 在小程序的setData中,不能直接用nowQuestion.deleted来设定它的值,而需要再定义一个变量承接 另外,不定义其它变量,直接用deleted:true也是可以改变deleted的值的,但是如果外层也有一个deleted,就会改变外层的deleted而不是内层的

QQ讨论群:785071190 创建页面 创建小程序页面非常简单,鼠标在需要创建页面的目录右击,可看到下图菜单,选择"Page"即可创建出一个页面. 输入页面名称,回车就可以创建出一个页面所需要的四个文件.json  .js  .wxss  .wxml   小程序页面创建完成后,app.json中pages属性将自动添加一条记录"pages/index/demo"

同事找我解决一个问题 说安卓圆角没问题 苹果上失效了 我一看 其实就是没做兼容上图给你们看看 有没有看出来 其实就是父级设置圆角属性失效 父元素使用border-radius和overflow:hidden做成圆形,子元素如果使用了transform属性,则父元素的overflow:hidden会失效. 我同事用css3动画给这些字体价格闪闪旋转的金边这个好办父元素使用 -weibkit-mask-image 覆盖掉圆角部分.-webkit-mask-image 可以使用图片.Gradient

01 创建组件 遇见的困难 图标显示不出来,是因为你没有在组件的css中引入,所以显示不出来. 我一直以为是一个坑.结果是自己没有整清楚 01==>在page的同级目录下,创建一个文件夹,命名为components文件夹,这个文件夹是用来放组件的哈. 02==>然后单击这个文件夹,选择创建一个目录(如topheader).topheader在components文件夹下. 03===>创建好了目录(topheader),在点击这个(topheader)这个文件夹.创建[page] 02如

* 成为微信公众平台的开发者 注册 https://mp.weixin.qq.com * 登录 https://open.weixin.qq.com/ * 开发者工具下载 https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=18080318 * 申请测试号 https://developers.weixin.qq.com/weloginpage?redirect_url=%2Fsandbox * 取得

组件定义流程 1)为了方便管理组件文件,创建一个目录来存放组件(可省略该步骤) 组件与页面都有相同的配置,包括的文件有:wxml.wxss.js.json 四个文件. 2)编写组件 编写组件与编写页面一样,没有什么区别. 3)引入组件 哪个页面需要用到组件,就要在哪个页面下的 json 文件中配置以下信息: { "usingComponents": { "event-item": "../../components/event-item/event-ite

在text标签中加入 decode = "{{true}}" ,然后字啊需要加入空格的地方使用   即可加入一个空格,可以连续用多个例如: <text decode = "{{true}}">此处加入  空格</text>

关于Flex布局不在此处赘述,需要了解的可以查阅官方文档:基本的布局方法——Flex布局 当使用Flex布局,想实现如下图1的效果时,代码编写如下: 图1: <!-- wxml文件 --> <view class='test-view'> <view class='title'>标题:</view> <view class='content'>内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容<

距离微信小程序内测版发布已经有十几天的时间了,网上对微信小程序的讨论也异常火爆,从发布到现在微信小程序一直占领着各种技术论坛的头条,当然各种平台也对微信小程序有新闻报道,毕竟腾讯在国内影响力还是很大的.我们都知道微信小程序第一天发布内测版,并没有公开官方开发文档和开发工具,但是这阻止不了技术人的好奇心. 因为自己对小程序也是很有兴趣的,感觉是很有意思的一个东西,所以立马做了一下小demo,水平有限,所以做的过程也就是一个学习的过程,一个提高的过程. 这篇文章主要写我在写demo的过程中遇到的一些

微信小程序创建之后会生成一个项目模板,如下图所示(基本如此,但并不局限于此) 现在分别来说明一下每个文件及目录的意思 app.js 程序的入口文件,必须存在. app.js是小程序的脚本代码.我们可以在这个文件中监听并处理小程序的生命周期函数.声明全局变量.调用框架提供的丰富的 API,如本例的同步存储及同步读取本地数据. app.json app.json 是对整个小程序的全局配置.我们可以在这个文件中配置小程序是由哪些页面组成,配置小程序的窗口背景色,配置导航条样式,配置默认标题.注意该文件

微信小程序绘制分享图例子: demo下载地址:https://gitee.com/v-Xie/wxCanvasShar 大致代码会再以下说明 实际开发项目: 基础知识点: 了解canvas基础知识 wx.createCanvasContext()//微信小程序创建画布 wx.canvasToTempFilePath()//将画布canvas转为图片 wx.saveImageToPhotosAlbum() //微信小程序保存至相册 canvas绘制以及绘制过程中的坑:(请看后面的代码部分) 1.绘

在微信小程序中也有for循环,用于进行列表渲染. 官方实例 打开微信开发者文档,在框架部分的视图层-->wxml-->列表渲染中可以看到官方给出的for循环实例,在实例中 可以看到下面相关说明. 默认数组的当前项的下标变量名默认为 index,数组当前项的变量名默认为 item:使用 wx:for-item 可以指定数组当前元素的变量名,使用 wx:for-index 可以指定数组当前下标的变量名. test.wxml <view wx:for="{{array}}"

一.Javascript简介 二.nodejs中的jscript nodejs表示谷歌基于v8引擎的一门后端语言, ECMA表示ECMA262标准的基本js,native表示nodejs本身的一些包,npm开源社区库 三.浏览器中的js BOM表示浏览器的对象模型,主要是操作浏览器 DOM表示文档模型,主要是处理网页 四.微信小程序的js 微信小程序无法使用dom.bom.npm 五.微信小程序的不同环境的运行环境 同样代码可能造成不同结果,因此要重视真机调试

安装完“微信Web开发者工具”后,手机扫描二维码进入页面. 点击“添加项目”,填入之前获得的AppID(无AppID可忽略),输入项目名称“Hello WXapplet”,选定本地文件夹作为项目目录. 勾选“在当前目录中创建quick start项目”后,点击“添加项目”按钮,即已成功创建了我们第一个微信小程序项目——Hello WXapplet. 开发者工具操作与使用 开发者工具界面基本分为四大区域:1区“顶部菜单”,2区“导航菜单”,3区“目录文件/模拟运行”,4区“编辑/调试开发”.1区与

在安装完“微信Web开发者工具”之后,通过开发者的微信扫码进入后,如图. 点击“添加项目”,填入之前获得的AppID(无AppID可忽略),输入项目名称“Hello WXapplet”,选定本地文件夹作为项目目录. 勾选“在当前目录中创建quick start项目”后,点击“添加项目”按钮,即已成功创建了我们第一个微信小程序项目——Hello WXapplet. 开发者工具操作与使用 开发者工具界面基本分为四大区域:1区“顶部菜单”,2区“导航菜单”,3区“目录文件/模拟运行”,4区“编辑/调试