小程序学习

小程序学习之旅（一）跑一个wepy

老大扔来任务老大：来，你研究研究，把咱们微信H5端弄个小程序出来我：得令！于是乎，小程序的学习开发开始了。。。。首先，我翻了翻收藏夹，找出了我一朋友分享的小程序开源项目——WePY这个项目还是腾讯自己出的，看了看，我觉得靠谱，没问题，就它了。开搞开搞~先搞个能跑起来的demo打开webstorm打开wepy官方文档1.全局安装或更新WePY命令行工具[email protected]
程序员卡诺·2018-08-22 18:32

微信小程序学习(五)

转载请注明出处: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

微信小程序开发06-一个业务页面的完成

我们也学习小程序开发有一周多了，从近期的使用上来说，小程序可以作为底层，但是缺少一个框架层，这个框架层需要提供：①组件库②更好的代码组织方式，也就是让我们可以做到轻松的组件化开发我们从最开始到现在，都在沿着这个方向去分解小程序学习
叶小钗·2018-08-05 21:00

微信小程序学习笔记

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

小程序实践踩坑总结

在上一篇博客小程序学习实践总结中，我以为小程序的开发没太多可说的，使用mpvue，只要了解vue和小程序的api就可以了。
Creabine·2018-07-04 17:24

微信小程序学习笔记(一)

微信小程序，在之前的一次比赛的备赛中曾学习过一段时间，后来因为投资方撤资，不了了之，但是还是收获了一点语法知识。现在再学习一遍，便有了更深的印象。从组成来看小程序整体由三大部分组成，分别为配置部分，逻辑部分，视图部分，配置部分就是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

小程序学习一年感悟

小程序学习一年感悟2017年1月，微信正式发布小程序，小程序逐渐进入公众的视野。不温不火的几个月，随着小程序的生态不断的扩大完善，用户数量呈爆炸式的增长，越来越多的人投入小程序的怀抱。
MayanDev·2018-06-21 08:58

【微信小程序学习笔记】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

小程序学习：动画animation

wxml：wxss：.box{background:skyblue;display:flex;flex-direction:column;justify-content:center;align-items:center;height:500rpx;}.headerimg{width:200rpx;height:200rpx;margin-bottom:40rpx;}js:Page({/**页面的
酷jjs·2018-06-08 09:54

小程序学习：全局变量的设置、获取、修改，全局方法的执行

小程序自学网站推荐：http://www.51zxw.net/study.asp?vip=4857021app.js：//app.jsApp({data:{winMask_if:true,},globalData:{winMas:true,},myToast:function(){console.log("我是app中的方法！")},})text.js//pages/test/test.jsvar
酷jjs·2018-06-07 12:51

小程序学习实践总结

新公司入职之后的第一个任务就是接手小程序【北美省钱快报】的维护和开发。我接手的时候一期的开发已经基本完成了，使用mpvue生成来写，基本写法跟vue很接近，经过一个月左右的边学变写，算是有一些认识了，这边做一些总结，之后的第二期和第三期会由我来开发，到时候有什么新的心得，再进行补充。开发流程mpvue的优势在于可以直接使用绝大部分vue的特性进行编程，然后由框架打包生成小程序文件。自动编译刷新，支
Creabine·2018-05-31 17:41

微信小程序学习笔记 ( 小程序页面学习 七 WXML-模板 基本食用方法)

视图层框架的视图层由WXML与WXSS编写，由组件来进行展示。将逻辑层的数据反应成视图，同时将视图层的事件发送给逻辑层。WXML(WeiXinMarkuplanguage)用于描述页面的结构。WXS(WeiXinScript)是小程序的一套脚本语言，结合WXML，可以构建出页面的结构。WXSS(WeiXinStyleSheet)用于描述页面的样式。组件(Component)是视图的基本组成单元。模
cdhjava·2018-05-29 21:37

小程序学习：构造函数写法对比

小程序自学网站推荐：http://www.51zxw.net/study.asp?vip=4857021一般写法：functionTest(x,y){this.x=x;this.y=y;};Test.prototype.sum=function(){returnthis.x+this.y;}vart=newTest(10,10);varhe=t.sum();console.log(he);//20
酷jjs·2018-05-23 15:15

微信小程序学习笔记 ( 小程序页面学习 一 配置 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

微信小程序image组件开发程序以及相关图片问题参考资料汇总

以下汇总主要涉及到微信小程序image组件有关资源路径、缩放和剪裁模式等进行的探讨，无论是对微信小程序新手还是正在开发中的朋友都是很好的小程序学习资料。
guout·2018-05-15 19:45

小程序学习记录【数组操作相关（持续更新）】（1）

js中push()方法push()方法是在数组最后边添加一个或多个元素中间以逗号(,)隔开，并返回新的长度;例如:varchar=[]char.push("我是新添加的一个元素")char.push("first","second")js中pop()方法pop()方法是删除数组中的最后一个元素，把数组长度减1，并返回它删除的元素的值，如果数组已经为空，则不改变数组，返回undefined值;var
qianyoo·2018-04-25 22:00

微信小程序学习：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

微信小程序学习资料分享

阅读更多你一定很奇怪，为什么说一波三折，说的是谁啊？回想2016，在下半年的10月份发生了一件什么令互联网人士都纷纷谈论的事情呢？没错，就是微信小程序，英文MiniProject，一开始由于微信庞大的用户量，推广方面做的是前无古人啊，瞬间爆发一样，就这样，谁都知道了小程序。......几个月过去了，由于开发条件的限制，不对个人开放，令很多开发者望而却步，热潮渐渐下降到了平常。......2017/
code小生·2018-04-16 22:00

微信小程序学习资料分享

阅读更多你一定很奇怪，为什么说一波三折，说的是谁啊？回想2016，在下半年的10月份发生了一件什么令互联网人士都纷纷谈论的事情呢？没错，就是微信小程序，英文MiniProject，一开始由于微信庞大的用户量，推广方面做的是前无古人啊，瞬间爆发一样，就这样，谁都知道了小程序。......几个月过去了，由于开发条件的限制，不对个人开放，令很多开发者望而却步，热潮渐渐下降到了平常。......2017/
code小生·2018-04-16 22:00

微信小程序学习

小程序目录结构：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

2018-03-26小程序学习分享

1.margin-left与margin-right不能同时使用，效果会失效默认750*1334rpx布局可以使用界面绝对布局，即使使用绝对布局，依然可以实现居中排列2.小程序每个界面最外层的是page所以必须把page高度设置为100%，否则某些背景图会出不来尤其是splash的界面，背景只有一张图片的场景，不设置高度时会导致默认的高度为0但是其他的界面不设置，不会出现这个问题，所以具体情况我也
幸福晓杰2016·2018-04-10 17:24

微信小程序学习笔记（六）

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

SpringBoot+mybatis搭建小程序学习笔记

在学习了SpringBoot+mybatis搭建小程序之后，在此主要对java后台开发部分做总结归纳。开发工具：eclipse、mysql5.6、sqlyog、微信开发工具；主要步骤：1、创建一个springboot项目，确保创建的HelloController能被访问；2、完成表设计，实体类entity的创建，并配置pom（对mavenjar包管理）；entity.java；pom.xml；3、
Adonis_D_Gogh·2018-03-02 10:55

微信小程序学习用demo推荐：列表项左滑删除效果

实现思路：1、每一个列表项由两个层组成，文本层与按钮层；2、触摸滑动时计算手指移动距离，文本层跟随手指移动；3、手指移动距离大于按钮宽度一半时，显示按钮，反之，不显示；4、缓动动画用css3属性transition控制；transition:left0.2sease-in-out;代码：代码比较简单，详细实现看注释，就直接贴代码了。index.wxml         {{item.txt}}  
iYiu·2018-03-01 16:16

小程序学习笔记

自学完小程序已经有一段时间了，现将之前的笔记分享与此。注意：微信小程序不要创建太多的本地文件也不要导入太多的本地图片，因为小程序超过1M微信方会拒绝上架哦。0:关于-打开文档1:前端的object即字典;2:图片只能在工程中的文件夹里复制粘贴，不能在工程中拖拽进去,且图片不能大于40k2.弹性盒子：display:flex弹性盒子默认是横向的，         display：flex；     
denggun12345·2018-02-03 00:00

微信小程序学习感受

不要觉得自己不行曾经自己很多事情没有做好根本的原因都是自己不敢动手觉得以现在的水平自己做不出来说的直白一点就是自己怕难还有就是自己不够自信前段时间自己本来是想放弃现在这个知小乎这个微信开源项目因为自己觉得这个项目很复杂但是经过这几天的研究自己发现自己的水平是可以从这个项目学到一些小功能的尝试对于我来说是最好突破自己方式因为尝试新的东西可以让我获取到新知还可以增强自己对自己的了解现在的呆板是因为为啥
一像素的执着·2018-01-26 12:44

微信小程序学习笔记

上周微信小程序游戏“跳一跳”很火，其实这是微信推广小程序的套路。基于好奇心，我仔细学习了小程序开发的知识。1、小程序脚本语法类似于JavaScript，文件后缀是.js；不同的是微信提供了wx前缀的API。2、界面布局仍用常见的xml标签方式，文件后缀是wxml;3、界面样式文件后缀是wxss(即WeiXinStyleSheet的缩写），格式跟css类似，具体定义可参看菜鸟教程css跟AppSto
brycegao321·2018-01-08 11:17

微信小程序学习总结（四）

先来熟悉一个swiper组件，可以实现我们常见的轮播图效果。indicator-dots=“true”这个是显示面板的指示点indicator-color="rgba(0,0,0,.3)"这个是设置小圆点的颜色vertical='true’纵向滚动autoplay=“true”自动滚动，轮播图轮播图这个肯定是要有的，不可能要用户手动自己播吧interval=“2000”这个是设置间隔的滚动时间，单
huangyuxin_·2018-01-05 11:15

微信小程序学习(八)：text组件

text文本组件特点：1>支持转义符"\"；2>组件内只支持嵌套。中间不能嵌套其他任何组件；3>该组件中的内容可以通过长按进行选中的，其他组件中的内容都不支持长按选中。界面渲染代码：[css]代码区.btn{margin-top:30px;display:flex;flex-direction:column;justify-content:space-around;align-items:cent
微光北下·2018-01-04 16:01

微信小程序学习(二)：小程序目录结构介绍

1.微信小程序目录结构微信小程序默认的目录结构，下面一一介绍：1.1小程序的文件格式介绍在项目中我们可以看到四种文件类型：.js后缀的文件是脚本文件，页面的交互等代码在这里实现；.json后缀的文件是配置文件，主要是json数据格式存放，用于设置程序的配置效果；.wxss后缀的是样式表文件，类似于前端中的css,用于对界面进行美化；.wxml后缀的文件是页面结构文件，用于构建页面，在页面上增加控件
微光北下·2018-01-04 16:13

微信小程序学习资料

图片来自网络转载链接注：本文转载知乎上的回答作者：初雪链接：https://www.zhihu.com/question/50907897/answer/128494332来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。微信小程序正式公测，张小龙全面阐述小程序，定档1月9日上线（附90分钟演讲全文）...前言：新人第一坑，跳坑指南：修改后，必须保存；ctrl+S；1：
pengshuangta·2018-01-03 15:54

微信小程序学习总结（三）

上一节的在遍历的时候控制台中会报错{{item.name}}控制台中会显示这个东西Nowyoucanprovideattr"wx:key"fora"wx:for"toimproveperformance.当然了不处理也不影响程序运行，但是看着好不爽啊。wx：key用来对列表渲染的数据指定一个”主键”，以加快列表渲染的速度。以下是官方文档原话：如不提供wx:key，会报一个warning，如果明确知
huangyuxin_·2018-01-02 19:18

微信小程序学习笔记（1）文件结构和配置

文件结构小程序包含一个描述整体程序的app和各个页面的page。一个小程序主体是由三部分组成，必须放在更目录下。分别是app.js,app.json,app.wxss。其中，app.js是小程序的逻辑，app.json是小程序的公共设置，是必须有的，app.wxss是小程序的公共样式，可以没有。小程序的页面是由三部分组成，分别是XX.js,XX.wxml,XX.wxss,XX.json。其中，.j
QinChBeSt·2018-01-02 16:39

微信小程序学习总结（二）

###小程序尺寸单位rpx是小程序常见的尺寸单位，那么他和px有啥不同一样呢。rpx可以根据屏幕宽度进行自适应。如在iPhone6上，屏幕宽度为375px，共有750个物理像素，则750rpx=375px=750物理像素，1rpx=0.5px=1物理像素。###小程序的样式你可以这么写内联方式：helloworld你也可以这么写，直接在wxss中写也阔以###小程序的全局样式与局部样式定义在app
huangyuxin_·2018-01-02 15:40

微信小程序学习总结（一）

首先，放上微信公众品台的网址https://mp.weixin.qq.com/，下面内容完全可以跟着做。https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html下载开发工具。创建项目如图所示选点此校验就行啦，右边有个详情也点开瞅两眼。上传测试和腾讯这块点不了是为啥呢，因为你创建项目的时候没有填写AppID，下一题。具体的东西下
huangyuxin_·2018-01-01 22:29

微信小程序学习总结

之前就学过一阵儿微信小程序，没怎么使用，结果就又忘的差不多了。这次再次学习，记录一下，方便以后使用。核心文件：app.json、app.js、pages文件夹app.js中是app的生命周期的方法（输入App会自动提示补全）app.json文件是一个json格式的文件｛key:value｝，里面是pages、windows、tabBar、networkTimeout等的相关配置信息要想快速生成一个
月季花开sky·2017-12-25 12:57
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他