E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
小程序学习
微信
小程序学习
之路——组件定义及属性(view组件)
小程序定义了各种各样的组件,它们在WXML中起着各不同的作用。与HTML元素一样,一个组件是指从组件开始标签到结束标签的所有代码,由于组件可能会被转译为不同端对应的代码,所以在页面创建过程中,不能使用小程序组件标签以外的标签。组件定义及属性1)组件是视图层的基本组成单元2)组件自带一些功能与微信风格的样式3)一个组件通常包括开始标签和结束标签,属性用来修饰这个组件,内容在两个标签之内按类型可以将组
宇直豪
·
2019-03-29 16:00
微信小程序
微信
小程序学习
笔记之本地数据缓存功能详解
本文实例讲述了微信
小程序学习
笔记之本地数据缓存功能。分享给大家供大家参考,具体如下:前面介绍了微信小程序获取位置信息操作。这里再来介绍一下微信小程序的本地数据缓存功能。
李维山
·
2019-03-29 11:19
微信
小程序学习
笔记之获取位置信息操作图文详解
本文实例讲述了微信
小程序学习
笔记之获取位置信息操作。分享给大家供大家参考,具体如下:前面介绍了微信小程序文件上传、下载操作。这里分析一下获取位置信息操作。
李维山
·
2019-03-29 10:38
微信
小程序学习
笔记之文件上传、下载操作图文详解
本文实例讲述了微信
小程序学习
笔记之文件上传、下载操作。分享给大家供大家参考,具体如下:前面介绍了微信小程序登录API与获取用户信息操作。这里再来介绍一下文件的上传与下载操作。
李维山
·
2019-03-29 10:27
微信
小程序学习
笔记之登录API与获取用户信息操作图文详解
本文实例讲述了微信
小程序学习
笔记之登录API与获取用户信息操作。分享给大家供大家参考,具体如下:前面介绍了微信小程序跳转页面、传递参数获得数据,这里来分析一下登录API与获取用户信息操作方法。
李维山
·
2019-03-29 09:59
微信
小程序学习
之路——浮动与定位
了解基本盒子模型后,我继续学习定位相关的内容,定位的基本思想很简单,它允许你定义元素框相对于其正常位置应该出现在哪,或者相对于父元素、零一元素甚至浏览器窗口本身的位置,浮动和定位是我们常用的布局方案浮动浮动不完全是定位,同时它也不是正常流布局,通过设置float属性,浮动的框可以向左或者向右移动,直到其外边缘碰到包含框或另一个浮动框的边框为止。由于浮动框不再文档的普通流中,文档的普通流中的会表现的
宇直豪
·
2019-03-28 15:40
微信小程序
微信
小程序学习
笔记之跳转页面、传递参数获得数据操作图文详解
本文实例讲述了微信
小程序学习
笔记之跳转页面、传递参数获得数据操作。分享给大家供大家参考,具体如下:前面一篇介绍了微信小程序表单提交与PHP后台数据交互处理。
李维山
·
2019-03-28 12:18
微信
小程序学习
笔记之表单提交与PHP后台数据交互处理图文详解
本文实例讲述了微信
小程序学习
笔记之表单提交与PHP后台数据交互处理。分享给大家供大家参考,具体如下:前面一篇结介绍了微信小程序函数定义、页面渲染。这里介绍form表单提交与后台php数据交互处理。
李维山
·
2019-03-28 11:56
微信
小程序学习
之路——布局基础知识
之前写的似乎太详细了...从本篇开始删繁就简,拒绝一味抄书打字,独立思考提炼...本篇主要讲述CSS布局相关的一些基本知识,包括典型的盒子模型、浮动定位、绝对定位以及近几天提出的Flex布局,这些基本知识在WXSS也是通用的。再次提醒大家,在代码编写过程中移动要开启开发者工具中的这个“开启上传代码时样式文件自动补全”,否则Flex布局时会存在不同终端不兼容问题。盒子模型简单来说,HTML中每一个元
宇直豪
·
2019-03-28 11:10
微信小程序
微信
小程序学习
之路——布局基础知识
之前写的似乎太详细了...从本篇开始删繁就简,拒绝一味抄书打字,独立思考提炼...本篇主要讲述CSS布局相关的一些基本知识,包括典型的盒子模型、浮动定位、绝对定位以及近几天提出的Flex布局,这些基本知识在WXSS也是通用的。再次提醒大家,在代码编写过程中移动要开启开发者工具中的这个“开启上传代码时样式文件自动补全”,否则Flex布局时会存在不同终端不兼容问题。盒子模型简单来说,HTML中每一个元
宇直豪
·
2019-03-28 11:10
微信小程序
微信
小程序学习
笔记之函数定义、页面渲染图文详解
前面一篇介绍了微信小程序目录结构、基本配置。这里再来介绍一下函数定义、页面渲染。小程序逻辑app.js:定义App函数用来注册一个小程序,包含全局数据和函数,指定小程序的生命周期回调等。整个小程序只有一个App实例,全部页面共享使用。//app.jsApp({onLaunch:function(){//展示本地存储能力varlogs=wx.getStorageSync('logs')||[]log
李维山
·
2019-03-28 11:33
微信
小程序学习
笔记之目录结构、基本配置图文详解
本文实例讲述了微信
小程序学习
笔记之目录结构、基本配置。分享给大家供大家参考,具体如下:结束了一段时间的学习,开始一段新的学习旅程――微信小程序。
李维山
·
2019-03-28 10:40
微信
小程序学习
之路——模块化
模块化简介最早前端JavaScript代码量不大,统一放在一个文件夹内,如下面一段代码:varname='weixin',age=12;functiongetName(){//实现代码}functiongetAge(){//实现代码}后来前端代码越来越多,为了便于管理和工作拆分,我们不得不把代码拆分为多个文件,这时将上述代码封装到user.js文件中,需要用时引入页面(或打包到一个文件)就行。初期
宇直豪
·
2019-03-28 09:38
微信小程序
微信
小程序学习
之路——模块化
模块化简介最早前端JavaScript代码量不大,统一放在一个文件夹内,如下面一段代码:varname='weixin',age=12;functiongetName(){//实现代码}functiongetAge(){//实现代码}后来前端代码越来越多,为了便于管理和工作拆分,我们不得不把代码拆分为多个文件,这时将上述代码封装到user.js文件中,需要用时引入页面(或打包到一个文件)就行。初期
宇直豪
·
2019-03-28 09:38
微信小程序
微信
小程序学习
之路——页面样式文件(WXSS)
WXSS(WeiXinStyleSheets)是基于CSS拓展的样式语言,用于描述WXML的组件样式,决定WXML组件该怎么显示,它具有CSS的大部分特性,在CSS基础上WXSS拓展了尺寸单位、样式导入特性,对CSS选择器属性上做了部分兼容。在开发过程中不能想当然地使用CSS属性,一定要使用IOS和Android真机进行调试,本小节主要讲述WXSS和CSS的不同点,后续布局会讲解CSS盒子模型布局
宇直豪
·
2019-03-28 09:08
微信小程序
微信
小程序学习
之路——页面样式文件(WXSS)
WXSS(WeiXinStyleSheets)是基于CSS拓展的样式语言,用于描述WXML的组件样式,决定WXML组件该怎么显示,它具有CSS的大部分特性,在CSS基础上WXSS拓展了尺寸单位、样式导入特性,对CSS选择器属性上做了部分兼容。在开发过程中不能想当然地使用CSS属性,一定要使用IOS和Android真机进行调试,本小节主要讲述WXSS和CSS的不同点,后续布局会讲解CSS盒子模型布局
宇直豪
·
2019-03-28 09:08
微信小程序
微信
小程序学习
之路——页面结构文件(WXML)
WXML(WeiXinMarkupLanguage)是框架设计的一套标准语言,用于渲染界面,WXML的渲染原理和ReactNative思路一致,通过一套标记语言,在不同平台被解析为不用端的渲染文件,如图:使用微信开发者工具时,在WXML中编写一些HTML标签或自定义标签仍然会被正常解析,这会给开发者造成一种小程序能直接支持HTML标签的误解。这是因为微信开发者工具内核是浏览器内核,同时小程序框架并
宇直豪
·
2019-03-27 22:17
微信小程序
微信
小程序学习
之路——页面结构文件(WXML)
WXML(WeiXinMarkupLanguage)是框架设计的一套标准语言,用于渲染界面,WXML的渲染原理和ReactNative思路一致,通过一套标记语言,在不同平台被解析为不用端的渲染文件,如图:使用微信开发者工具时,在WXML中编写一些HTML标签或自定义标签仍然会被正常解析,这会给开发者造成一种小程序能直接支持HTML标签的误解。这是因为微信开发者工具内核是浏览器内核,同时小程序框架并
宇直豪
·
2019-03-27 22:17
微信小程序
微信
小程序学习
之路——框架及配置(二)
框架页面文件小程序中一个框架页面包含4个文件,同一框架页面的这4个文件必须具有相同的路径与文件名,进入小程序时或页面跳转时,小程序会根据app.json配置的路径找到对应的资源进行渲染。js文件:页面逻辑文件,必要项wxml文件:页面结构文件,必要项wxss文件:页面样式文件json文件:页面配置文件与框架主体文件相比框架页面文件多了一种页面结构文件,其余3个文件和框架主体文件的功能类同,下面我们
宇直豪
·
2019-03-27 18:53
微信小程序
微信
小程序学习
之路——框架及配置(二)
框架页面文件小程序中一个框架页面包含4个文件,同一框架页面的这4个文件必须具有相同的路径与文件名,进入小程序时或页面跳转时,小程序会根据app.json配置的路径找到对应的资源进行渲染。js文件:页面逻辑文件,必要项wxml文件:页面结构文件,必要项wxss文件:页面样式文件json文件:页面配置文件与框架主体文件相比框架页面文件多了一种页面结构文件,其余3个文件和框架主体文件的功能类同,下面我们
宇直豪
·
2019-03-27 18:53
微信小程序
微信
小程序学习
之路——框架及配置(一)
框架主体文件框架主体文件由app.json、app.js、app.wxss构成,这3个文件必须放置在项目根目录,一个小程序只有一份,它们负责小程序整体的配置:app.json:小程序公共设置,配置小程序全局设置app.js:小程序逻辑文件,主要用于注册小程序全局实例,编译时会和其他页面逻辑文件打包成一份JavaScript文件app.wxss:小程序公共样式表,对所有页面的布局文件都有效。app.
宇直豪
·
2019-03-27 15:46
微信小程序
微信小程序
小程序学习
——上拉加载and下拉刷新(适用于130400以下版本)
上拉加载借助小程序组件scroll-viewbindscrolltolower滚动到底部/右边,会触发scrolltolower事件,具体说明请查看小程序文档https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html注意:要想实现上拉加载功能,必须给scroll-view设置一个高度,不然不起作用下拉刷新与
默色留恋
·
2019-03-25 15:07
微信
小程序学习
笔记---setData()使用和注意事项
微信小程序setData()使用:Page.prototype.setData(Objectdata,Functioncallback)setData函数用于将数据从逻辑层发送到视图层(异步),同时改变对应的this.data的值(同步)。参数说明:Object以key:value的形式表示,将this.data中的key对应的值改变成value。其中key可以以数据路径的形式给出,支持改变数组中
一个老年程序员
·
2019-03-24 11:39
小程序
微信
小程序学习
之triggerEvent
1.tag/index.wxml 2.tag/index.js properties:{ text:String }, methods:{ onTap:function(event){ this.triggerEvent("tapping",{ text:this.propertie.text
伊伊吖吖
·
2019-03-21 11:31
triggerEvent
微信
微信小程序
微信
小程序学习
之externalClasses的用法
外部样式类用法:一.自定义子组件:1.tag/index.wxml:在class类名里写入需要的外部样式类 2.tag/index.js Component({ externalClasses:['tag-class'] })二.页面上引入组件1.detail.json: "usingComponents":{ "tag-cmp": "/com
伊伊吖吖
·
2019-03-21 10:29
externalClasses
外部样式类
微信小程序
小程序学习
总结(选择器、position、Flex)
类选择器选择器示例描述如何引用.class.myClass类选择器在wxml中class="myClass"引用#id#my_viewid选择器无需在wxml中引用,会找到该id并使用该样式imageimageelement选择器无需再wxml中引用,会修改所有image元素的样式1、选择器还可以继承,如在myClass下,再写一个childClass样式,会覆盖父类已有的属性,两者属性为叠加的形
三天过去了
·
2019-03-12 10:18
一个 android 程序员的小程序入门实录(一)
小程序学习
资料收集,开发者工具的下载及初览,代码结构与基本配置方法,及第一个helloworld概况微信小程序是腾讯推出的一种依托于微信,不用下载,通过扫码、公众号跳转,群聊点击就能使用的应用。
oven小区
·
2019-02-17 21:19
微信
小程序学习
pages目录下有两个子目录:index和logs,每个子目录中保存着一个页面的相关文件,通常一个页面包含4种不同扩展名的文件,分别表示页面中的逻辑、页面结构、样式表、配置文件。为减少配置项,框架特别约定描述页面的这4个文件必须要有相同的路径与文件名。主配置文件app.json中的第一个配置项pags,为数组属性。使用到的页面必须在app.json中配置,并将其添加到pags数组中。如:{“pag
Jason_LH1024
·
2019-02-17 13:34
微信小程序
小程序学习
笔记-百度统计
百度统计是一个可以统计页面数据的平台工具,同样也可以使用在微信小程序里,实现对微信小程序的数据统计及分析报告。微信小程序作为一种新的开放能力,所展现出来的爆发力相信大家有目共睹。开发者不仅可以快速地开发一个微信小程序,还可以在微信内被便捷地获取和传播,同时具有出色的使用体验。百度统计—移动统计通过多年沉淀下来的分析方法论赋能给开发者提供全面、专业、精准的分析,同时,更能将APP、百度小程序、微信小
赵客缦胡缨v吴钩霜雪明
·
2019-02-14 09:04
小程序学习
笔记
小程序入门这两周自己在研究小程序,由于之前也未曾接触过这一方面,为了加深自己的印象,决定写一篇学习笔记来记录自己的学习内容。简介小程序的来源小程序是针对移动互联网的环境而出现的一款产品。最初由腾讯微信提出,而后阿里与百度均推出了自己的小程序架构。张小龙在提出小程序之初,就很明确地提出了小程序的概念“用完即走,唾手可得”。与需要下载安装的大型的app来说,小程序应当是轻量迅捷的应用。而网页恰恰好与这
里蛰肤
·
2019-01-30 15:46
小程序学习
笔记(一)之基础理论
1开发者工具保存代码时报错?问题描述:安装完“微信web开发者工具”以后,第一次打开编码,保存时(ctrl+s)居然一直报错,错误提示如下:“保存失败:Error:EPERM:operationnotpermitted,open……..”解决方法:关闭开发者工具,重新以管理员身份打开。2项目根目录下的app.json和project.config.json文件分别是做什么用的?前者是项目的入口文件
请输入验证码
·
2019-01-15 18:01
小程序
微信
小程序学习
总结(上)
环境搭建微信公众平台地址:https://mp.weixin.qq.com/wxopen/initprofile?action=home&lang=zh_CN开发工具下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html账号注册,推荐使用新注册的邮箱,可以是163邮箱、新浪邮箱、qq邮箱等等个人开发者
Q_MUMU
·
2018-12-27 15:50
微信小程序
微信小程序 云开发·点餐系统 实例
准备记录我的
小程序学习
之路各种坑,各种蒙蔽问题都会记录在这里。目前准备开发扫码点菜系统,使用云开发,包括客户下单端和管理员类CMS系统的后台管理端。
梦醒寒春
·
2018-11-23 15:07
学习
微信
小程序学习
笔记(六)----实现简单的文章列表(图文列表)效果
写这个之前我在网上搜了一下,想要先找一个合适的样例对着写一下,这样还简单一些,但是找了找没有找到我心里面比较合适的,所以干脆就直接自己写一下,没有做什么过多的修饰,实现起来还是很简单的。首先来上一下效果图:基本就是这样的简单的图文效果,代码也非常简单,如果有标题或者文章简介的需求也可以自己加上,一看就明白了。首先,我们用到了以下几个标签:view:这个没什么好说的,在笔记一里面就已经介绍过了,大概
胡晓天o0
·
2018-11-10 20:13
微信小程序开发笔记
小程序学习
问题总结
1.微信小程序placeholder设置自定义颜色.phcolor{color:#18acff;}2.小程序js中的onLoad函数:(页面加载,自动执行)wx.request:小程序的请求函数(类比于ajax)文档:https://developers.weixin.qq.com/miniprogram/dev/api/network/request/wx.request.htmlsetData
dxj124
·
2018-11-08 18:41
小程序
微信
小程序学习
笔记(四)----微信小程序底部菜单实现
我们在用小程序的时候大部分都会有一个类似于这样的底部菜单:这个样例图是显示了三个菜单,但是实际上还可以更多,小程序的底部菜单,是最多不能超过五个。那么接下来就看看是如何实现的吧。第一步,寻找合适的图标在找图标的时候还是费了一番功夫的,毕竟不是一个专业的前端,最后在一篇文章里找到了这个网站(阿里巴巴矢量图标库):http://www.iconfont.cn/home/index?spm=a313x.
胡晓天o0
·
2018-11-04 18:41
微信小程序开发笔记
微信
小程序学习
知识点1:在小程序里,想要引入其他页面里的公共代码,有两种方式:1.这种引入方法是将一个页面全部引入另一个页面,不可以动态显示值2.被引入页面:我是demo1{{text}}引入页面:这种引入方法是将一个页面中的template引入另一个页面,可以动态显示值另外,wxss也需要引入进来,在引入页面的wxss中:@import"../header/header.wxss";知识点2:在小程序里,想要
rodgers VV
·
2018-11-03 14:24
小程序学习
总结
快捷键(微信开发者工具)键名含义F1所有的常用快捷键command+p快速打开文件command+e快速打开最近文件``引iconfont图标我的简书知识点记录app.json里面不能注释,双引号只有极少数样式如font、color,会从组件外继承到组件内。bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡。小程序里面的数据绑定都是{{}}组件的作用:分离&复用5
Amyuan的笔记
·
2018-10-25 10:30
微信小程序
小程序学习
总结
快捷键(微信开发者工具)键名含义F1所有的常用快捷键command+p快速打开文件command+e快速打开最近文件``引iconfont图标我的简书知识点记录app.json里面不能注释,双引号只有极少数样式如font、color,会从组件外继承到组件内。bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡。小程序里面的数据绑定都是{{}}组件的作用:分离&复用5
Amyuan的笔记
·
2018-10-25 10:30
微信小程序
微信
小程序学习
笔记。
1.小程序起步(1)点击https://mp.weixin.qq.com/wxopen/waregister?action=step1根据指引填写信息和提交相应的资料,就可以拥有自己的小程序账号。(2)登陆https://mp.weixin.qq.com,可以在菜单设置-开发设置看到小程序的AppID.小程序AppID相当于小程序平台的一个身份证。(3)安装开发者工具。https://develo
GXW_Lyon
·
2018-10-17 13:11
微信
小程序学习
笔记(六)文件上传、下载
上一篇:微信
小程序学习
笔记(五)【文件上传】wx.uploadFile(以上传图片为例)后台上传接口Upload.php:(tp5)0,'msg'=>'上传失败','filepath'=>'');$file
李维山
·
2018-10-03 23:33
微信小程序
微信小程序
微信
小程序学习
目录
微信
小程序学习
目录微信
小程序学习
前言:笔者在接下来一段时间将做一段时间微信小程序的学习,其目的不仅仅在于微信小程序,而是通过对微信小程序这一简单的前端案例的学习去学习一下前端设计的基础。
CloudCver
·
2018-10-03 21:00
微信小程序
微信
小程序学习
Course 7 定时器功能
微信
小程序学习
Course7定时器功能微信
小程序学习
Course7定时器功能微信小程序中有一个定时器API函数,其提供了四个API接口7.1、numbersetTimeout(functioncallback
CloudCver
·
2018-09-23 21:00
微信小程序
微信
小程序学习
笔记(三)表单提交、PHP后台数据交互
上一篇:微信
小程序学习
笔记(二)【form表单提交】form.wxml:昵称:密码:性别:女男爱好:抽烟喝酒烫头状态:成绩:提交重置form.js:Page({formSubmit:function(e
李维山
·
2018-09-21 15:07
微信小程序
微信小程序
微信小程序开发(二)函数定义、页面渲染
上一篇:微信
小程序学习
笔记(一)小程序逻辑app.js:定义App函数用来注册一个小程序,包含全局数据和函数,指定小程序的生命周期回调等。整个小程序只有一个App实例,全部页面共享使用。
李维山
·
2018-09-20 14:40
微信小程序
小程序学习
笔记 -- requestPayment
本人介绍小程序支付的流程,仅为个人理解所做笔记小程序需要用公司的身份去注册,才有支付权限同时需要先准备4个参数appid,secret,商户号id,商户号秘钥调用wx.requestPayment(OBJECT)发起微信支付,在调用之前需要先拿到所需参数官方支付的示例代码:除了回调函数,这5个参数都是必须的timeStamp--时间戳,即当前的时间nonceStr--随机字符串,长度为32个字符以
有所执着
·
2018-09-20 10:37
【微信
小程序学习
笔记02理解与初始准备】【实战天气微信小程序】
目录参与的udacity微信小程序的纳米学位期间的学习笔记,其中代码或描述若有不足部分敬请指点,万分感谢!目录注册小程序账号,获取AppID开发准备目录结构删快速模板中不必要的代码视图层何为WXML数据绑定列表渲染条件渲染模板事件何为WXSS实战天气wxapp效果配置(因为用到别人写好的模拟天气数据的API作练习,为避免跨域问题)代码直接编译对应开发页码涉及的核心知识点实战天气的代码完整下载快捷链
欣欣__KuanG97
·
2018-09-16 16:13
小程序
微信
小程序学习
Course 2 关于WXSS一些样式
微信
小程序学习
Course2关于WXSS一些样式微信
小程序学习
Course2关于WXSS一些样式WXSS在CSS的基础上增加了一些自己的东西,如果你有CSS基础,本节可以不看,如果没有基础的话可以看一下这里
CloudCver
·
2018-09-15 10:00
微信小程序
微信
小程序学习
Course 4 事件
微信
小程序学习
Course4事件微信
小程序学习
Course4事件事件是用来打通逻辑层与视图层的枢纽,我们一般在视图层(WXML文件)对某个控件绑定事件函数,在逻辑层(JS文件)编写事件函数代码。
CloudCver
·
2018-09-15 10:00
微信小程序
微信
小程序学习
Course 1 微信小程序基本内容
微信
小程序学习
Course1微信小程序基本内容微信
小程序学习
Course1微信小程序基本内容微信小程序框架分析1.1目录结构微信小程序采用的是和HTML类似的开发框架,主要依托四个文件:js文件、wxml
CloudCver
·
2018-09-13 15:00
微信小程序
上一页
10
11
12
13
14
15
16
17
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他