原生小程序
文章平均质量分 56
小小liang
一个在深圳捡破烂的前端
展开
-
原生小程序 之 input切换 text与password类型
1原创 2022-07-06 10:13:06 · 677 阅读 · 0 评论 -
小程序 修改样式 ( placeholder、checkbox、van-collapse的样式)
小程序 修改样式 ( placeholder、checkbox、van-collapse的样式)原创 2022-07-04 17:16:31 · 1031 阅读 · 0 评论 -
原生小程序 申请小程序 - 发布流程
发布原创 2022-06-21 13:20:52 · 154 阅读 · 0 评论 -
原生小程序之 自定义tabbar (小图标、使用store的数据)
1原创 2022-06-06 20:51:10 · 567 阅读 · 0 评论 -
原生小程序 之 实现 地图打(图标事件,获取用户位置)
目录原生小程序 之 实现 地图打(图标事件,获取用户位置)配置 获取 用户地理位置 app.json实现地图 map全局数据 app.js原生小程序 之 实现 地图打(图标事件,获取用户位置)官网获取用户位置地图配置 获取 用户地理位置 app.json "window": { "navigationBarTextStyle": "black" }, "permission": { "scope.userLocation": { "desc": "原创 2022-05-25 17:09:50 · 212 阅读 · 0 评论 -
原生小程序 之 behaviors ( 类似 mixins混合)
目录原生小程序 之 behaviors ( 类似 mixins混合)使用 behaviors 共享一些数据新建一个 behaviors / my-behaviors .js 文件使用 behaviors 贡献数据原生小程序 之 behaviors ( 类似 mixins混合)behaviors 作用behaviors 是小程序之中,用于实现组件 间 代码共享的特性,类似vue的mixins使用 behaviors 共享一些数据新建一个 behaviors / my-behaviors .原创 2022-05-24 20:35:23 · 232 阅读 · 0 评论 -
原生小程序 之 自定义组件 生命周期函数
目录原生小程序 之 自定义组件 生命周期函数定义 组件 生命周期函数原生小程序 之 自定义组件 生命周期函数定义 组件 生命周期函数 // component/test/test.js Component({ properties: { }, data: { }, methods: { }, // 监听数据 observers:{ }, // 生命周期函数 lifetimes:{ create原创 2022-05-23 20:48:44 · 273 阅读 · 0 评论 -
原生小程序 之 自定义组件 纯数据字段
目录原生小程序 之 自定义组件 纯数据字段父组件子组件原生小程序 之 自定义组件 纯数据字段父组件<!--pages/info/info.wxml--><view> <test></test></view>// pages/info/info.jsPage({ data: { },}){ "usingComponents": { "test":"/component/test/test" }}原创 2022-05-23 20:36:54 · 104 阅读 · 0 评论 -
原生小程序 之 自定义组件的 监听数据 (简单数据、复杂数据对象)
目录原生小程序 之 自定义组件的 监听数据 - 简单数据监听单个数据 与 多个数据父组件子组件原生小程序 之 自定义组件的 监听数据 复杂数据对象父组件子组件原生小程序 之 自定义组件的 监听数据 - 简单数据监听单个数据 与 多个数据父组件<!--pages/info/info.wxml--><view> <test></test></view>// pages/info/info.jsPage({ data: {原创 2022-05-23 20:28:42 · 363 阅读 · 0 评论 -
原生小程序 之 自定义组件 与插槽
目录原生小程序 之 自定义组件简单定义一个组件 component / showMsgshowMsg 组件about 页面 使用 showMsg 组件从上方 基础组件使用 添加 多 slot的使用showMsg组件使用 showMsg组件父子组件传值父组件子组件原生小程序 之 自定义组件 样式相关组件的默认样式组件样式 是否被影响原生小程序 之 自定义组件项目目录componentpage简单定义一个组件 component / showMsg在 component / showMs原创 2022-05-23 20:07:02 · 264 阅读 · 0 评论 -
原生小程序之 分包加载 subpackage (分多个包,查看包体积)
目录原生小程序之 分包加载 subpackage分包步骤简单的测试,使用原生小程序之 分包加载 subpackage分包步骤01:再项目根目录创建,subpackage 文件夹02:再app.json文件之中进行配置代码分包处理03:root 设置 归属的包在哪里04:pages/testFun1/testFun1 具体存放路径05:输入路径后,会自动产生对应的 包 页面 "subPackages": [ { "root": "subpackage/",原创 2022-05-20 13:58:35 · 1646 阅读 · 0 评论 -
原生小程序 之 使用WeUI组件库的 mp-gallery 画廊
目录原生小程序 之 使用WeUI组件库的 mp-gallery 画廊about.wxmlabout.jsabout.jsonabout.wxss原生小程序 之 使用WeUI组件库的 mp-gallery 画廊展示img图表点击img,展示大图about.wxml<view class="page"> <view bindtap="imgList" wx:for="{{imgUrls}}" data-itemid="{{idx}}" wx:key="id" wx:fo原创 2022-05-19 20:00:52 · 1145 阅读 · 0 评论 -
原生小程序 之 wxs(微信小程序的脚本)
目录原生小程序 之 wxs(微信小程序的脚本)wxs 脚本的 基本使用内嵌的 wxs 语法 ( 实现一个 小写字母 转化为大写字母显示)外嵌的 wxs 语法 ( 实现一个 大写字母 转化为小写字母显示)原生小程序 之 wxs(微信小程序的脚本)作用:类似 过滤器等把小写字母 过滤为大写字母 显示wxs 脚本的 基本使用内嵌的 wxs 语法 ( 实现一个 小写字母 转化为大写字母显示)index.wxml<!--pages/info/info.wxml--><原创 2022-05-18 21:51:15 · 894 阅读 · 0 评论 -
原生小程序 之 声明式导航 编程式导航 和 传递参数
目录原生小程序 之 声明式导航 编程式导航声明式导航从 tabbar 首页 跳转到 tabbar 的 about从 tabbar 首页 跳转到 非tabbar 的 test按钮 回退导航 效果编程式导航编程式导航 之 tabbar 页面 跳转 到 tabbar页面编程式导航 之 tabbar 页面 跳转 到 非tabbar页面编程式导航 放回上一页原生小程序 之 声明式导航 编程式导航 的 传递参数原生小程序 之 声明式导航 传递参数 (从 tabbar 首页 跳转到 非tabbar 的 test)原原创 2022-05-18 20:31:37 · 298 阅读 · 0 评论 -
原生小程序 之引入 icon字体图标
目录原生小程序 之引入 icon字体图标字体图标的配置原生小程序 之引入 icon字体图标icon官网01:挑选对应的字体图标02:添加入项目 ( 需要 自己创建一个项目 )03:点击下载到本地04:下载好的字体图标解压之后,再进行后续的配置使用字体图标的配置01:再 static / css / icon.wxss 文件 ( 新建 icon.wxss)02:把 解压好的 iconfont.css 里面的样式 copy到 icon.wxss之中@font-face { f原创 2022-05-18 18:13:21 · 615 阅读 · 0 评论 -
原生小程序 之 请求
目录原生小程序 之 请求开发 阶段 跳过 request 合法域名校验配置 request 合法域名网络请求原生小程序 之 请求开发 阶段 跳过 request 合法域名校验配置 request 合法域名网络请求index.wxml<view> <button bindtap="getInfo">发起get请求</button> <button bindtap="postInfo">发起post请求</button>原创 2022-05-17 21:41:50 · 304 阅读 · 0 评论 -
原生小程序 之事件绑定(数据绑定) 与 事件传参 下拉刷新、触底事件等
目录原生小程序 之事件绑定 与 时间传参事件绑定点击事件 bindtap数据的单向绑定 与 双向数据绑定数据双向绑定的 限制 (只能绑定一个值,对象的属性值不可绑定的)数据双向绑定的 实现绑定 对象的属性值事件传参点击按钮,当前按钮 给事件传递了 参数info为2input 事件 拿到 输入的值原生小程序 之事件绑定 与 时间传参事件绑定点击事件 bindtapindex.wxml<view> <button bindtap="btn1">按钮</butto原创 2022-05-17 20:31:22 · 1924 阅读 · 0 评论 -
原生小程序 引入vant-weapp 组件库 和 WeUI组件库
目录原生小程序 引入vant-weapp 组件库project.config.json 文件配置app.json 配置生成 miniprogram_npm 文件使用vant 组件库原生小程序 引入vant-weapp 组件库vant-weapp官网创建项目后 npm init 一直回车下载:npm i @vant/weapp -S --production生成 node_modules - @vantproject.config.json 文件配置"setting"对象下的原创 2022-05-17 18:43:59 · 737 阅读 · 0 评论 -
微信开发者工具-project.config.json配置详情 (转)
project.config.json配置详情转载 2022-05-17 17:45:05 · 1087 阅读 · 0 评论 -
原生微信小程序 基础语法 (wxml、wxss、)
目录原生微信小程序 基础语法原生小程序之 wxml 标签语法定义数据wx:for 遍历属性wx:if wx:elif wx:else 条件语句三目运算模板语法 ( 渲染 同样的标签,只不过内容不一致而已 )原生小程序 之 wxss 样式相关原生微信小程序 基础语法原生小程序之 wxml 标签语法定义数据index.wxml<view> {{ test }}</view>index.js// pages/about/about.jsPage({ da原创 2022-05-17 10:39:10 · 793 阅读 · 0 评论 -
原生微信小程序 遇到的问题
目录原生微信小程序 遇到的问题微信开发者工具导入项目提示:登录用户不是该小程序的开发者系统错误,错误码:800059,error: iconPath=, file not ?原生微信小程序 遇到的问题微信开发者工具导入项目提示:登录用户不是该小程序的开发者00:先登录01:拿id值02:03:修改小程序的AppID值 - project.config.json文件中系统错误,错误码:800059,error: iconPath=, file not ?这是 tar原创 2022-05-16 22:01:35 · 2352 阅读 · 0 评论 -
原生小程序之 基础组件使用 ( 真机预览 )
目录原生小程序之 基础组件使用视图组件view (类似 div标签)scroll-view (滚动组件)swiper 与 swiper-item基础组件textrich-text 富文本表单组件button 组件媒体组件image原生小程序之 基础组件使用小程序组件视图组件view (类似 div标签)scroll-view (滚动组件)about.wxml<!--pages/about/about.wxml--><scroll-view view class="a原创 2022-05-16 21:36:53 · 366 阅读 · 0 评论 -
原生小程序 之 模块化 导入与导出
目录原生小程序 之 模块化 导入与导出comom.js使用 commom.js原生小程序 之 模块化 导入与导出comom.jsfunction sayHello(name) { console.log(`Hello ${name} !`)}function sayGoodbye(name) { console.log(`Goodbye ${name} !`)}// 模块化的 两种导出方式// module.exports.sayHello = sayHelloexports.s原创 2022-05-16 18:20:53 · 368 阅读 · 0 评论 -
原生小程序之 初始化项目 生命周期函数 与 挂载 全局数据 store数据共享
目录原生小程序之 生命周期函数小程序的 生命周期函数 与挂载全局数据 app.js使用全局数据页面的 生命周期函数原生小程序之 生命周期函数小程序的 生命周期函数 与挂载全局数据 app.jsonLaunch应用第一次启动的时候,首先执行这里的事件, 一般这里获取用户信息,便于后面使用//注意 这里不能使用 setData 方法来修改 dataonShow小程序应用渲染之后,才执行onShow内的事件当用户切换到后台,再切换回来的时候,会执行这里的事件一般会用于当用户返原创 2022-05-16 18:05:28 · 361 阅读 · 0 评论