2020年04月_想要上榜

04月 03月 02月

原创微信小程序中的组件——视图容器组件（二）

movable-view可移动视图容器该组件是一个可移动视图容器，可以在页面中做拖拽滑动.使用该组件时，需要先定义可移动区域movable-area，然后定义直接子节点movable-view，否则不能移动.movable-area必须设置width和height属性，不设置默认为10px。movable-view必须设置width和height属性，不设置默认为10px。movable-vie...

2020-04-23 10:14:07 654

原创微信小程序中的组件——视图容器组件（一）

视图容器组件视图容器组件共有5种：view视图容器scroll-view可滚动视图区域swiper滑块视图容器movable-view可移动视图容器cover-view覆盖原生组件的视图容器view视图容器view视图容器是WXML界面布局的基础组件。它的使用与html中的div类似，主要用于界面的布局。该容器有自己的属性，如表所示。属性说明hover类...

2020-04-22 19:57:53 2772

原创最常用的WXS小程序脚本语言（二）

注释WXS注释有3种方式：单行注释：// var name=“小程序”;多行注释/* var a=1;var b=2;*/结尾注释/*var a=1;var b=2var c=“小程序”</wxs>语句WXS里，可以使用4种语句：if条件语句var s=87;if(s>=90) {console.log(“优”);} els...

2020-04-21 14:00:09 191

原创最常用的WXS小程序脚本语言（一）

什么是WXSWXS(WeiXin Script)是小程序的一套脚本语言，结合WXML页面文件可以构建出页面结构。WXS是把原来放在js文件里进行处理的逻辑，直接放在WXML页面文件里进行处理。WXS有两种使用方式：一种是将WXS脚本语言嵌入到WXML页面文件里，在WXML文件中的标签内来处理相关逻辑。另一种是以.wxs后缀结尾的文件独立存在，然后再引入到WXML页面文件里使用。模块化...

2020-04-20 16:31:26 583

原创微信小程序中如何进行引用

关于微信小程序的引用功能WXML提供两种文件引用方式：importinclude两者的区别：import引用模板文件include引用整个除了的文件import引用import可以在该文件中使用目标文件定义的template。假如在item.wxml中定义了一个叫item的template。示例代码如下：<tem...

2020-04-17 08:54:07 1579

原创微信小程序中最常用的模板

定义模板WXML提供模板(template)功能，可以把一些共用的、复用的代码，在模板中定义代码片段，在不同的地方调用，以达到一次编写，多次直接使用的效果。在内定义代码片段，使用name属性，作为模板的名字。示例代码如下：<template name=“msgItem”><view><text> {{ index }} ：{{ msg }} </...

2020-04-15 09:22:17 1352

原创微信小程序中最重要的内容——列表渲染

列表渲染1、wx:for 列表渲染单个组件在组件上使用wx:for控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。数组当前项的下标变量名默认为index；数组当前项的变量名默认为item。示例代码：<view wx:for=“{{ array }}”> {{ index }} : {{ item.message }} </view>Page({...

2020-04-13 22:30:00 639

原创微信小程序中各种类型的数据绑定

前期准备WXML页面里的动态数据，都是来自js文件Page的data。数据绑定就是通过双大括号( {{ }} )将变量包起来，在WXML页面里将数据值显示出来示例代码：//index.wxml<view>{{ message }} </view>//index.jsPage({data: {message: ‘hello XiaoChengXu!’}}...

2020-04-12 22:50:16 1006

原创让你快速读懂微信小程序初始化数据

微信小程序中基本知识每个页面文件夹里，都有一个页面对应的js文件；这个文件里的Page()函数用来注册页面；接受一个object参数，其指定页面的初始数据、生命周期函数、事件处理函数等页面的所有业务逻辑处理都放在这个文件里。object参数说明：属性描述data页面的初始数据onLoad监听页面加载onReady监听页面初次渲染完成onSh...

2020-04-10 10:41:28 2937

原创微信小程序中必备的知识

小程序注册app.js文件不仅可以定义全局函数和数据，还可以注册小程序。在App()函数里可以完成小程序的注册，并指定其生命周期函数。生命周期函数属性触发时机onLaunch监听小程序初始化，当小程序初始化完成时，会触发onLaunch(全局只触发一次)onShow监听小程序显示，当小程序启动，或从后台进入前台显示，会触发onShowonHide监听小...

2020-04-09 16:47:27 383 1

原创通俗易懂的小程序框架

微信小程序框架逻辑层用来处理业务逻辑JavaScript视图层用来渲染页面视图层描述语言WXML视图样式WXSS微信小程序框架=逻辑层+视图层+json配置文件目录结构介绍微信小程序目录结构主要包含2个部分：框架全局文件框架页面文件框架全局文件框架全局文件包括4个文件：app.js，app.json，app.wxss，project.config.js...

2020-04-08 17:11:22 329

原创微信小程序中常用的快捷键

格式调整快捷键Ctrl+S：保存文件。Ctrl+[，Ctrl+]：代码行缩进。Ctrl+Shift+[，Ctrl+Shift+]：折叠打开代码块。Ctrl+C，Ctrl+V：复制粘贴。Shift+Alt+F：代码格式化。Alt+Up, Alt+Down：上下移动一行。Shift+Alt+Up, Shift+Alt+Down：向上向下复制一行。Ctrl+Shift+Enter：在当前...

2020-04-05 22:01:03 890

原创微信开发者工具的基础使用--适合刚入门（2）

编辑器区域编辑器区域分为两部分：项目文件目录和结构展示区：在项目目录或文件上单击右键可完成新建文件、删除、重命名目录或文件等。代码编辑区：在该区编写代码，可通过模拟器区实时预览。修改wxss、wxml文件，会刷新当前页面。修改js或json文件，会重新编译小程序。代码补全在代码编写过程中，开发工具提供自动补全功能。编辑js文件时，会自动补全所有的API，并给出相关注释解释；编辑w...

2020-04-04 10:55:10 2568 1

原创微信开发者工具的基础使用--适合刚入门（1）

创建项目打开微信开发者工具，用手机上的微信扫描对应二维码，进入开发工具界面。选择“小程序项目”中的“小程序”，再点击右侧“+”号，出现新建项目页面。开发者工具界面界面大致分为7个区域：菜单栏区域模拟器、编程器、调试器的显示与隐藏区域模拟器区域编辑器区域调试器区域云开发区域工具栏区域模拟器区域模拟器区域用来显示小程序界面。在小程序开发过程中，界面随着代码...

2020-04-03 23:28:12 7400

原创快速了解微信小程序的开发准备

基础技术准备微信小程序自定义了一套语言，称为WXML（微信标记语言），它的使用方法类似于HTML。微信小程序还定义了自己的样式语言WXSS，兼容了CSS，并做了扩展。使用JavaScript来进行业务处理，兼容了大部分JavaScript功能，但仍有一些功能无法使用。有一定HTML、CSS和JavaScript技术功底的人学习微信小程序会容易很多。注册开发者帐号服务类目一般包括：...

2020-04-02 22:43:59 268