小程序课程学习
2016-12-25 09:59:38 0 举报
AI智能生成
小程序课程学习是一种通过在线平台或实体机构提供的专门课程,旨在帮助学员掌握微信小程序的开发、设计和运营技能。这些课程通常包括理论知识讲解、实战案例分析和项目实践等环节,以培养学员的实际操作能力和解决问题的能力。通过学习小程序课程,学员可以了解微信小程序的基本概念、开发流程和技术要点,掌握如何搭建和设计一个功能完善的小程序,以及如何进行推广和运营。此外,一些课程还会涉及到小程序与其他平台的整合和创新应用,为学员提供更多的发展机会和挑战。总之,小程序课程学习是提升个人技能和拓展职业发展的绝佳选择。
作者其他创作
大纲/内容
小程序开发环境
下载微信Web开发者工具
开发工具下载地址http://t.cn/RVKH0HS
小程序目前的情况
目前阶段:公测
仅对政府、企业、组织等开发注册
没有小程序号的限制
不能上传和发布小程序
不能真机运行,只可以在PC的模拟中运行
录音、网络状态、罗盘、拨打电话等功能无法使用
获取用户信息的流程是模拟的而不是真实的
不影响学习小程序开发
新建小程序项目
添加项目
AppID:有小程序号的
无AppID:无小程序号
勾选“在当前目录中创建quick start项目”
官方给的小程序示例项目
界面
帮助
快速进入小程序API说明文档
工具栏
hello world:官方给的初始化demo
机型
模拟网络状态
功能区域
编辑
写代码的区域
树状管理器
创建:.js.json.wxml.wxss
ctrl+F查找
调试
Sources
sm后缀的文件时源代码文件
js后缀的文件是编译过后的
调试是在sm文件里打断点
Content Sminppets 不知道啥意思
Console
系统提示编译错误、警告信息、自定义,调试信息的综合显示区域
单个调试F10 跳到下一个断点是F8
右上角show console 在底部可以实时看到调试信息
Network
时间轴:管理链接的耗费时间
具体查看每个请求网络链接的地方
Headers:每个http请求头的信息
Response:每个请求返回信息
Timing:每个请求具体耗费时间的管理
Preview:是个预览
Storage
小程序很棒的功能:支持本地缓存
查看本地缓存数据
AppData
数据绑定的区域
跟页面相关,每个页面被绑定的数据
Wml
小程序UI界面和UI代码链条的地方
项目
touristappid无法上传和预览
ES6转ES5
只处理语法方面的问题
promise?
监听文件变化,自动刷新开发者工具
指的是勾选此功能后,就可以ctrl+S实时查看编译结果,无需再次点击编译(Ctrl+B)
后台运行
缓存
清除数据存储
清除文件存储
小程序支持文件的API
ctrl+S实时预览
ctrl+P快速查找文件
微信Web开发者工具界面功能介绍
编写第一个小程序页面
小程序文件类型与目录结构
web页面
.html:骨架
.css:样式
.js:逻辑
.json:配置
最多5级页面
webstorm?
注册小程序页面,View,Image,Text等组件的基本用法
wxml是编写小程序骨架的文件<div>
view:起到容器和分隔文档的作用
只有用<text></text>包围的文字才可以在手机里长按选中
px 在小程序里代表逻辑分辨率 rpx:物理分辨率
iphone6机型下的px与rpx是1:1的对应关系
style 动态样式 class静态样式
嵌套text可以实现一行文本的几种不同的样式
/n代表换行
Flex弹性盒子模型
移动端分辨率及小程序自适应单位RPX
编写新闻阅读列表
Swiper组件:轮播图
纵向滚动:vertical="true"
App.json里的关于导航栏、标题配置
/ 绝对路径,从根目录开始找到相对应
../..相对路径
所有的脚本代码都在.js Page里
console.log()打印
数据绑定(核心知识)
小程序没有dom节点
可以直接进行数据绑定
单向绑定,无法自动同步到脚本变量;需要双向绑定的话需要用事件
{{}}绑定后引用数据
子主题
数据绑定的运算与逻辑
AppData区域介绍
事件与事件对象
缓存:小程序限制最大10M
列表渲染(核心知识)
Template模板的使用(核心知识)
知识点
app.json里pages里的第一个数组代表小程序启动后的第一个页面
/*less sass*/css预编译器在小程序里也可以用,但是扩展名不识别css
在网上没有太多解决方案时,查看API文档和不断去试
什么是微信小程序
小程序特点
业务逻辑简单
使用频率低
性能要求低
优点
流程简单
跨平台
对开发者的影响
短期内将提升市场对JavaScript程序员的需求量
小程序是0基础开发者很好的入门平台
小程序不可以使用现在已经存在的JavaScript组件库
开发环境和开发逻辑及其简单,非常适合新手入门
学习小程序需要什么基础
JS+CSS
ES6
小作业
找几款常用的APP,分析一下,它适合开发一个小程序版本吗
0 条评论
下一页
为你推荐
查看更多