黑马微信小程序开发自学笔记——Day1小程序入门

已于 2024-01-04 22:39:23 修改
阅读量1.6k 收藏 24
点赞数 29
CC 4.0 BY-SA版权
分类专栏： 微信小程序开发 文章标签： 小程序 微信小程序 笔记
于 2024-01-04 22:36:04 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2302_78698589/article/details/135397450
本文详细介绍了微信小程序的基础知识，包括项目结构、代码组成部分（wxml、json、js、wxss）、组件使用、宿主环境及其功能、通信模型、API、协同开发流程、版本管理和发布、推广策略以及运营数据分析。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Day1.学习目标

一.了解小程序

  • 能够知道如何创建小程序

  • 能够清楚小程序项目的基本组成结构

  • 能够知道小程序页面由几部分组成

  • 能够知道小程序中常见的组件如何使用

  • 能够知道小程序如何进行协同开发和发布

二.小程序代码的构成

1.了解项目的基本组成结构

请添加图片描述

2.小程序页面的组成部分

1.js

​ 页面的脚本文件，存放页面的数据，时间处理函数等

2.json

​ 当前页面的配置文件，配置窗口的外观，表现等

请添加图片描述

3.wxss

​ 当前页面的样式表文件

4.wxml

​ 页面的模板结构文件

三.wxml与html的区别

请添加图片描述

四.wxss与css的区别

请添加图片描述

五.什么是宿主环境

​ 宿主😊😂是程序运行所必须的依赖环境，Android系统与iOS系统是两个不同的

最低0.47元/天 解锁文章

新学期VIP享超值加赠
微信小程序（黑马优购项目）
iaz999的博客
04-21 3274
在项目根目录的components目录上，鼠标右键，选择新建组件，填写组件信息后，最后点击创建按钮：为了增强组件的通用性，我们允许使用者自定义搜索组件的背景颜色和圆角尺寸。通过props定义bgcolor和radius两个属性，并指定值类型和属性默认值：在my-search自定义组件内部，给类名为的view绑定click事件处理函数：在分类页面中使用my-search自定义组件时，即可通过@click为其绑定点击事件处理函数：在分包里创建search页面同时在分类页面中，定义。
微信小程序学习笔记(黑马)
weixin_65251013的博客
04-01 1516
宿主环境：指的是程序运行所必须的依赖环境，脱离了宿主环境的软件是没有任何意义的生命周期（Life Cycle）是指一个对象从创建 -> 运行 -> 销毁的整个阶段，强调的是一个时间段应用生命周期：特指小程序从启动 -> 运行 -> 销毁的过程页面生命周期：特指小程序中，每个页面的加载 -> 渲染 -> 销毁的过程3. 生命周期函数：是由小程序框架提供的内置函数，会伴随着生命周期，自动按次序执行，允 许程序员在特定的时间点，执行某些特定的操作注意。
Store:黑马优购原始码，黑马程序员零基础微信小程序开发
03-23
店铺 你好，世界
小程序入门笔记（一） 黑马程序员前端微信小程序开发教程
shaozheng0503的博客
10-05 8107
运行环境：小程序可以在手机的操作系统上直接运行，如微信、支付宝等；而普通网页需要在浏览器中打开才能运行。开发技术：小程序采用前端技术进行开发，如HTML、CSS、JavaScript等；而普通网页也是使用类似的前端技术开发。用户体验：小程序可以提供更加原生化的用户体验，可以调用手机硬件设备的功能，如摄像头、地理位置等；而普通网页对于这些功能的调用相对受限。安全性：小程序运行在封闭的环境中，安全性较高，并且需要通过平台审核后才能上线；而普通网页的安全性相对较低，容易受到网络攻击。
黑马程序员微信小程序开发前端教程_零基础玩转微信小程序P30 列式编程
weixin_46879188的博客
10-21 1206
①alt+鼠标滚轮 ②ctrl+shift+→ ③ctrl+c ③shift+end ④backspace ③ctrl+v
微信小程序开发入门和实战.pdf
08-26
本资料包含微信小程序开发入门学习资料和小程序开发实战操作。
微信小程序开发.pdf
06-18
### 微信小程序开发知识点详解 #### 一、微信小程序账号注册与管理 - **注册账号**： - 访问微信官方的小程序管理后台（https://mp.weixin.qq.com/）。 - 选择注册类型为“小程序”，并填写相关信息（如邮箱、...
黑马程序员微信小程序-本地生活案例实现所用图片
04-10
在开发微信小程序时，图片资源是非常关键的一部分，它们不仅能够提升用户体验，还能够直观地展示各种服务信息。例如，餐厅的菜品图片可以激发用户的食欲，商家的地标图片可以帮助用户识别位置，活动海报则能吸引用户...
黑马优购微信小程序项目（学习自黑马程序员，代码纯属手工打造，在原有的基础上改造了一丢丢）
06-19
1. **小程序开发环境搭建**：首先，你需要安装微信开发者工具，该工具提供了编写、预览、调试和发布小程序的全套功能。注册微信开发者账号，并将小程序与你的账号关联，获取AppID，这是小程序运行的必要条件。 2. *...
B站 - 零基础玩转微信小程序（黑马）第一部分基础讲解 - 记录
bell_love的博客
06-11 1695
vscode的小程序开发插件 minapp 小程序开发助手（适合新手） < text>等价于< span> 行内元素 默认不换行 < view>等价于< div> 块元素 默认换行
0基础跟着黑马程序员学微信小程序前端开发Day01
dingzy1的博客
11-04 4904
学习目录一、项目的基本组成结构二、小程序页面的组成部分三、创建小程序页面四、小程序的一些组件1.常用视图容器类组件2.常用基础内容组件3.button 按钮的基本使用总结 一、项目的基本组成结构 1.pages 用来存放所有小程序的页面 2.utils 用来存放工具性质的模块（例如：格式化时间的自定义模块） 3.app.js 小程序项目的入口文件 4.app.json 小程序项目的全局配置文件 5.app.wxss 小程序项目的全局样式文件 6.project.config.json 项目的配置文件 7
微信小程序黑马学习笔记
懒鱼虫叔的博客
01-21 1531
.wxxm文件中{{info}}Mustache 语法的主要应用场景如下： 绑定内容绑定属性(src="{{}}") 不像vue3 :src="")运算（三元运算、算术运算等）{{age>=18 ? ‘成年’ : ‘未成年’}}{{age*10}}当事件回调触发的时候，会收到一个事件对象 event，它的详细属性如下表所示：target 和 currentTarget 的区别全局配置通过 bindtap，可以为组件绑定 tap 触摸事件，语法如下：在页面的 .js 文件中定义对应的事件处理函数，事件参数
黑马微信小程序学习笔记
MissXu666的博客
11-30 1998
默认情况下，在小程序内安装的第三方的包，是安装在node_module目录内的，且安装完包后也是不能马上使用的，因为小程序比较特殊，它是无法直接读取node_module软件包的，那小程序该如何使用安装的包呢？需要注意的是：每安装一个新包，就需要重新构建npm一次，且在构建之前，为了防止出现一些不必要的未知错误，可以先把之前安装包后构建生成的miniprogram_npm目录删除，然后再点击构建npm重新生成；物理（设备）像素：真实存在的，物理硬件屏幕上的最小显示单元，屏幕的分辨率，像素越高越清晰。
原生微信小程序开发-黑马优购（一）
peng109的博客
03-14 3254
接口文档地址： 轮播图--ShowDoc 视频地址： 黑马程序员微信小程序开发前端教程_零基础玩转微信小程序_哔哩哔哩_bilibili vs快捷键 wx-app wx-page 通过样式方式引入字体图标 微信小程序中不支持通配符“ * ” 页面初始化 主体颜色定义成变量 微信小程序单行注释没有用 单行注释没有用（//） 要 用多行注释（/* */） 写less文件，变成wxss文件？ 发送请求 ，要么记得把勾去掉，要么去开启请求合法域名 引入的路径要写...
黑马优购小程序知识点总结
all in AI
09-27 442
黒马优购小程序学习后知识点的总结
黑马微信小程序项目实战
m0_67390379的博客
03-10 6397
文章目录 1.小程序的第三方框架 2. 帮助文件 3.项目的搭建 3.1新建小程序项目 3.2搭建目录结构 3.3. 搭建项目的页面 3.4. 引?字体图标 3.5 创建tabbar页面 4. ?? 4.1. 效果 4.2 使??定义组件的?式实现头部搜索框 4.3 首页轮播图 4.4 首页分类导航模块 4.5 首页楼层模块 5. 分类页面 5.1 请求相关的数据 5.2 页面的编写 5.3 相关的样式 5.3 添加缓存 5.4 点击菜单左侧列表置顶 5.5 提取公共接口路径 6.
小程序基础入门(黑马学习笔记)
小白的博客
06-06 3429
权当学习笔记吧
微信小程序--黑马程序员
m0_64753411的博客
08-05 1979
自学
黑马微信小程序学习（一二两天）
最新发布
一个后端菜鸟的博客
11-06 977
需要注意的是，若小程序爬虫发现的页面数据和真实用户的呈现不一致，那么该页面将不会进入索引中。一个小程序存在多个界面，所以渲染层存在多个WebView线程，这两个线程的通信会经由微信客户端（下文中也会采用Native来代指微信客户端）做中转，逻辑层发送网络请求也经由Native转发，JSON是一种数据格式 ，JSON总是以配置文件的形式出现 ，小程序中也是，不同的。对于小程序中的每个页面，都需要在页面对应的 js 文件中进行注册，指定页面的初始数据、生命周期回调、事件处理函数等。每个页面都可以使用。
黑马训练营微信小程序商城开发与支付集成教程
资源摘要信息:"在当前的IT行业，微信小程序已成为一种流行的开发平台，它允许开发者创建轻量级的应用程序，这些应用程序可以直接在微信内运行。本资源文件聚焦于微信小程序的开发与实践，特别是围绕商城功能的实现。...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值