小程序 - 随笔分类 - keyeking

小程序性能优化

摘要：减少数据请求有一个按钮发送Ajax请求，当用户再点击得时候，一不小心点击了很多次，那么这个事件函数就需要执行许多次，从而导致发送多次请求，这就会影响服务器性能和导致前端页面的重绘，所以我们需要解决这个问题，js函数防抖就可以解决，不管用户点击多次，最终只发送一次案例： <!--pages/fan 阅读全文

posted @ 2021-10-16 09:57 keyeking 阅读(159) 评论(0) 推荐(0)

API

摘要：小程序开发框架提供丰富的微信原生API，可以方便的调起微信停供的能力，如网络要求，用户信息获取，本地存储，支付功能等异步API大多数API都是异步API，如wx.request，wx.login等同步API以Sync结尾的API ，如 wx.setStorageSync wx.request网络阅读全文

posted @ 2021-10-15 09:33 keyeking 阅读(191) 评论(0) 推荐(0)

第三方组件

摘要：使用别人的第三方组件开发第三方自定义组件，我们需要借助node.js npm等工具，从而让组件开发具备工程化和模块化以vant-weapp为例 1>创建一个新项目，该项目必须是空目录 2>打开我们的项目目录，在地址栏中输入cmd打开我们的命令行终端（项目名称必须符合命名规则） 3>项目初始化np 阅读全文

posted @ 2021-10-14 16:03 keyeking 阅读(444) 评论(0) 推荐(0)

slot组件

摘要：slot组件插槽，占位符，在自定义组件中，标签内容的获取，可以使用slot组件父组件子组件界面 slot替代了<view>hello world</view> 阅读全文

posted @ 2021-10-14 09:34 keyeking 阅读(52) 评论(0) 推荐(0)

组件传值

摘要：父组件向子组件传值 1>需要将对应的值写在对应的标签上，充当标签属性   <nav hello="world"> </nav> 2>将属性注册在properties 属性中 // pages/componen 阅读全文

posted @ 2021-10-14 09:29 keyeking 阅读(64) 评论(0) 推荐(0)

自定义组件

摘要：自定义组件开发者可以将页面内的功能模块抽象成自定义组件，以便在不同的页面中重复使用；也可以将复杂的页面拆分成多个低耦合的模块，有助于代码维护。自定义组件在使用时与基础组件非常相似。为什么使用自定义组件创建组件的流程 1>项目根目录下创建一个components文件（默认命名文件），在文件夹下创阅读全文

posted @ 2021-10-13 22:36 keyeking 阅读(248) 评论(0) 推荐(0)

swiper组件

摘要：swiper 滑块视图容器。其中只可放置swiper-item组件，否则会导致未定义的行为。属性类型默认值必填说明最低版本 indicator-dots boolean false 否是否显示面板指示点 1.0.0 indicator-color color rgba(0, 0, 0, .3) 阅读全文

posted @ 2021-10-13 21:16 keyeking 阅读(414) 评论(0) 推荐(0)

表单组件

摘要：button https://developers.weixin.qq.com/miniprogram/dev/component/button.html 按钮属性类型默认值必填说明最低版本 size string default 否按钮的大小 1.0.0 type string default 阅读全文

posted @ 2021-10-13 17:39 keyeking 阅读(90) 评论(0) 推荐(0)

iamge组件

摘要：https://developers.weixin.qq.com/miniprogram/dev/component/image.html 图片。支持 JPG、PNG、SVG、WEBP、GIF 等格式，2.3.0 起支持云文件ID。属性类型默认值必填说明最低版本 src string 否图片资源阅读全文

posted @ 2021-10-13 11:49 keyeking 阅读(176) 评论(0) 推荐(0)

组件view和text

摘要：基础组件 view组件是一个视图容器组件，类似于网页中的div https://developers.weixin.qq.com/miniprogram/dev/component/view.html view组件视图容器属性类型默认值必填说明最低版本 hover-class string no 阅读全文

posted @ 2021-10-13 11:20 keyeking 阅读(89) 评论(0) 推荐(0)

小程序中的this问题

摘要：this问题在JavaScript中this是一个特定的关键字，它永远指向的是一个对象，并且this还有一个比较特殊的含义，叫执行上下文，代表着函数的执行者，这简单对的几句话我们可以总结为： this指向的是一个对象 this的指向只跟函数执行时有关，跟函数定义时无关全局下的this 我们看下面阅读全文

posted @ 2021-10-13 10:53 keyeking 阅读(554) 评论(0) 推荐(0)

小程序中的事件

摘要：事件 https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html 什么是事件事件是视图层到逻辑层的通讯方式。事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上，当达到触发事件，就会执阅读全文

posted @ 2021-10-13 09:40 keyeking 阅读(238) 评论(0) 推荐(0)

视图层wxml渲染

摘要：视图层 https://developers.weixin.qq.com/miniprogram/dev/framework/view/ 框架的视图层由 WXML 与 WXSS 编写，由组件来进行展示。将逻辑层的数据反映成视图，同时将视图层的事件发送给逻辑层。 WXML(WeiXin Markup 阅读全文

posted @ 2021-10-12 22:41 keyeking 阅读(55) 评论(0) 推荐(0)

小程序的模块化

摘要：模块化可以将一些公共的代码抽离成为一个单独的 js 文件，作为一个模块。模块只有通过 module.exports 或者 exports 才能对外暴露接口。注意： exports 是 module.exports 的一个引用，因此在模块里边随意更改 exports 的指向会造成未知的错误。所以更阅读全文

posted @ 2021-10-12 21:52 keyeking 阅读(241) 评论(0) 推荐(0)

小程序框架

摘要：逻辑层App Service 小程序开发框架的逻辑层使用 JavaScript 引擎为小程序提供开发者 JavaScript 代码的运行环境以及微信小程序的特有功能。逻辑层将数据进行处理后发送给视图层，同时接受视图层的事件反馈。开发者写的所有代码最终将会打包成一份 JavaScript 文件，并阅读全文

posted @ 2021-10-11 17:53 keyeking 阅读(494) 评论(0) 推荐(0)

全局配置和页面配置

摘要：全局配置 https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#window app.json：全局配置小程序的文件 pages属性：值是数组，保存的是页面的路径。注意：第一个元素就是页面默阅读全文

posted @ 2021-10-11 16:17 keyeking 阅读(510) 评论(0) 推荐(0)

开始自己的小程序

摘要：注册并新建项目打开微信公众平台并注册号 https://mp.weixin.qq.com/ 在微信官方文档下载开发工具 https://developers.weixin.qq.com/doc/ 打开微信开发者工具项目初始化完成目录分析每个小程序项目都有一套完整的项目目录模板，如下图： pa 阅读全文

posted @ 2021-10-11 16:15 keyeking 阅读(50) 评论(0) 推荐(0)

keyeking

随笔分类 - 小程序

公告