- 博客(14)
- 收藏
- 关注
RSS订阅原创 微信小程序全局样式
全局样式（app.wxss）app.wxss是全局样式表，对项目中每个页面都有效，可将一些系统级别的统一样式风格写入这个文件，页面渲染时，框架页中的．wxss文件样式会覆盖app.wxss中相同的选择器样式。WXSS是小程序基于CSS拓展的一套样式语言，它实现了CSS大部分规则，其具体介绍请参考下一节。小程序框架主体相关的文件app.json、app.js、app.wxss我们已经全部介绍完成，下面为大家介绍框架页面相关的文件。
2023-10-17 23:54:14
104
原创 小程序逻辑
小程序逻辑（app.js）小程序中逻辑文件分为页面逻辑文件和小程序逻辑文件，app.js便是小程序逻辑文件，在这个文件中，我们可以通过App()函数注册小程序生命周期函数、全局方法和全局属性，已注册的小程序实例可以在其他逻辑层代码中通过getApp()获取。1．注册小程序App()函数用于注册一个小程序，参数为一个Object对象，在这个参数对象中我们可以注册自定义方法和属性供全局使用，就像在quick start项目中，我们利用App()注册了用户登录信息。□onShow：生命周期函数，监听小程序显示。
2023-10-17 23:52:46
54
原创 微信小程序 配置文件
□list:tab的列表，必填项，其值为一个数组，最少2个、最多5个tab，数组中每一项是一个对象，代表一个tab的相关配置，每项的相关配置如下：● pagePath：页面路径，必须在pages中先定义，必填项。□uploadFile：设置wx.uploadFile的超时时间，单位毫秒。以上便是app.json的5类配置项，这些配置项都是全局的，小程序中除了app.json这种全局配置文件还有页面配置文件，当路由到对应页面时，页面配置文件的配置项将会覆盖全局配置，页面配置文件将在后续内容中进行详细介绍。
2023-10-16 23:25:46
211
1
原创 微信小程序框架主体文件
框架主体文件由app.json、app.js、app.wxss构成，这3个文件必须放置在项目根目录，一个小程序只有一份，它们负责小程序整体的配置：□app.json：小程序公共设置，配置小程序全局设置。□app.js：小程序逻辑文件，主要用于注册小程序全局实例，编译时会和其他页面逻辑文件打包成一份JavaScript文件。□app.wxss：小程序公共样式表，对所有页面的布局文件都有效。app.json和app.js是必须存在的，app.wxss不是必须创建的，可以根据项目情况进行创建。
2023-10-16 22:15:26
63
1
原创 微信小程序“徒手”创建小程序
为了让开发者更好地理解小程序框架运行机制，接下来将带领大家“徒手”创建一个结构最简单的小程序，这样每个细节都是开发者自己完成的，这对理解小程序框架有很大帮助。步骤如下：1）创建项目目录，这里以E:\weixin\myproject为例。4）打开index.wxml，写入以下代码。
2023-10-15 22:59:31
119
1
原创 微信小程序开发简介
小程序整体开发流程非常接近前端HTML+CSS+JavaScript的开发模式，与前端开发不同的是，在小程序中没有DOM的概念，在本地的JavaScript引擎中也没有window、document等对象，我们不能想当然地通过操作DOM来操作页面，小程序中的视图层和逻辑层的交互是通过数据绑定和事件响应实现的，这是一种单向绑定的机制。当框架接收到用户交互操作时，会根据视图层绑定的事件，执行逻辑层中对应的事件函数，达到逻辑层对视图层的响应，视图层与逻辑层的关系如图2-1所示。
2023-10-15 22:37:42
38
1
原创 微信小程序小节
本章简单介绍了小程序开发流程，让大家对小程序有体验式理解。小程序的学习过程并不难，掌握框架、组件、API后可快速上手，技术细节问题我们将在后续章节中进行详细讲解。本章仅介绍了主要的流程，接入过程中碰到的细节问题可参考官方资料：http://mp.weixin.qq.com/debug/wxadoc/introduction。
2023-10-13 10:55:09
22
原创 第一个小程序
至此我们简单体验了一个小程序的创建过程，但对于一个喜欢“刨根问底”的学习者来说，这个案例远远不够，可能会有很多问题，例如：□小程序启动入口在哪里？项目目录选择刚才创建的空目录，这里一定要保证刚才创建的目录为空目录，这样下面会出现“在当前目录中创建quick start项目”选项，勾选这个选项，如图1-10所示，然后点击“添加项目”按钮。这样我们便成功创建了第一个小程序，这个demo是官方提供的示例，第一个页面展示了当前登录的用户信息，点击头像会跳转到一个记录当前小程序启动时间的日志页面。
2023-10-13 10:17:17
20
原创 开发环境准备
最后便可到首页下载开发者工具，如图1-8所示。开发小程序之前还需要进入“用户身份-开发者”，绑定开发者，如图1-6所示。只有绑定的开发者才能使用开发者工具编写小程序，一个小程序最多可以绑定20个开发者，未认证的小程序最多可以绑定10个开发者。完成帐户注册后，需要登录微信公共平台官网（mp.weixin.qq.com），根据流程完善小程序信息，如图1-5所示。需要注意的是，目前小程序名称一旦确定后便不能修改。添加开发者后，需要要进入“设置-开发设置”，获取AppID，如图1-7所示。
2023-10-12 11:50:43
27
原创 注册微信小程序
4）填写个人帐号信息后，会收到一封激活邮件，点击激活链接，进入主体信息页面填写相关内容，即可完成注册流程，主体信息一经提交后便不可修改，如图1-4所示。注册小程序帐号只需如下四步：1）在微信公众平台官网首页（mp.weixin.qq.com）点击右上角的“立即注册”按钮，如图1-1所示。3）进入帐号信息页面，填写未注册过公共平台、开放平台、企业号、未绑定个人号的邮箱，这个邮箱将作为以后登录小程序后台的帐号，如图1-3所示。号类型，选择“小程序”，如图1-2所示。图1-1 注册小程序2）选择注册的帐。
2023-10-12 10:33:22
27
原创 微信小程序：开发入门及案例详解
按官方定义来讲，小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户不用担心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。从技术角度来讲，小程序采用了类似React Native和Weex一样的解析技术，开发者可编写一套代码在多端运行（Android微信、iOS微信和浏览器容器），同时相比公众号H5应用，小程序具备更好的原生体验。
2023-10-11 15:01:24
199
1
原创 简单地认识一下 HTML
什么是 HTML？HTML 是 Hyper Text Markup Language 的简写，译成中文是「顾名思义，超文本，就是不止于文本，视频、音频、图片等等都可以，说到底就是一种特殊的文档。HTML 构建了一个网页的基本骨架，TA 是用来描述网页的一种语言。HTML 简单到只需要一个记事本就能编写。
2023-10-10 23:36:55
38
原创 JS代码体积减少90%,超越React！它为何是最好的Web框架在2023年？
测试显示，与React Web 框架构建的相同网站相比，Astro 网站的加载速度可以提高 40%，而JS代码的体积可以减少90%。在像Nuxt或NextJS这样的框架中，页面加载后没有任何内容是静态的，因为它会对整个页面进行hydration，从而注入不必要的JavaScript。不要误解我的意思，spa是很棒的，只要你想创建一个web应用程序，而不是一个只有少量JavaScript交互的网站。要创建简单的spa，比如一个带有固定音频播放器的网站，你可以使用Hotwire的Turbo和Astro。
2023-10-09 23:25:34
85
原创 什么是HTML以及HTML入门教程
HTML是超文本标记语言（HyperText Markup Language）的缩写。它是一种用于创建网页的标准标记语言。HTML使用标记（即标签）来描述网页中的各种元素，如标题、段落、图像、链接等。HTML在生活中扮演着非常重要的角色。它是构建万维网的基础之一，几乎所有的网站都是使用HTML来构建和呈现其内容。无论是社交媒体、新闻网站、电商平台还是个人博客，它们都依赖于HTML来展示信息，并通过HTML与用户进行交互。
2023-10-04 23:14:52
41
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人