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
小程序学习
微信
小程序学习
笔记 ( 小程序页面学习 八 WXML-条件渲染 基本食用方法)
视图层框架的视图层由WXML与WXSS编写,由组件来进行展示。将逻辑层的数据反应成视图,同时将视图层的事件发送给逻辑层。WXML(WeiXinMarkuplanguage)用于描述页面的结构。WXS(WeiXinScript)是小程序的一套脚本语言,结合WXML,可以构建出页面的结构。WXSS(WeiXinStyleSheet)用于描述页面的样式。组件(Component)是视图的基本组成单元。条
cdhjava
·
2020-07-14 08:15
微信小程序
微信
小程序学习
笔记 (小程序页面学习 十 WXML-事件 基本食用方法)
视图层框架的视图层由WXML与WXSS编写,由组件来进行展示。将逻辑层的数据反应成视图,同时将视图层的事件发送给逻辑层。WXML(WeiXinMarkuplanguage)用于描述页面的结构。WXS(WeiXinScript)是小程序的一套脚本语言,结合WXML,可以构建出页面的结构。WXSS(WeiXinStyleSheet)用于描述页面的样式。组件(Component)是视图的基本组成单元。事
cdhjava
·
2020-07-14 08:15
微信小程序
小程序学习
笔记(7) -- 自定义组件案例
自定义组件步骤创建⾃定义组件声明组件引入自定义组件使用自定义组件tabs案例了解自定组件的关键知识点自定义组件的其他属性步骤创建⾃定义组件新建个test文件加,点击test文件夹右键创建components自动生成test文件里面的4个文件声明组件已经帮我们自动填写上了,看下引入自定义组件在demo16.json里面引入test组件,key代表组件的别名使用自定义组件在demo16.wxml使用t
怒放de生命2010
·
2020-07-14 07:10
微信小程序
小程序学习
笔记(8) -- 小程序生命周期
小程序生命周期应用生命周期页面生命周期其他小程序常用框架应用生命周期app.js下面的js中的注释,写了某些位置常用来处理那些业务逻辑。//app.jsApp({//1应用第一次启动的时候就会触发的事件onLaunch:function(){console.log("onLaunch")//js的方式来跳转不能触发onPageNotFoundwx.navigateTo({url:'/11/22/3
怒放de生命2010
·
2020-07-14 07:10
微信小程序
微信
小程序学习
笔记(二)——项目结构及功能
文章目录小程序三大基石页面结构文件细讲小程序三大基石在小程序中最重要的就是三大基石:app.js,app.json,app.wxss。文件名必填作用app.js是小程序逻辑app.json是小程序公共设置app.wxss否小程序公共样式表页面结构每个小程序由一个个页面组成,每个页面由四个文件组成:.js,.wxml,.wxss,.json。文件名必填作用.js是页面逻辑,JavaScript脚本.
Late whale
·
2020-07-14 05:30
微信小程序学习笔记
小程序
微信
小程序学习
笔记(二)--框架-全局及页面配置
描述和功能框架提供了自己的视图层描述语言WXML和WXSS,以及基于JavaScript的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,让开发者能够专注于数据与逻辑。响应的数据绑定框架的核心是一个响应的数据绑定系统。整个小程序框架系统分为两部分:视图层(View)和逻辑层(AppService)。页面管理框架管理了整个小程序的页面路由,可以做到页面间的无缝切换,并给以页面完整的生命周期
weixin_38168838
·
2020-07-14 03:01
微信
小程序学习
笔记(2)---样式WXSS与基本组件
一.样式WXSS1.尺寸单位:尺寸单位:rpx。可以根据屏幕宽度进行自适应。固定屏幕宽度为750rpx,如在iPhone6上,屏幕宽度为375px,共有750个物理像素,则750rpx=375px=750物理像素,1rpx=0.5px=1物理像素。设备rpx换算px(屏幕宽度/750)px换算rpx(750/屏幕宽度)iPone51rpx=0.42px1px=2.34rpxiPone61rpx=0
纵使风吹
·
2020-07-14 02:37
微信小程序
微信
小程序学习
笔记(1)-全局配置
全局配置app.json文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多tab等。名词解释:pages=>页面路径列表window=>全局的默认窗口表现backgroundTextStyle=>下拉loading的样式,仅支持dark/light,默认值darknavigationBarBackgroundColor=>导航栏背景颜色,16进制,默认#000
ZYN5431
·
2020-07-14 02:49
小程序
微信
小程序学习
笔记 (小程序页面学习 五 WXML-数据绑定 基本食用方法)
目录结构页面学习视图层框架的视图层由WXML与WXSS编写,由组件来进行展示。将逻辑层的数据反应成视图,同时将视图层的事件发送给逻辑层。WXML(WeiXinMarkuplanguage)用于描述页面的结构。WXS(WeiXinScript)是小程序的一套脚本语言,结合WXML,可以构建出页面的结构。WXSS(WeiXinStyleSheet)用于描述页面的样式。组件(Component)是视图的
cdhjava
·
2020-07-14 01:14
微信小程序
微信
小程序学习
笔记(1) -- 基础知识入门
文章目录微信小程序一、简单了解1.常用api2.常用ui地址二、微信小程序应用配置根目录app.json界面外观pageswindowdebug:app.js:wxss页面结构page.json标签栏三、逻辑层与界面层分离架构逻辑层的JavaScript演示:getApp演示getCurrentPages()演示符合commonjs规范演示wx对象界面层(数据绑定)数据绑定--元素上绑定数据绑定-
怒放de生命2010
·
2020-07-14 01:57
微信小程序
微信
小程序学习
笔记(三)——两名片小程序实例
文章目录项目一项目结构titleindex.wxmlindex.wxss最终效果项目二项目结构titleindex.wxmlindex.wxss最终效果项目地址项目一项目结构新建img文件夹,放入一张图片(练手的话随便即可)title修改app.json中navigationBarTitleText值即可index.wxml首先将我们整体界面的结构构造出来。代码如下:仰望星空亦要脚踏实地星空是什么
Late whale
·
2020-07-14 00:11
微信小程序学习笔记
小程序
微信
小程序学习
笔记(四)——首页小程序实例(仿腾讯课堂首页)
效果项目结构index.wxmlwxml里很简单,核心东西都在index.wxss中。推荐精品排行榜星空之美免费星空之美免费星空之美免费星空之美免费星空之美免费星空之美免费星空之美免费星空之美免费首页搜索我的index.wxss我个人觉得重要的地方都上了注释;不得不说flex布局用着真的爽。.body{/*flex布局*/display:flex;/*垂直方向为主轴*/flex-direction
Late whale
·
2020-07-14 00:11
微信小程序学习笔记
腾讯
微信小程序
小程序首页
微信
小程序学习
笔记(1)标签栏配置+js规范+数据绑定
文章目录前言小程序设置标签栏的配置小程序的js规范数据绑定结尾语前言感觉微信小程序挺好玩的,而且很多知识和vue,css,js都是相通的,从今天起(2020年5月17日),正式开始记录小程序的学习之路。小程序设置标签栏的配置这个对于开发的时候很重要,在开发之前一直纠结下图是怎么做到的。当学完之后,发现配置起来还是挺简单的。下面开始介绍如何配置好上图的标签配置在小程序的开发界面,有一个app.jso
逸羽菲
·
2020-07-14 00:07
微信小程序
小程序学习
--点击按钮实现分享(组件复用)
首先,第一步,创建一个按钮的组件,方便复用,当点击按钮时候,会跳出是否授权的对话框:组件的wxml代码: 绑定事件onGetUserInfo定义opentype属性slot标签是一个组件插槽组件的JS代码:component({ /** *组件的属性列表 */ //开启插槽 options:{ multipleSlots:true }, properties:{ openType:{
张芝山
·
2020-07-13 23:27
小程序
谈谈小程序与服务号的区别
「H5程序俱乐部」是一个专注微信
小程序学习
交流,相关外包/招聘需求信息发布的微信公众号微信发表过小程序、服务号、订阅号、企业号是并行的体系,对于订阅号大家都比较熟悉,而企业号是针对企业,在这就不多说,我们来谈谈小程序与服务号的区别
weixin_jack
·
2020-07-13 21:48
微信小程序
微信开发
html5
微信小程序源代码_社区论坛功能实现
「H5程序俱乐部」是一个专注微信
小程序学习
交流,相关外包/招聘需求信息发布的微信公众号源代码下载地址:http://pan.baidu.com/s/1hsnxUgG项目截图项目结构│.gitattributes
weixin_jack
·
2020-07-13 21:48
微信小程序源代码_腾讯地图定位
「H5程序俱乐部」是一个专注微信
小程序学习
交流,相关外包/招聘需求信息发布的微信公众号微信小程序开发demo-地图定位源代码地址:http://pan.baidu.com/s/1skMavc5wx.getLocation
weixin_jack
·
2020-07-13 21:48
微信
小程序学习
笔记(tomi)
一、学会搭建小程序开发环境二、掌握结构(.wxml)、样式(wxss)、行为(js)、常用配置(json)一、小程序项目结构1.App.js------项目如何js文件2.App.json-----全局的配置文件3.App.wxss-----全局样式4.Pages(1)Wxml------页面结构(2)Wxss-----页面样式(3)Js--------页面行为(4)Json-----页面配置vs
Zsha努力努力再努力
·
2020-07-13 21:44
前端
***微信
小程序学习
文档和资料归档收集
微信小程序官方文档:https://cloud.tencent.com/document/product/619小程序培训视频教程:https://xw.qq.com/edu/20180514030899微信小程序的部署可以用腾讯云的自动部署到腾讯云的生产环境,1个月15元,当然也可以自己部署生产环境,再上传自己的服务端程序,下面是方法。自行部署PHPDemo自行部署适用于想将腾讯云WaferSD
weixin_34289744
·
2020-07-13 18:26
微信
小程序学习
心得之前期准备
对前端知识一无所知的我终于有一天也被逼上梁山了,开始了做微信小程序的开发,说实话刚开始真是一头雾水,后来由于项目的逼近不得不在短短的两周内对微信小程序熟练认识,并投入至开发中.......1.要想学习微信小程序的开发,首先请读读此文档:https://mp.weixin.qq.com/debug/wxadoc/dev/2.下载并安装微信开发者工具:https://mp.weixin.qq.com/
梦齐
·
2020-07-13 17:29
ubuntu18.04微信
小程序学习
笔记
关于template与自定义数据(data-)的小知识在js中获取我们的自定义数据//event:是框架给我们的事件对象//currentTarget:是鼠标的单击事件//dataset:是我们自定义数据(data-xxx)的集合varpostId=event.currentTarget.dataset.postid;varpostId=event.currentTarget.dataset.po
weixin_30535565
·
2020-07-13 17:35
小程序学习
日记1
1.微信小程序组件解析:[1]视图容器movable-view,cover-image,cover-view,movable-area,scroll-view,swiper,swiper-item,view[2]基础内容icon,progress,rich-text,text[3]表单组件button,checkbox,checkbox-group,editor,form,input,label,
1000sprites
·
2020-07-13 13:32
开发工具
小程序学习
-购物车及商品清单功能实现
今天试着自己写了1页商品清单及购物车功能也,虽然还需要美观,但是基本功能应该算是实现了:商品选择后添加到购物车,再次选择就将数字+1,同时显示该商品已添加;点击购物车图标弹出自制弹出遮罩层(没有自带弹窗功能),用于显示购物车内商品清单;购物车内增加、减少商品数量、可手动修改;每次修改,购物车总价都会自动变化更新以下是完整代码(目前商品数据设置的静态的)WXML部分{{item.goodsname}
shamqu
·
2020-07-13 13:11
学做微信小程序
微信
小程序学习
总结(2)
微信
小程序学习
总结(2)一、微信小程序的程序生命周期讲解:onLaunch方法:小程序启动之后,在app.js定义的App实例的onLaunch回调会被执行:onShow方法:二、页面的生命周期讲解:onload
JavaAlliance
·
2020-07-13 11:08
业余小技术
微信
小程序学习
(一)——样式学习和布局
1.flex弹性布局htmlcss#parentdiv{display:flex}.childrendiv{flex:1;}/*平均分布内容*/2.view代替平时h5中的div元素3.引入外部css文件用@import‘文件名’4.引入外部js需要定义1.将该js文件中你要使用的方法给暴露出来module.exports={}2.在您要使用的js中引入该js3.使用暴露出来的方法在您想要用到这个
敏儿null
·
2020-07-13 10:40
微信
小程序学习
日记
因为上个星期有个同事说要离开了,所以他的部分工作分到我身上,其中一个就是维护开发公司的微信小程序。这算是个机会也是个挑战吧,我也是前几天才开始接触微信小程序。因为记性不好。。。所以有些比较容易混乱但是需要注意的地方我会记下来,待我对微信小程序比较上手后我会再整理一遍,重写这篇文章。随记:page的onLoad是整个pageunLoad(当redirectTo或navigateBack的时候调用)之
power124932811
·
2020-07-13 09:37
个人随笔
微信小程序实例源码大全
mod=viewthread&tid=1103微信
小程序学习
demo
程序员会武功
·
2020-07-13 09:01
javascript
html-css
微信
小程序学习
onShareAppMessage转发分享
最近在做仿抽奖助手小程序,遇上分享的一个问题。抽奖助手分享出来的商品缩略图很清晰且格式更好,而我们分享出来的是页面的默认截图,感觉不好看。其实它这个地方用的是图片,增加一个imageUrl即可。onShareAppMessage(options)在Page中定义onShareAppMessage函数,设置该页面的转发信息。只有定义了此事件处理函数,右上角菜单才会显示“转发”按钮用户点击转发按钮的时
一杯冰啤
·
2020-07-13 09:19
微信小程序
微信
小程序学习
第六课:利用接口读取一组数据类似于网站设置之类的
1、PHP代码publicfunctiondopageSetting(){global$_W,$_GPC;$weid=$_W['uniacid'];$uid=intval($_GPC['uid']);$setting=pdo_fetch("SELECT*FROM".tablename('vdd_pjxxm_setting')."WHEREweid=:weid",[':weid'=>$weid]);
微道道
·
2020-07-13 08:31
小程序
微信
微擎
小程序学习
记录-改变微信小程序之小熊の日记
小程序的改编。首先先自我介绍一下,我是一名刚刚开始学习小程序的小白,这是我在CSDN上的第一篇博客,第一篇博客就用来记录我改变的微信小程序吧。微信小程序之小熊の日记的源代码https://www.cnblogs.com/ytkah/p/9003620.html这是一个神奇的网站,上面有大量的小程序的源代码。这是原小程序的运行结果的界面,主要的程序内容都在demo文件夹下的diaries文件中,包括
huicailin
·
2020-07-13 05:21
微信小程序UI - 样式基础
主要记录自极客学院微信
小程序学习
视频文章目录一、样式的基本使用二、样式的属性2.1尺寸2.2背景2.3边框2.4边距2.5文本2.6其他(列表、内容、表格...)三、样式选择器3.1基本选择器3.1.1
激流小舟
·
2020-07-13 05:01
微信小程序
我的
小程序学习
日记
Day1开始当然是注册账号,安装开发者工具…略过不谈第一天主要做的是做了一个简单的tabbarapp.json代码"tabBar":{"color":"#D1D1D1","selectedColor":"#000000","borderStyle":"#FFFFFF","list":[{"selectedIconPath":"images/1.png","iconPath":"images/12.
weixin_41735546
·
2020-07-12 23:19
新的旅程
微信
小程序学习
-05-wxss
尺寸单位rpx所有屏幕固定为750rpx屏幕375px的宽度,1px=2rpx.box1{width:50px;height:50px;background-color:aqua;}.box2{/*1px=2rpx*/width:100rpx;height:100rpx;background-color:aqua;}样式导入/*box.wxss*/.lg_box{width:200px;hegih
weixin0605
·
2020-07-12 05:41
小程序
微信
小程序学习
-02-wxml
微信小程序组件标签view与html中div类似helloworld||{{msg}}num:{{num}}isBoy:{{isBoy}}person.name:{{person.name}}--person.heigth:{{person.height}}titlePage({/***页面的初始数据*/data:{msg:"helloworldhome",num:11000,isBoy:true
weixin0605
·
2020-07-12 05:41
小程序
微信
小程序学习
-03-基本组件
viewviewhover-class:点击样式hover-stop-propagation:是否阻止本节点祖先节点出现点击态hover-start-timehover-stay-time.hover_class{background-color:aqua;opacity:.5;}texttext文本标签,只能嵌套textselectabledecodespaceimageimage默认宽320p
weixin0605
·
2020-07-12 05:41
小程序
微信
小程序学习
之路04-简易的计算器
今天继续玩一些微信小程序的api来做例子,感觉自己可能创造力不很足,只能模仿着别人的例子来做一个自己的计算器了。老规矩,github源码地址我会附在文章末尾,供大家参考。用微信开发者工具新建的项目,index.wxss我也不去改了。只在index.wxml界面加一个到计算器页面的入口。index.js里面加入一个参数.下面是index.wxml{{userInfo.nickName}}{{mott
不应有的淡定
·
2020-07-11 22:07
微信小程序
微信
小程序学习
笔记(十二)picker
mode选择器类别selector为普通选择器bindchange是监听事件点击确定时触发bindcancel也是监听事件点击取消时触发普通选择器{{array[index]}}Page({data:{array:['zn','usa','hk'],index:0},commonSelected:function(e){//改变index值,通过setData()方法重绘界面this.setDat
huangyuxin_
·
2020-07-11 08:00
微信小程序
微信小程序
微信
小程序学习
笔记
微信小程序欢迎访问我的博客,祝码农同胞们早日走上人生巅峰,迎娶白富美~~~微信小程序,简称小程序,英文名MiniProgram,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。关于此学习的测试项目都暂时保存在https://github.com/ForeManWang/wxapp-study微信小程序账号与工具在线文档:https://mp.we
test 9
·
2020-07-10 16:08
微信
小程序学习
小结
最近在家学习了微信小程序的开发,写这篇博客对学习进行一个部分小结,以加深对微信小程序的理解。WXML语法参考1.数据绑定WXML中的动态数据均来自对应Page中的data。1.1简单绑定(类似于vue中的Mustache语法)数据绑定使用Mustache语法(双大括号)将变量包起来,例如:{{message}}Page({data:{message:'HelloMINA!'}})1.2组件属性(需
zihao_star
·
2020-07-10 15:08
2020微信
小程序学习
报告.2.17-3.1.(一)
#微信
小程序学习
报告应学校课程要求,在此记录网上学习微信小程序相关知识的过程,如各知识点与实践等。
竹砸。
·
2020-07-10 15:03
记录
小程序学习
(1)(缓存,点赞收藏功能,this 指代)
记录
小程序学习
(1)缓存清除所有缓存:wx.clearStorageSync();清除指定缓存:wx.clearStorageSync(‘key’);设置缓存:覆盖wx.setStorageSync(‘
小灰97
·
2020-07-10 11:19
小程序学习
:实现仿美团的商家首页之锚点实现分类和所属商品的联动
使用小程序bindscroll实现联动需求分析要求实现的功能是左侧展示分类名,右侧展示商品,点击任意分类可以跳转分类所包含的商品的第一个,滑动商品列表至下一分类时左侧所属分类高亮。思路首先实现点击左侧分类右侧商品滑动,这里使用小程序提供的scroll-into-view方法,官方文档https://developers.weixin.qq.com/miniprogram/dev/component
颜值代表
·
2020-07-10 10:00
小程序
微信
小程序学习
心得
1.介绍场景值,小程序各种场景值的入口目前可以在条件编译是使用,其他代码并没有体现2.程序配置app.json里面可是设置分包加载app.json可以配置page路由,window,tabbar等分包加载的关键是在page里的路由中使用"subPackages":[{...},{...}]的数组来实现3.WXS微信脚本语言介绍modle.exports与requirewxs是微信脚本语言简写,不用
weixin_41768250
·
2020-07-10 10:40
微信小程序开发
微信
小程序学习
总结(1)
1.一个小程序文件最基本包含app.js、app.json、app.wxss和pages文件夹结构,pages中的页面必须要在app.json的pages项进行配置,app.json也提供窗口表现,tab切换的具体配置。参考https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html?t=2017112。【注】app文件名字是固定的
weixin_30550081
·
2020-07-10 06:24
自学微信小程序第一天的心得体会
自学微信小程序的第一天工具前期准备创建页面常用标签像素标准rpxWXML语法事件生命周期云开发云数据库云函数云存储由于当下前端的职业需求,很多招聘网站上的招聘加分项中提到了微信小程序,基于不断学习的原则,我踏出了
小程序学习
的第一步
simon4076
·
2020-07-10 02:55
微信小程序
前端
微信
小程序学习
总结(一)
微信
小程序学习
总结(一)微信小程序:简称:小程序,是一种不需要安装即可使用的应用特点:免安装操作更接近原生APP必须在微信中使用不占内存易传播官方文档地址:https://developers.weixin.qq.com
山中何事
·
2020-07-10 00:10
微信小程序
微信
小程序学习
第三天(text组件,button组件,image组件,input组件)
组件text组件了解一下text组件的三个属性第一个selectable属性默认是false但是直接在标签内写上这个属性不赋值就代表true,decode也这样。button组件然后button组件的一些属性,size,type,plain,disabled,loading最后想要自己设置点击按下去后的样式,可以这样然后再另外hover-stop-propagation设置阻止冒泡事件(子有点击事
qq_39773416
·
2020-07-09 23:51
微信小程序
微信
小程序学习
总结
因疫情严重,近日在家学习了微信小程序的开发,写这篇博客对学习过程进行一个总结,希望疫情早日退散,中国加油,逆战加油微信
小程序学习
简易教程—介绍小程序开发的一些基本情况,开发方式,项目目录等等,看完这些,
lilian233
·
2020-07-09 20:00
笔记
2019.07.30 微信
小程序学习
总结
总结一下这两天学到的微信小程序方面的知识,并记录一下走过的几个坑《>_昵称:选择性别:男女选择年龄(拖动滑动条):手机号:选择爱好(多选):炸鸡动漫可乐手游地区选择:当前选择:{{region[0]}}-{{region[1]}}-{{region[2]}}时间选择:当前选择:{{time}}日期选择:当前选择:{{date}}上传图片选择:SubmitReset.js//pages/form/f
BeYourOwnHero
·
2020-07-09 18:53
微信小程序
微信小程序
微信
小程序学习
总结(1)
微信
小程序学习
总结(1)一、注册微信小程序访问https://mp.weixin.qq.com/,点击“立即注册”选择“小程序”然后点击“链接地址”激活账号即可然后进行“主体信息登记”然后再填写小程序的一些基本信息
JavaAlliance
·
2020-07-09 08:55
业余小技术
上一页
5
6
7
8
9
10
11
12
下一页
按字母分类:
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
其他