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
微信小程序学习
微信小程序学习
之路——页面样式文件(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
微信小程序
微信小程序
微信小程序学习
笔记---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
外部样式类
微信小程序
微信小程序学习
pages目录下有两个子目录:index和logs,每个子目录中保存着一个页面的相关文件,通常一个页面包含4种不同扩展名的文件,分别表示页面中的逻辑、页面结构、样式表、配置文件。为减少配置项,框架特别约定描述页面的这4个文件必须要有相同的路径与文件名。主配置文件app.json中的第一个配置项pags,为数组属性。使用到的页面必须在app.json中配置,并将其添加到pags数组中。如:{“pag
Jason_LH1024
·
2019-02-17 13:34
微信小程序
微信小程序学习
总结(上)
环境搭建微信公众平台地址: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
微信小程序
微信小程序学习
笔记(六)----实现简单的文章列表(图文列表)效果
写这个之前我在网上搜了一下,想要先找一个合适的样例对着写一下,这样还简单一些,但是找了找没有找到我心里面比较合适的,所以干脆就直接自己写一下,没有做什么过多的修饰,实现起来还是很简单的。首先来上一下效果图:基本就是这样的简单的图文效果,代码也非常简单,如果有标题或者文章简介的需求也可以自己加上,一看就明白了。首先,我们用到了以下几个标签:view:这个没什么好说的,在笔记一里面就已经介绍过了,大概
胡晓天o0
·
2018-11-10 20:13
微信小程序开发笔记
微信小程序学习
笔记(四)----微信小程序底部菜单实现
我们在用小程序的时候大部分都会有一个类似于这样的底部菜单:这个样例图是显示了三个菜单,但是实际上还可以更多,小程序的底部菜单,是最多不能超过五个。那么接下来就看看是如何实现的吧。第一步,寻找合适的图标在找图标的时候还是费了一番功夫的,毕竟不是一个专业的前端,最后在一篇文章里找到了这个网站(阿里巴巴矢量图标库):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
微信小程序学习
笔记。
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
微信小程序
【
微信小程序学习
笔记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
微信小程序
微信小程序学习
(五)
转载请注明出处:https://blog.csdn.net/Strugglein/article/details/81916136今天带来小程序第四节的学习内容,今天主要学习目标是:1.JS2.生命周期3.WXS4.运行机制1.JS首先来段引入js是一种轻量的,解释型的,面向对象的头等函数语言,是一种动态的基于原型和多范式的脚本语言,支持面向对象,命令式和函数式的编程风格,轻量是指,入门js的时候
Strugglein
·
2018-08-21 22:31
微信小程序
微信小程序学习
日志
每天的学习记录,可能有的地方写的不对,因为刚学,以后发现错的话会回来改掉整体流程https://developers.weixin.qq.com/miniprogram/dev/framework/config.html基础组件https://developers.weixin.qq.com/miniprogram/dev/component/button.html样式可以到这里学http://w
有点健忘
·
2018-08-09 17:42
微信小程序学习
笔记
1.生命周期和相关函数Page({data:{},//Page实例的生命周期函数onLoad:(option)=>{//页面初次加载时候触发,只会触发一次console.log(option.id)//1},onReady:()=>{},//页面初次渲染完毕,只会触发一次(页面已经准备妥当,在逻辑层可以和视图层进行交互了)onShow:()=>{},//从别的页面进入到当前页面时调用onHide:
Raychan
·
2018-08-03 17:00
微信小程序学习
(三)
转载请注明出处:https://blog.csdn.net/Strugglein/article/details/81051576今天带来小程序第三节的学习内容,今天主要学习目标是:1.小程序开发框架2.wxml的数据绑定3.wxml的运算符绑定4.wxml的列表渲染5.wxml的条件渲染6.wxml的模板引用7.wxml的文件引用1.小程序开发框架的基本构成小程序开发框架主要是由4个部分组成,分
Strugglein
·
2018-07-15 11:29
微信小程序
微信小程序学习
笔记(2)——模板引用,基础类库,MINA框架
import:引用模板文件里的模板,不会引用原文件的其他标签。例如//a.wxmlh1h2//index.wxml最后之会显示h2.include:引用除了模板以外的全网页基础类库:Number:Date:GlobalConsoleMathJSON去javascript的文档了解其函数==========================逻辑层把数据变化传递给视图层,引起视图层的页面改变,视图层把事
Tess_ty
·
2018-07-13 14:48
学习笔记
微信小程序
微信小程序学习
笔记(1)
微信小程序的特点:1.无需安装卸载2.不占内存3.易传播=====================================基本文件:app.js:注册一个appapp.json:全局配置(网络请求的超时时间,页面注册路径等)app.wxss:全局样式project.config.json:pages:页面(js:逻辑和数据交互,json:配置信息,wxml:页面元素内容,wxss:样式)微
Tess_ty
·
2018-07-12 11:26
学习笔记
微信小程序
微信小程序学习
历程(一)
https://developers.weixin.qq.com/blogdetail?action=get_post_info&lang=zh_CN&token=768795281&docid=0000a26e1aca6012e896a517556c01&devtools=1微信小程序官网:https://developers.weixin.qq.com/miniprogram/dev/inde
Running_FE
·
2018-07-04 18:33
微信小程序学习
笔记(一)
微信小程序,在之前的一次比赛的备赛中曾学习过一段时间,后来因为投资方撤资,不了了之,但是还是收获了一点语法知识。现在再学习一遍,便有了更深的印象。从组成来看小程序整体由三大部分组成,分别为配置部分,逻辑部分,视图部分,配置部分就是json文件,逻辑部分就是js与wxs文件,视图部分由wxml与wxss来构成。从层次的角度来看,小程序可以分为两层的关系,分别为代表小程序整体的对象app,与小程序中每
CIT_worker
·
2018-06-27 16:22
微信小程序学习
笔记(一)
微信小程序,在之前的一次比赛的备赛中曾学习过一段时间,后来因为投资方撤资,不了了之,但是还是收获了一点语法知识。现在再学习一遍,便有了更深的印象。 从组成来看小程序整体由三大部分组成,分别为配置部分,逻辑部分,视图部分,配置部分就是json文件,逻辑部分就是js与wxs文件,视图部分由wxml与wxss来构成。 从层次的角度来看,小程序可以分为两层的关系,分别为代表小程序整体的对象app,
CIT_worker
·
2018-06-27 16:22
【
微信小程序学习
笔记】1:开发一个带历史记录功能的四则计算器
端午CSDN学院促销,买了微信小程序开发实战跟着学习一下。混合模式移动应用微信小程序是一种Hybrid-App(混合模式移动应用),它是介于Native-App和Web-App之间的,更接近前者,但开发成本小很多。基本结构pages目录:其内的每个子目录是这个小程序的一个页面,至少应包含wxml和js。app.js:全局的js。app.wxss:WXSS是微信对CSS的封装,该文件是全局的样式表。
刘知昊
·
2018-06-17 19:21
微信小程序
小程序学习之冒泡事件与非冒泡事件
微信小程序学习
_事件2016年10月17日01:46:20阅读数:6592一、什么是事件?
暴风雪24
·
2018-06-09 00:30
小程序
微信小程序学习
笔记 ( 小程序页面学习 七 WXML-模板 基本食用方法)
视图层框架的视图层由WXML与WXSS编写,由组件来进行展示。将逻辑层的数据反应成视图,同时将视图层的事件发送给逻辑层。WXML(WeiXinMarkuplanguage)用于描述页面的结构。WXS(WeiXinScript)是小程序的一套脚本语言,结合WXML,可以构建出页面的结构。WXSS(WeiXinStyleSheet)用于描述页面的样式。组件(Component)是视图的基本组成单元。模
cdhjava
·
2018-05-29 21:37
微信小程序
微信小程序学习
笔记 ( 小程序页面学习 一 配置 page.json 基本食用方法)
目录结构上图是我建立的的微信小程序的目录结构页面学习page.json每一个小程序页面也可以使用.json文件来对本页面的窗口表现进行配置。页面的配置比app.json全局配置简单得多,只是设置app.json中的window配置项的内容,页面中配置项会覆盖app.json的window中相同的配置项。页面的.json只能设置window相关的配置项,以决定本页面的窗口表现,所以无需写window
cdhjava
·
2018-05-22 22:11
微信小程序
微信小程序学习
(一)
转载请注明出处:https://blog.csdn.net/strugglein/article/details/80386924首先呢先做一些必须要做的事情,虽然我本人不喜欢这些东西,但是这些东西没有还是不行的,避免以后找不到就写详细点,以后留给朋友看一看也蛮好的…1.小程序简介小程序是一种不需要下载、安装即可使用的应用,它出现了触手可及的梦想,用户扫一扫或者搜一下即开打开应用,也出现了用完即走
Strugglein
·
2018-05-20 23:08
微信小程序
微信小程序学习
:placeholder颜色设置&navigator标签
在css中,设置placeholder颜色应该如下:input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#bbb;}input::-moz-placeholder,textarea::-moz-placeholder{color:#bbb;}input:-ms-input-placeholder,te
一杯冰啤
·
2018-04-21 10:23
微信小程序
微信小程序学习
资料完整版
作者:初雪链接:https://www.zhihu.com/question/50907897/answer/128494332来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。微信小程序正式公测,张小龙全面阐述小程序,定档1月9日上线(附90分钟演讲全文)...1:官方工具:https://mp.weixin.qq.com/debug/w...tml?t=147643
arsaycode
·
2018-04-17 11:09
微信小程序学习
资料分享
阅读更多你一定很奇怪,为什么说一波三折,说的是谁啊?回想2016,在下半年的10月份发生了一件什么令互联网人士都纷纷谈论的事情呢?没错,就是微信小程序,英文MiniProject,一开始由于微信庞大的用户量,推广方面做的是前无古人啊,瞬间爆发一样,就这样,谁都知道了小程序。......几个月过去了,由于开发条件的限制,不对个人开放,令很多开发者望而却步,热潮渐渐下降到了平常。......2017/
code小生
·
2018-04-16 22:00
前端
微信小程序
html
css
js
微信小程序学习
资料分享
阅读更多你一定很奇怪,为什么说一波三折,说的是谁啊?回想2016,在下半年的10月份发生了一件什么令互联网人士都纷纷谈论的事情呢?没错,就是微信小程序,英文MiniProject,一开始由于微信庞大的用户量,推广方面做的是前无古人啊,瞬间爆发一样,就这样,谁都知道了小程序。......几个月过去了,由于开发条件的限制,不对个人开放,令很多开发者望而却步,热潮渐渐下降到了平常。......2017/
code小生
·
2018-04-16 22:00
前端
微信小程序
html
css
js
微信小程序学习
资料分享
阅读更多你一定很奇怪,为什么说一波三折,说的是谁啊?回想2016,在下半年的10月份发生了一件什么令互联网人士都纷纷谈论的事情呢?没错,就是微信小程序,英文MiniProject,一开始由于微信庞大的用户量,推广方面做的是前无古人啊,瞬间爆发一样,就这样,谁都知道了小程序。......几个月过去了,由于开发条件的限制,不对个人开放,令很多开发者望而却步,热潮渐渐下降到了平常。......2017/
code小生
·
2018-04-16 22:00
前端
微信小程序
html
css
js
微信小程序学习
小程序目录结构:1.app.js小程序入口2.app.json全局配置文件:包括页面路径、全局样式等{"pages":[//页面路径"pages/index/index","pages/logs/index"],"window":{//全局样式"navigationBarTitleText":"Demo"},"tabBar":{//底部栏导航"list":[{"pagePath":"pages/i
咖啡浮点
·
2018-04-16 01:02
微信小程序学习
日志(一)
微信小程序学习
日志之工具配置及创建简单页面1.任务与分工在这次点餐系统项目中,我和我所在的小程序组的共三个成员主要负责小程序前端的实现。
黑豆要学习
·
2018-04-15 23:35
系统分析与设计
微信小视频
微信小程序学习
报告
微信小程序学习
报告1.申请账号点击https://mp.weixin.qq.com/wxopen/waregister?
zheWILL
·
2018-04-15 16:46
微信小程序学习
笔记(六)
tabBar组件-tap选项卡豆瓣API调用以及五星评分组件豆瓣API五星组件星星的显示tabBar组件-tap选项卡这个有坑,必须说下:①list方法是定义选项卡②list方法里的pagePath属性是绑定选项卡页面③选项卡页面无法通过wx.redirectTo或者wx.navigateTo跳转选项卡页面无法打开原因:navigateTo和redirectTo只能打开非tabBar页面。选项卡页
非黑非白-
·
2018-03-31 16:31
小程序
微信小程序学习
笔记(五)
数据缓存的补充,以及音乐功能的实现数据缓存之同步、异步显示消息提示框音乐功能如何在主目录的App.js定义全局变量数据缓存的补充,以及音乐功能的实现数据缓存之同步、异步异步数据缓存看起来挺组件化,但是回调函数比较复杂,不方便阅读理解。如无特殊需要,推荐使用同步数据缓存异步缓存的思路是:声明Key名,然后通过res取得本页data内的Key数据然后进行需要的运算,获取新的缓存值最后通过回调函数传递出
非黑非白-
·
2018-03-28 02:13
小程序
微信小程序学习
记录
小程序项目里的四种文件.json后缀的JSON配置文件.wxml后缀的WXML模板文件.wxss后缀的WXSS样式文件.js后缀的JS脚本逻辑文件JSON配置我们可以看到在项目的根目录有一个app.json和project.config.json,此外在pages/logs目录下还有一个logs.json,我们依次来说明一下他们的用途。小程序配置app.jsonapp.json是对当前小程序的全局
十一岁的加重
·
2018-03-05 21:50
微信小程序学习
用demo推荐:列表项左滑删除效果
实现思路:1、每一个列表项由两个层组成,文本层与按钮层;2、触摸滑动时计算手指移动距离,文本层跟随手指移动;3、手指移动距离大于按钮宽度一半时,显示按钮,反之,不显示;4、缓动动画用css3属性transition控制;transition:left0.2sease-in-out;代码:代码比较简单,详细实现看注释,就直接贴代码了。index.wxml {{item.txt}}
iYiu
·
2018-03-01 16:16
HTML
微信小程序
上一页
4
5
6
7
8
9
10
11
下一页
按字母分类:
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
其他