单片机菜鸟哥的博客

博主作为野生非专业硬件爱好者，分享自己的学习思路，你会在这里发现宝藏。有任何问题，均可以博客下留言，知必答。

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 android工程师学习微信小程序笔记⑫ 小程序性能优化

小程序官方文档当开发完一个小程序之后，性能优化就是一项长期的工作，那么我们就得了解一下如何做性能优化。启动在小程序启动时，微信会为小程序展示一个固定的启动界面，界面内包含小程序的图标、名称和加载提示图标。此时，微信会在背后完成几项工作：下载小程序代码包加载小程序代码包初始化小程序首页。代码包下载在某个小程序第一次启动时，微信需要下载小程序代码包。此后，如果小程序代码包未更新...

2020-04-26 14:00:19 1089

原创 android工程师学习微信小程序笔记⑪ 小程序底层框架

双线程模型管控与安全要彻底解决这个问题，我们必须提供一个沙箱环境来运行开发者的JavaScript 代码。这个沙箱环境不能有任何浏览器相关接口，只提供纯JavaScript 的解释执行环境，那么像HTML5中的ServiceWorker、WebWorker特性就符合这样的条件，这两者都是启用另一线程来执行 JavaScript。但是考虑到小程序是一个多 WebView 的架构，每一个小程序页...

2020-04-26 11:28:18 943

原创 android工程师学习微信小程序笔记⑩ 小程序网络相关

目前从我开发的小程序来看，基本上都是跟网络请求打交道，所以记录一下小程序网络请求相关内容。1. 服务器域名配置每个微信小程序需要事先设置通讯域名，小程序只可以跟指定的域名进行网络通信。包括：普通 HTTPS 请求（wx.request）上传文件（wx.uploadFile）下载文件（wx.downloadFile)WebSocket 通信（wx.connectSocket）从基...

2020-04-26 09:50:55 1004

原创 android工程师学习微信小程序笔记⑨ 小程序Flex布局

在传统网页开发，我们用的是盒模型，通过display:inline | block | inline-block、 position、float来实现布局，缺乏灵活性且有些适配效果难以实现。采用flex布局的元素，简称为“容器”。容器内的元素简称为“项目”。基本概念flex的概念最早是在2009年被提出，目的是提供一种更灵活的布局模型，使容器能通过改变里面项目的高宽、顺序，来对可用空间实...

2020-04-25 22:06:41 932

原创 android工程师学习微信小程序笔记⑧ 小程序事件

什么是事件事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上，当达到触发事件，就会执行逻辑层中对应的事件处理函数。事件对象可以携带额外信息，如 id, dataset, touches。在小程序里边，我们把这种“用户在渲染层的行为反馈”以及“组件的部分状态反馈”抽象为渲染层传递给逻辑层的“事件”。事件经过流程：渲染层 -> Na...

2020-04-25 15:32:59 731

原创 android工程师学习微信小程序笔记⑦ 小程序页面路由

在小程序中所有页面的路由全部由框架进行管理https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/route.html页面栈框架以栈的形式维护了当前的所有页面。当发生路由切换的时候，页面栈的表现如下：可以使用 getCurrentPages() 函数获取当前页面栈。路由方式对于路由的触发方式以及页...

2020-04-25 15:11:53 585

原创 android工程师学习微信小程序笔记⑥ 小程序Page页面

一个小程序可以有很多页面，每个页面承载不同的功能，页面之间可以互相跳转。Page页面文件构成和路径一个页面是分三部分组成：界面、配置和逻辑。界面由WXML文件和WXSS文件来负责描述，配置由JSON文件进行描述，页面逻辑则是由JS脚本文件负责。一个页面的文件需要放置在同一个目录下，其中WXML文件和JS文件是必须存在的，JSON和WXSS文件是可选的。页面路径需要在小程序代码根目录ap...

2020-04-25 14:58:31 918

原创 android工程师学习微信小程序笔记⑤ 小程序App

宿主环境提供了 App() 构造器用来注册一个程序App，需要留意的是App() 构造器必须写在项目根目录的app.js里，App实例是单例对象，在其他JS脚本中可以使用宿主环境提供的 getApp() 来获取程序实例。微信官方文档App讲解小程序App函数每个小程序都需要在 app.js 中调用 App 方法注册小程序实例，绑定生命周期回调函数、错误监听和页面不存在监听函数等。App()...

2020-04-25 14:06:33 909

原创 android工程师学习微信小程序笔记④ 小程序渲染层和逻辑层

正常来说，微信小程序是依赖于微信客户端上运行的，并且跟小程序基础库（包括了小程序的整个运行环境以及基础能力，跟具体小程序无关）版本有重大关联关系。我们可以把微信客户端以及小程序基础库简称为宿主环境（就算去开发类似于百度小程序、字节跳动小程序、京东小程序，它们的概念都是想通的）。小程序可以调用宿主环境提供的微信客户端的能力，这就使得小程序比普通网页拥有更多的能力。小程序会运行在不同版本（不同的微...

2020-04-25 13:39:14 3238

原创 android工程师学习微信小程序笔记③ JavaScript 脚本

小程序的主要开发语言是 JavaScript ，开发者使用 JavaScript 来开发业务逻辑以及调用小程序的 API 来完成业务需求。ECMAScript在大部分开发者看来，ECMAScript和JavaScript表达的是同一种含义，但是严格的说，两者的意义是不同的。ECMAScript是一种由Ecma国际通过ECMA-262标准化的脚本程序设计语言， JavaScript 是 ECMA...

2020-04-24 22:02:35 897

原创 android工程师学习微信小程序笔记② WXSS选择器和优先级

前言作为一个传统出身的Android开发搬砖工程师，由于工作需要以及历史推进，最近一年的工作都在写小程序。作为习惯于总结经验的我来说，在研究官方文档之余还是觉得应该写写笔记，作为学习记录。所以接下来一段时间都会写写一些关键记录。选择器目前支持目前，习惯性工作中，使用类选择器的比例基本上占了 90%以上。WXSS优先级权重越高越优先（其实可以理解为同样去操作一个view，优先级低先...

2020-04-24 21:32:54 1157

原创 android工程师学习微信小程序笔记① 小程序与普通网页开发的区别

前言作为一个传统出身的Android开发搬砖工程师，由于工作需要以及历史推进，最近一年的工作都在写小程序。作为习惯于总结经验的我来说，在研究官方文档之余还是觉得应该写写笔记，作为学习记录。所以接下来一段时间都会写写一些关键记录。小程序与普通网页开发的区别小程序的主要开发语言是 JavaScript ，小程序的开发同普通的网页开发相比有很大的相似性。对于前端开发者而言，从网页开发迁移到小程序...

2020-04-24 21:16:55 2426