小程序学习从入门到熟练教程

2024-05-18 19:45:14

前言

小程序学习起来还是比较简单的，算是比较容易入门的一行。由于移动端的发展，人们现在普遍依赖手机，而手机里面玩的最多的就属微信了。总体来说小程序开发需求量还是挺大的。

前端必备基础知识

如果你是0前端经验来做小程序的话，建议你先看一看基础知识
基础知识:

html:了解下常用的标签
css:了解下常用布局、着重了解下流式布局(小程序上应用的比较多)
js:了解下基础语法、表达式

如果你是经验者，写过很多web页面了可以进入下一步。
如果有vue的开发经验更好，小程序的语法与vue的还是有些相似性的。

以下资源送给不想去培训班，却想通过自己的努力自学找到工作或是转行的同学，

不打广告，不关注公众号，不需要积分，直接下载。

教程部分

第一阶段、小程序小白全套视频教程

第二阶段、小程序进阶全套视频教程

第三阶段、小程序高手全套视频教程

案例部分

各种效果demo，以及成熟的案例

扩展名应用程序
.plist application/xml
.json text/json
.woff application/octet-stream
.ttf application/octet-stream
.svg image/svg+xml
.mp3 audio/mpeg
.ogg application/ogg
.wav audio/wav
.m4a audio/mpeg
.fnt text/html

app.js如下：

App({
onLaunch: function () {
//调用API从本地缓存中获取数据
var logs = wx.getStorageSync('logs') || []
logs.unshift(Date.now())
wx.setStorageSync('logs', logs)
},
getUserInfo:function(cb){
var that = this
if(this.globalData.userInfo){
typeof cb == "function" && cb(this.globalData.userInfo)
}else{
//调用登录接口
wx.login({
success: function () {
wx.getUserInfo({
success: function (res) {
that.globalData.userInfo = res.userInfo
typeof cb == "function" && cb(that.globalData.userInfo)
}
})
}
})
}
},
globalData:{
userInfo:null
}
})

ui页面大致格式如下：

Page({
data: {
detail:null,
title:null
},
onLoad: function (options) {
console.log('hotnews.onLoad');

var that = this;
// 加载数据
var url = 'http://news-at.zhihu.com/api/4/news/'+options.id;
console.log('url = '+url);
wx.request({
url: url,
header:{"Content-Type":"application/json","Cache-Control":"no-cache"},
success: function(res) {
var detail = res.data;
console.log('data = '+JSON.stringify(detail));
that.setData({
detail:detail
});
},
fail:function(error) {
console.log(error)
}
});
this.title = options.title;
},
onReady: function () {
wx.setNavigationBarTitle({
title: this.title
});
},
})

好了

去下载吧

链接：https://pan.baidu.com/s/102XfjQm7pHEssSdDTucXlA
提取码：tnqf

小程序学习从入门到熟练教程相关推荐

美团小程序框架mpvue入门教程
美团小程序框架mpvue入门教程自打写了美团小程序框架mpvue蹲坑指南, 一发不可收拾,今天趁周末空闲,来写个mpvue(没朋友)的简单入门教程,本教程只针对新手,老鸟勿喷. 另外,我还专门为本 ...
vue 美团框架_美团小程序框架mpvue入门教程
美团小程序框架mpvue入门教程本教程只针对新手,老鸟勿喷. 另外,我还专门为本文做了一个简单的项目,如果懒得从头开始搭项目的童鞋,可以直接去我的 github上克隆到本地, 安装一下依赖,即可直接 ...
微信小程序使用WeUI入门教程
微信小程序使用WeUI入门教程在学习微信小程序过程中,很多组件的样式需要自己调整,且很多不是我们想要的样子.所以找到了WeUI这样的扩展组件库,预览了组件库,真的非常nice! 但是找不到怎么去引用 ...
一周小程序学习第1天
2019独角兽企业重金招聘Python工程师标准>>> 一周小程序学习第1天今日正式开始小程序的学习! 对于刚上手的自学小白,技术选型是很重要的,这在一开始就决定了这条开发学习之 ...
关于微信小程序学习的一些心得
学习两周微信小程序的开发,自己颇有收获,在这里大体总结一下自己的心得体会. 微信小程序开发,入门算是非常简单,只要看官文文档即可小程序简易教程.如何申请小程序账号,如何开发自己第一个小程序,如何发布, ...
2020微信小程序学习报告.2.17-3.1.（三）
微信小程序学习报告应学校课程要求,特此记录首先,小程序知识点: wx.request的使用:发https请求,一个小程序同时只能有5个网络请求,https的参数里,url是接口地址,method是请求 ...
微信小程序云开发入门（二）-数据库详解
微信小程序云开发入门(二)-数据库详解接上一篇:微信小程序云开发入门(一) 摘要: 因为微信小程序云数据库有点类似传统的关系型数据库,但又有所不同.所以刚入手的时候会有点困扰,经过一段时间的学习和摸 ...
微信小程序导航：免费视频+精品教程+DEMO集合（长期更新）
1:官方工具:https://mp.weixin.qq.com/debug/w ... tml?t=1476434678461 2:简易教程:https://mp.weixin.qq.com/debu ...
知乎爆赞！4504页《微信小程序零基础入门开发文档》+《小程序实战笔记》，你学废了吗？
前言微信小程序作为近几年"微服务"的杰出代表,应用十分广泛.小程序是一种新的开放能力,开发者可以快速地开发一个小程序.小程序可以在微信内被便捷地获取和传播,同时具有出色的使用体验 ...

最新文章

热门文章