51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
WOT技术大会
IT证书
公众号矩阵
移动端
短视频 免费课程 课程排行 直播课 软考学堂
全部课程 厂商认证 IT技术 24年11月软考 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
# 小程序

小程序《旧岛》项目笔记（7）-组件的生命周期与内存泄漏

组件的生命周期与内存泄漏组件的生命周期created  =>  组件生命周期函数，在组件实例进入页面节点树时执行，注意此时不能调用 setDataattached  =>  组件生命周期函数，在组件实例进入页面节点树时执行ready  =>  组件生命周期函数，

生命周期
内存泄漏
ide
原创 2022-02-14 15:07:30 50 阅读

小程序《旧岛》项目笔记（10）-代码的抽离与封装

代码的抽离与封装代码的抽离有的时候，对于一个功能的实现，仅仅就是一行代码而已，那么我们为什么还要抽离成一个函数呢？原因很简单，通过抽离成函数，代码的可读性更强，函数名就是最好的注释。比如： // 判断是否为第一期的期刊 isFirst(index) {

抽离
封装
缓存
相似度
原创 2022-02-14 15:00:50 82 阅读

小程序《旧岛》项目笔记（11）-事件禁用的方法与使用Storage保存最新期刊号

事件禁用的方法与使用Storage保存最新期刊号事件禁用的方法在项目中，以下按钮之类的标签，有的时候我们需要禁用他们的方法。常见的思路有2种：（1）标签依然绑定事件，但是我们在  页面  中忽略这个事件。

事件禁用
缓存
数据更新
绑定事件
原创 2022-02-14 14:59:46 24 阅读

小程序《旧岛》项目笔记（9）-组件间的控制及当前期刊是否最新期刊的判断

组件间的控制及当前期刊是否最新期刊的判断组件间的控制通过 navi 组件控制 classic 中期刊的切换，具体思路是：（1）点击 navi 组件，并在 navi 组件中“上一期”、“下一期”的图标，绑定自定义事件 “left”

组件控制
ide
xml
自定义事件
原创 2022-02-14 14:58:36 48 阅读

微信小程序学习笔记（3）-全局的样式（app.wxss）与通用布局

全局的样式（app.wxss）与通用布局在小程序开发的时候，大多时候，页面的布局都是基本相同的。因此，页面布局也就形成了固定的套路。常见的布局及全局样式如下：index.wxml文件<view class='container'> <scroll-view scroll-y="true" class='page-body' bindscrolltolower="...

app.wxss
通用布局
样式
页面布局
小程序
原创 2022-02-10 10:16:07 232 阅读

小程序《旧岛》项目笔记（2）-访问API获取数据

访问API获取数据1、分析API接口在使用API接口获取数据之前，我们首先要分析API，包括url前缀、如可使用appkey、如何发送参数、获取数据的结构等等。2、POST、PUT请求注意事项3、API调用返回的结果所有请求只有2种类型的json返回结果:（1）返回资源的特定信息(如获取用户基本信息){ "content": "人生不能...

网络请求
回调函数
获取数据
api接口
原创 2022-02-10 10:15:50 187 阅读

微信小程序学习笔记（1）-全局配置

全局配置app.json文件用来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。名词解释：pages  =>  页面路径列表window  =>  全局的默认窗口表现              backgroundTextStyle  =>  下拉 loading 的样式，仅支持 dark / light,默认值d...

全局配置
ico
导航栏
颜色值
原创 2022-02-10 10:15:41 81 阅读

微信小程序学习笔记（2）-轮播广告&导航部分&上拉加载

轮播广告与导航部分轮播广告在微信小程序中，我们通常需要遇到轮播广告的需求，在实现的时候，我们使用swiper组件。 <view class='swiper'> <swiper interval="{{interval}}" duration="{{duration}}" vertical="{{vertical}}" indicator-dots=...

轮播图
swiper
上拉加载
导航
数据
原创 2022-02-10 10:15:34 106 阅读

小程序《旧岛》项目笔记（1）-项目开发准备

项目开发准备1、开发工具对于小程序项目，我们除了使用小程序官方开发工具外，还可以使用第三方开发工具，比如vscode、vim、sublime、webstorm等等。vscode中，提供了一些好用的插件，便于开发。2、样式继承小程序中，很多样式都是不可以继承的，常见的可以继承的样式有foot、color等等，这一点是需要特别注意的。3、组件的定义与使用开发者可以将页面内的功能...

开发准备
选择器
小程序
xml
原创 2022-02-10 10:15:25 191 阅读

小程序《旧岛》项目笔记（3）-类的封装

类的封装与使用类的封装无论是小程序，还是其他项目，我们往往都会遇到一些公共的方法会重复的调用，这个时候，我们就需要将这些方法封装在类中，方便代码的复用。以网络请求类的封装为例，来学习类的封装。1、首先，我们新建一个文件config.js，在其中，我们生命一个常量并导出，如下：const config = { api_base_URL: '://bl.7yue....

类的封装
封装
绝对路径
相对路径
原创 2022-02-10 10:14:48 19 阅读

小程序《旧岛》项目笔记（4）-API调用失败的处理

API调用失败的处理一个优秀的网站或者程序，在异常处理与提示方面是非常体贴且人性化的，这也增强了用户的使用体验。因为网站给出的提示，可以帮助用户有效的问题所在，方便解决问题。在类封装的时候，我们要兼顾  request  方法与  _show_error  两种方法。前者，是进行网络请求的方法；后者，是展示网络请求出错时给用户的提示。代码大致如下：import { ...

错误处理
网络请求失败
网络请求
服务器
回调函数
原创 2022-02-10 10:14:40 87 阅读

小程序《旧岛》项目笔记（5）-类的继承、组件属性赋值与页面渲染流程解析

类的继承与组件属性赋值类的继承在项目中，我们声明了一个类A，但是往往在声明另一个类B的时候，发现，类B需要继承类A的属性，这就要用到类的继承。import { } from '../utils/.js';class ClassicModel extends { getLatest(sCallBack) { this.request...

类的继承
页面渲染
组件传值
数据
xml
原创 2022-02-10 10:14:33 41 阅读

小程序《旧岛》项目笔记（12）-使用缓存的优点

使用缓存的优点为什么使用缓存？在一个项目中，是否使用缓存，关系着代码的复杂程度，都是也关系着项目的加载速度。使用缓存，我们可以大大减少向发起请求的次数，大大减低端的压力。在哪里使用缓存？谈及缓存，我们不可避免的要涉及网络请求。在项目中，获取数据的地方有2种：API 与 缓存。其先后顺序如下：首先在缓存中进行查找数据，如果找不到，这发起网络请求，随后在写入到缓存中...

缓存
网络请求
API
加载
原创 2022-02-10 10:14:20 11 阅读

小程序《旧岛》项目笔记（13）-组件的显隐hidden与文件的引入

组件的显隐hidden与文件的引入:if vs hidden因为 :if 之中的模板也可能包含数据绑定，所以当 :if 的条件值切换时，框架有一个局部渲染的过程，因为它会确保条件块在切换时销毁或重新渲染。同时 :if 也是惰性的，如果在初始渲染条件为 false，框架什么也不做，在条件第一次变成真的时候才开始局部渲染。相比之下，hidden 就简单的多，组件始终会被渲...

hidden
文件引入
相对路径
类文件
封装
原创 2022-02-10 10:14:09 16 阅读

小程序《旧岛》项目笔记（6）-自定义事件的激活&监听与点赞&取消点赞

自定义事件的激活与自定义事件激活自定义组件触发事件时，需要使用  triggerEvent  方法，指定事件名、detail对象和事件选项。其中，like 表示自定的事件， behavior: status  表示  detail  对象，事件选项的属性不可以开发者自己定义，有bubbles、composed、capturePhase // 激活 let...

自定义事件触发与监听
点赞
取消点赞
自定义事件
自定义
原创 2022-02-10 10:06:27 61 阅读

小程序《旧岛》项目笔记（8）-项目预览、事件传递、behaviors

项目预览与事件传递项目预览小程序项目可以通过扫描二维码来进行预览，对于普通的项目该方法可行。但是对于，其中网络请求的API接口是开头的的项目。我们需要打开 “不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书” 这一选项，并且预览的时候要打开手机端的调试。

预览
事件传递
生命周期
数据
原创 2022-02-10 10:06:15 24 阅读

小程序《旧岛》项目笔记（8）-项目预览、事件传递、behaviors

项目预览与事件传递项目预览小程序项目可以通过扫描二维码来进行预览，对于普通的项目该方法可行。但是对于，其中网络请求的API接口是http开头的的项目。我们需要打开 “不校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书” 这一选项，并且预览的时候要打开手机端的调试。事件传递组件包含关系：Compontent3  >  Compontent2  &g...

预览
事件传递
生命周期
数据
编程语言
原创 2021-08-27 12:54:37 71 阅读

小程序《旧岛》项目笔记（9）-组件间的控制及当前期刊是否最新期刊的判断

组件间的控制及当前期刊是否最新期刊的判断组件间的控制通过 navi 组件控制 classic 中期刊的切换，具体思路是：（1）点击 navi 组件，并在 navi 组件中“上一期”、“下一期”的图标，绑定自定义事件 “left” 、“right” ；<!--components/navi/navi.wxml--><view class="container"&...

组件控制
ide
ico
自定义事件
xml
原创 2021-08-27 12:54:35 99 阅读

小程序《旧岛》项目笔记（10）-代码的抽离与封装

代码的抽离与封装代码的抽离有的时候，对于一个功能的实现，仅仅就是一行代码而已，那么我们为什么还要抽离成一个函数呢？原因很简单，通过抽离成函数，代码的可读性更强，函数名就是最好的注释。比如： // 判断是否为第一期的期刊 isFirst(index) { return index == 1 ? true : false; } // 判断是否为最...

抽离
封装
缓存
简洁性
代码段
原创 2021-08-27 12:54:33 69 阅读

小程序《旧岛》项目笔记（12）-使用缓存的优点

使用缓存的优点为什么使用缓存？在一个项目中，是否使用缓存，关系着代码的复杂程度，都是也关系着项目的加载速度。使用缓存，我们可以大大减少向服务器发起请求的次数，大大减低服务器端的压力。在哪里使用缓存？谈及缓存，我们不可避免的要涉及网络请求。在项目中，获取数据的地方有2种：API 与 缓存。其先后顺序如下：首先在缓存中进行查找数据，如果找不到，这发起网络请求，随后在写入到缓存中...

缓存
网络请求
API
数据
服务器
原创 2021-08-27 12:54:31 75 阅读

小程序《旧岛》项目笔记（11）-事件禁用的方法与使用Storage保存最新期刊号

事件禁用的方法与使用Storage保存最新期刊号事件禁用的方法在项目中，以下按钮之类的标签，有的时候我们需要禁用他们的方法。常见的思路有2种：（1）标签依然绑定事件，但是我们在  页面  中忽略这个事件。（2）在  组件  的内部，禁用这个事件，绑定的事件不触发。（推荐）onLeft: function() { if(!this.properties.latest...

事件禁用
缓存
数据更新
绑定事件
IT
原创 2021-08-27 12:54:29 82 阅读

小程序《旧岛》项目笔记（13）-组件的显隐hidden与文件的引入

组件的显隐hidden与文件的引入wx:if vs hidden因为 wx:if 之中的模板也可能包含数据绑定，所以当 wx:if 的条件值切换时，框架有一个局部渲染的过程，因为它会确保条件块在切换时销毁或重新渲染。同时 wx:if 也是惰性的，如果在初始渲染条件为 false，框架什么也不做，在条件第一次变成真的时候才开始局部渲染。相比之下，hidden 就简单的多，组件始终会被渲...

hidden
文件引入
相对路径
类文件
封装
原创 2021-08-27 12:54:27 64 阅读

小程序《旧岛》项目笔记（7）-组件的生命周期与内存泄漏

组件的生命周期与内存泄漏组件的生命周期created  =>  组件生命周期函数，在组件实例进入页面节点树时执行，注意此时不能调用 setDataattached  =>  组件生命周期函数，在组件实例进入页面节点树时执行ready  =>  组件生命周期函数，在组件布局完成后执行，此时可以获取节点信息（使用 SelectorQuery ）moved  =&g...

生命周期
内存泄漏
ide
数据
属性列表
原创 2021-08-27 12:53:23 100 阅读

小程序《旧岛》项目笔记（6）-自定义事件的激活&监听与点赞&取消点赞

自定义事件的激活与监听自定义事件激活自定义组件触发事件时，需要使用  triggerEvent  方法，指定事件名、detail对象和事件选项。其中，like 表示自定的事件， behavior: status  表示  detail  对象，事件选项的属性不可以开发者自己定义，有bubbles、composed、capturePhase // 激活 let...

自定义事件触发与监听
点赞
取消点赞
自定义事件
自定义
原创 2021-08-27 12:53:09 78 阅读

微信小程序学习笔记（1）-全局配置

全局配置app.json文件用来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。名词解释：pages  =>  页面路径列表window  =>  全局的默认窗口表现              backgroundTextStyle  =>  下拉 loading 的样式，仅支持 dark / light,默认值d...

全局配置
ico
导航栏
颜色值
默认值
原创 2021-08-27 12:51:21 139 阅读

微信小程序学习笔记（3）-全局的样式（app.wxss）与通用布局

全局的样式（app.wxss）与通用布局在小程序开发的时候，大多时候，页面的布局都是基本相同的。因此，页面布局也就形成了固定的套路。常见的布局及全局样式如下：index.wxml文件<view class='container'> <scroll-view scroll-y="true" class='page-body' bindscrolltolower="...

app.wxss
通用布局
样式
页面布局
小程序
原创 2021-08-27 12:51:19 1105 阅读

微信小程序学习笔记（2）-轮播广告&导航部分&上拉加载

轮播广告与导航部分轮播广告在微信小程序中，我们通常需要遇到轮播广告的需求，在实现的时候，我们使用swiper组件。 <view class='swiper'> <swiper interval="{{interval}}" duration="{{duration}}" vertical="{{vertical}}" indicator-dots=...

轮播图
swiper
上拉加载
导航
数据
原创 2021-08-27 12:51:17 213 阅读

小程序《旧岛》项目笔记（1）-项目开发准备

项目开发准备1、开发工具对于小程序项目，我们除了使用小程序官方开发工具外，还可以使用第三方开发工具，比如vscode、vim、sublime、webstorm等等。vscode中，提供了一些好用的插件，便于开发。2、样式继承小程序中，很多样式都是不可以继承的，常见的可以继承的样式有foot、color等等，这一点是需要特别注意的。3、组件的定义与使用开发者可以将页面内的功能...

开发准备
选择器
小程序
xml
开发工具
原创 2021-08-27 12:51:14 138 阅读

小程序《旧岛》项目笔记（2）-访问API获取数据

访问API获取数据1、分析API接口在使用API接口获取数据之前，我们首先要分析API，包括url前缀、如可使用appkey、如何发送参数、获取数据的结构等等。2、POST、PUT请求注意事项3、API调用返回的结果所有HTTP请求只有2种类型的json返回结果:（1）返回资源的特定信息(如获取用户基本信息){ "content": "人生不能...

网络请求
回调函数
获取数据
api接口
错误码
原创 2021-08-27 12:51:12 87 阅读

小程序《旧岛》项目笔记（3）-类的封装

类的封装与使用类的封装无论是小程序，还是其他项目，我们往往都会遇到一些公共的方法会重复的调用，这个时候，我们就需要将这些方法封装在类中，方便代码的复用。以网络请求类http的封装为例，来学习类的封装。1、首先，我们新建一个文件config.js，在其中，我们生命一个常量并导出，如下：const config = { api_base_URL: 'http://bl.7yue....

类的封装
封装
方法名
小程序
类文件
原创 2021-08-27 12:51:10 75 阅读
  • 1
  • 2

Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯