随笔分类 -  微信小程序

二 小程序项目实践
摘要：小程序项目实践 常用工具 1 请求（request目录下） // 同时发送异步代码的次数 let ajaxTimes=0; export const request=(params)=>{ // 判断 url中是否带有 /my/ 请求的是私有的路径 带上header token let header 阅读全文
posted @ 2021-11-28 02:54 风hua 阅读(53) 评论(0) 推荐(0)
阿里巴巴矢量图表库-iconfont
摘要：阿里巴巴矢量图表库的-iconfont 官网链接：https://www.iconfont.cn/ 小程序中使用说明： 1. 打开阿⾥巴巴字体图标 ⽹站 2. 搜索图标 >添加入库 3. 点击右上方购物车图标添加⾄项⽬ 4.生成的图标样式文件-打开链接获取样式文件 5. 将样式⽂件复制到本地 由 c 阅读全文
posted @ 2021-11-28 00:57 风hua 阅读(1290) 评论(0) 推荐(0)
8 小程序生命周期
摘要：小程序生命周期 应用生命周期 //app.js App({ // 1 应用第一次启动的就会触发的事件 onLaunch() { // 在应用第一次启动的时候 获取用户的个人信息 // console.log("onLaunch"); // aabbcc // js的方式来跳转 不能触发 onPage 阅读全文
posted @ 2021-11-21 20:34 风hua 阅读(34) 评论(0) 推荐(0)
7 自定义组件
摘要：自定义组件 相关知识： 1 组件的使用 2 父向子传递数据 3 子向父传递数据 4 slot使用 示例： 自定义组件 Tabs .tabs{} .tabs_title{ display: flex; padding: 10rpx 0; } .title_item{ flex: 1; display: 阅读全文
posted @ 2021-11-21 20:08 风hua 阅读(48) 评论(0) 推荐(0)
6 常见组件
摘要：常见组件 常⽤的布局组件 view,text,rich-text,button,image,navigator,icon,swiper,radio,checkbox 等等 1 view 2 text 1. ⽂本标签 2. 只能嵌套text 3. ⻓按⽂字可以复制（只有该标签有这个功能） 4. 可以对 阅读全文
posted @ 2021-11-21 19:26 风hua 阅读(95) 评论(0) 推荐(0)
5 样式（WXSS）
摘要：样式（WXSS） 1尺寸单位 2 样式导入 3选择器 4小程序中使用less /* 1 小程序中 不需要主动来引入样式文件 2 需要把页面中某些元素的单位 由 px 改成 rpx 1 设计稿 750x 750 px = 750 rpx 1 px = 1 rpx 2 把屏幕宽度 改成 375px 37 阅读全文
posted @ 2021-11-21 18:16 风hua 阅读(77) 评论(0) 推荐(0)
4 事件绑定
摘要：事件绑定 1 input事件(bindinput) 2 点击事件(bindtap) // pages/demo04/demo04.js Page({ data: { num: 0 }, // 输入框的input事件的执行逻辑 handleInput(e) { // console.log(e.det 阅读全文
posted @ 2021-11-21 17:46 风hua 阅读(29) 评论(0) 推荐(0)
3 模板语法
摘要：模板语法 1 数据绑定 2 运算 3 列表渲染 4 条件渲染 .js //Page Object Page({ data: { msg: "hello mina", num: 10000, isGirl: false, person: { age: 74, height: 145, weight: 阅读全文
posted @ 2021-11-21 01:29 风hua 阅读(30) 评论(0) 推荐(0)
微信小程序目录
摘要：微信小程序目录 官网链接：https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html 网盘链接：https://pan.baidu.com/s/1lNYzwWj8PD4twmMu3-mzeQ bi 阅读全文
posted @ 2021-11-19 01:17 风hua 阅读(238) 评论(0) 推荐(0)
2 小程序结构目录&配置文件
摘要：小程序结构目录&配置文件 结构目录示例 配置文件 全局配置文件app.json tabbar 位于bottom(top) --"position":"top" { // s所有页面显示在这里 "pages": [ "pages/index/index", "pages/demo01/demo01", 阅读全文
posted @ 2021-11-19 01:16 风hua 阅读(64) 评论(0) 推荐(0)