微信小程序（1.小程序入门）

最新推荐文章于 2023-12-01 10:30:51 发布
最新推荐文章于 2023-12-01 10:30:51 发布
阅读量113 收藏
点赞数
分类专栏： 微信小程序 文章标签： 小程序 app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46126118/article/details/114648272
版权

一.前景

  1. 发展
  2. 优势
  3. 好处

二.开发工具

下载地址
在这里插入图片描述
下载对应版本运行后，安装后就可以得到桌面快捷图标
打开登录后开始创建
在这里插入图片描述
然后开始加载，有一点慢，等待后创建成功
在这里插入图片描述

三. 认识开发工具

在这里插入图片描述

四.项目目录

1.页面pages
（1）初始页面
在这里插入图片描述
写完代码记得保存Ctrl+s
（2） index页面设置
在这里插入图片描述
2. app.js(入口文件)
在这里插入图片描述
在这里插入图片描述

张张同学！
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序开发.小程序入门（上）
Cat_Jay_Fish的博客
03-11 1381
1.小程序简介 微信小程序，小程序的一种，英文名Wechat Mini Program， 是一种不需要下载安装即可使用的应用， 它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。 注1：其它小程序包括，支付宝小程序/百度小程序/QQ小程序/今日头条+抖音小程序 注2：微信已经有了微信订阅号、微信服务号、微信企业号，微信小程序和这三者有什么不同 微信小程序、微信订阅号、微信服务号、微信企业号是并行的体系 注3：微信官方文档地址：https:/...
微信小程序（入门）
m0_60489682的博客
05-29 1178
一、什么是微信小程序 微信小程序：英文名：Wechat applet 是一种不需要下载安装即可使用的应用，是小程序的一种 二、开发工具 1.小程序开发者工具 下载地址： 稳定版 Stable Build | 微信开放文档 (qq.com) 下载安装好后，先要微信扫描登录。然后选择小程序项目 2.点击加号创建新的项目的配置（一） 3.点击加号创建新的项目的配置（二） 这样就创建好了一个小程序的项目 三、项目目录 （1）pages：用于存放所有小程序页面 （2）ut
最新最全的微信小程序入门学习教程，微信小程序零基础入门到精通
热门推荐
编程小石头
07-24 7万+
从今天开始就来带领大家学习微信小程序了，只要你跟着我一步步来，相信你也可以上线一款属于自己的微信小程序 一，认识小程序 微信⼩程序，简称⼩程序，英⽂名 Mini Program Mini Program ，是⼀种不需要下载安装即可使⽤的应⽤，它实现 了应⽤“触⼿可及”的梦想，⽤⼾扫⼀扫或搜⼀下即可打开应⽤ 1-1，微信小程序的优势 1.微信有海量⽤⼾，⽽且粘性很⾼，在微信⾥开发产品更容易触达⽤⼾； 2.推⼴app或公众号的成本太⾼。 3.开发适配成本低。 4.容易⼩规 模试错，然后快速迭代。 5.跨平台。
微信小程序开发基础常识
m0_72168336的博客
12-01 2570
微信小程序开发基础常识。创建新页面，设置背景图片，页面跳转，实现全局变量赋值及调用，如何实现页面带参数跳转，认识button组件以及绑定事件，输入框数据获取，选择器picker，单选操作radio
微信小程序入门篇（一）
代码君
05-22 5万+
小程序也已经出来有一段时间啦，对于一些想去学习又无从下手的朋友们，欢迎和代码君一起去学习一下小程序！准备工作 下载开发工具：微信小程序开发工具 创建项目 添加项目 如果没有AppID可以选择无AppID,项目名称可以随便起，因为入门教程我想教大家都比较想学的商城，所以直接叫商城啦，项目目录中的shopping是自己创建的新文件夹，空文件夹系统就会自动在shopping文件夹中创建整个项目架构，记得勾
微信小程序入门.docx
10-05
【微信小程序入门】 微信小程序是一种轻量级的应用形态，它不需要用户下载安装即可使用，极大地降低了用户接触应用的门槛。自2017年微信小程序正式上线以来，它已经成为了移动互联网领域的重要组成部分，覆盖了众多...
微信小程序入门.zip
03-10
微信小程序是腾讯公司基于微信平台推出的一种轻量级应用形态，它无需用户下载安装即可在微信内直接使用。自2017年正式上线以来，小程序凭借其便捷性、易获取性和出色的用户体验迅速获得市场认可，并成为连接线上线下...
煎蛋-微信小程序源码.zip
最新发布
06-16
总结，这个“煎蛋-微信小程序源码.zip”资源是一套全面的微信小程序学习材料，适合初学者入门和进阶者提升。通过阅读文档、观看视频，以及实际操作源码，开发者可以系统地掌握微信小程序的开发技巧，实现自己的小...
-# 微信小程序开.md
05-09
微信小程序是一种轻量级的应用程序，可以在微信内部直接使用，无需下载和安装。本教程将介绍微信小程序的基本概念、开发工具和实践技巧，帮助你入门微信小程序开发。
微信小程序教程.zip
12-11
总之，这个“微信小程序教程”应该涵盖了从入门到进阶的全方位教学内容，帮助开发者从零开始学习和掌握微信小程序的开发技术，从而打造高质量的小程序应用。无论是初学者还是有经验的开发者，都能从中受益。
微信小程序项目2（哔哩哔哩）
沉晨尘宸的博客
08-04 6911
感觉有点艰难，但是做出来了【大哭】 目录如下： 效果预览 1. pages/detail // pages/detail/detail.js Page({ /** * 页面的初始数据 */ data: { // 视频详情 videoInfo: null, //推荐视频 othersList: [], //评论数据 commentData: null, //评论图片网址数据 commentImg: ['https://g
微信小程序项目（哔哩哔哩小程序）
沉晨尘宸的博客
07-31 3232
哔哩哔哩小程序一、进行初始化二、设计头部 一、进行初始化 首先打开一个新项目，将app.js文件全部删掉，输入app使用回车导出如下默认代码： App({ /** * 当小程序初始化完成时，会触发 onLaunch（全局只触发一次） */ onLaunch: function () { }, /** * 当小程序启动，或从后台进入前台显示，会触发 onShow */ onShow: function (options) { },
微信小程序10（wxss-样式导入、内联样式、选择器、全局样式与局部样式）
沉晨尘宸的博客
07-27 3033
wxss-样式导入、内联样式、选择器、全局样式与局部样式一、样式导入二、内联样式1.讲解2.例子三、选择器四、全局样式与局部样式 一、样式导入 使用@import语句可以导入外联样式表，@import后跟需要导入的外联样式表的相对路径，用;表示语句结束。 示例代码： /** common.wxss **/ .small-p { padding:5px; } /** app.wxss **/ @import "common.wxss"; .middle-p { padding:15px; } 例子
微信小程序入门笔记5（page.json）
沉晨尘宸的博客
07-23 1649
page.json一、全局配置1、pages 页面路径2. Windows配置3、tabBar 底部导航（1）list（2）networkTimeout 各类网络请求的超时时间二、页面配置 一、全局配置 1、pages 页面路径 2. Windows配置 3、tabBar 底部导航 （1）list 其中 list 接受一个数组，只能配置最少 2 个、最多 5 个 tab。tab 按数组的顺序排序，每个项都是一个对象，其属性值如下: （2）networkTimeout 各类网络请求的超时时间
微信小程序7（运算）
沉晨尘宸的博客
07-24 1024
运算一、引例二、三元运算三、算术运算1.常量运算2.变量运算3.逻辑判断 一、引例 如下图所示，很多时候我们可以这样设置选中，但是很多时候需要根据条件来判断是否选中，所以需要进行更改 二、三元运算 首先感受一下，在.js文件中增加变量定义为ischecked，附以true值，在.wxml文件中进行更改 ： .js data: { ischecked:true }, .wxml <view> <checkbox checked="{{ischecked}}"></c
微信小程序12（swiper轮播图，导航设置、video）
沉晨尘宸的博客
07-29 764
swiper轮播图，导航设置一、swiper基础二、navigator基础1. 全部2.常见3.open-type 有效值三、video 一、swiper基础 微信内置基础轮播图组件 默认宽度100% 高度150px 滑块视图容器。其中只可放置swiper-item组件，否则会导致未定义的行为。 wxml <swiper autoplay indicator-dots indicator-color="blue" indicator-active-color="red" circular inte
微信小程序入门（2. 认识三剑客）
沉晨尘宸的博客
03-16 665
开始学习小程序一.认识小程序三剑客1.哪三剑客？2.分别了解3.尝试编码wxml体验wxss 一.认识小程序三剑客 1.哪三剑客？ 2.分别了解 wxml：主要是用来布局组建的。相当于大楼，就是这个大楼有餐饮娱乐什么什么的都是这个决定的 wxss：主要决定显示样式，也就是决定大楼内外部装饰以及颜色什么的 js:主要是用来处理逻辑的，也就是大楼的电梯动作，放电影，ktv唱歌什么的动态动作 3.尝试编码wxml <view> <view> <view
微信小程序入门（3.常见组件）
沉晨尘宸的博客
03-19 574
常见组件一.组件view1.创建新的页面 一.组件view 1.创建新的页面 在utils文件下的json进行创建 那里的pages就是同页面设定的地方 我们只需要复制自带的文件，然后将index更改为一个新的名字就好了 这里我改成了test1 然后使用快捷键Ctrl+s就可以再次编译 这样子，我们的任务管理器里就多了一个test1 的目录 注意：这里的pages第一个是什么，那开始的页面就是什么 ...
微信小程序9（wxss）
沉晨尘宸的博客
07-24 221
wxss一、概述二、尺寸单位三、样式导入 一、概述 wxss是一套样式语言，用于描述wxml的组件样式 与css相比，wxss扩展的特性有： 尺寸单元 样式导入 二、尺寸单位 rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。 建议： 开发微信小程序时设计师可以用 iPhone6
微信小程序app.js
08-09
微信小程序的app.js文件是小程序的入口文件，其中包含了小程序的全局配置和生命周期函数的定义。 引用中提到了注册App时的一些常见操作，比如判断小程序的进入场景、监听生命周期函数，在生命周期函数中执行对应的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值