![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序学习
踟 蹰
前端小白,请多指教
展开
-
微信小程序中进行图片压缩
使用画布在微信小程序中将上传的图片进行压缩原创 2022-09-26 14:29:53 · 3565 阅读 · 1 评论 -
将字体颜色设置为渐变色 --字体倾斜--数组转字符串--旋转(一些样式的设置)
将字体颜色设置为渐变色 --字体倾斜--数组转字符串--旋转(一些样式的设置)原创 2022-06-23 11:52:47 · 325 阅读 · 0 评论 -
小程序组件中的监听事件
微信小程序中,如果进行使用了component级的组件的话,在一些情况下,父组件中使页面中的数据进行变化,子组件中的数据不会一起变化,由此可以使用该方法原创 2022-06-09 16:32:41 · 2257 阅读 · 0 评论 -
左滑显示隐藏内容--微信小程序
微信小程序list列表中,左滑出现隐藏内容需求:在微信小程序中,列表上有时为了方便或者美观,会将删除、修改以及查看等按钮放在list的右边,进行隐藏起来,只有左滑时才能够出现,对此进行一个实现想法:出现两个view,list列表的view和需要隐藏按钮的view,list列表的view放在按钮view上面,进行遮挡,list列表左滑,按钮出现操作:wxml:<view class="container"> <view class="container_div" wx原创 2022-03-24 17:10:06 · 641 阅读 · 0 评论 -
微信小程序中进行公共数据的存储使用
微信小程序中进行公共数据的存储使用目的:将一些需要在多个页面进行使用的内容,存储到公共的数据库(app.js)中,使用时进行获取,在使用的页面进行一些简单的增删改查认识:公共的数据应该存放在微信小程序中的app.js中使用方法:...原创 2022-03-22 10:35:45 · 7064 阅读 · 0 评论 -
微信小程序中进入外部网络页面
微信小程序中进入外部网络页面实现功能:点击某个按钮,调用外部网络接口,页面上显示外部网页的内容方式:微信小程序中提供了组件web-view,官方文档中的解释为---承载网页的容器。会自动铺满整个小程序页面,个人类型的小程序暂不支持使用。注:该组件每一个页面中只能够出现一次,且由于会铺满整个屏幕,导致该页面上的其他内容无法进行显示,所以使用时,这个页面中只存放这一个组件就可以了实现代码:// wxml中的内容<view wx:for="{{atu}}" wx:key="index"原创 2022-03-17 10:15:04 · 2392 阅读 · 0 评论 -
报错: TypeError: Cannot read property ‘forceUpdate‘ of undefined
报错 TypeError: Cannot read property ‘forceUpdate’ of undefined百度之后发现,报这种错误主要是uniapp中没有进行应用标识(appid)的配置,配置方法如下:根目录下找到该文件进行配置在登录状态下,点击重新获取,即可拿到uni-app的应用标识,点击微信小程序配置,配置小程序appid刷新小程序页面,可以正常运行…...原创 2022-02-22 17:41:01 · 1761 阅读 · 0 评论 -
固定页面进行局部滑动
页面固定进行局部滑动需求:内容在固定大小屏幕上,屏幕不可以进行滚动,屏幕中有高度不固定的盒子,盒子大小将全屏撑满,盒子内的内容可滚动该问题分三步最大屏幕进行固定不固定高度盒子必须将屏幕撑满不固定高度盒子可滚动首先第一步很好理解,为page添加以下样式page { width: 100%; height: 100vh; overflow: hidden;} // 屏幕固定完成第二步,不固定高度盒子的设置,要对不定高度的盒子进行设置,整个屏幕的高度,减去其他的内容的高度,剩原创 2022-02-21 17:07:54 · 724 阅读 · 0 评论 -
报错 ReferenceError: regeneratorRuntime is not defined
报错 ReferenceError: regeneratorRuntime is not defined解决报错,首先要知道为什么会报着个错误,regeneratorRuntime 本身在微信小程序中也没有进行定义,那就只有可能是语法的错误了,有事没事找百度,百度上说是当下的微信开发者工具不支持ES的新特性,我页面代码中的async、await是ES6中的新特性,所以会出现这种报错解决方法:微信开发者工具中 => 详情 ==> 本地设置 ==> 开启增强编译 完成~·原创 2022-02-14 10:15:37 · 2727 阅读 · 1 评论 -
微信小程序中获取openid
在微信小程序中获取openid定义 openid是每一个微信的唯一的id,用来区别当前微信是否是之前的微信获取步骤获取微信的code——使用wx.loginwx.login({ success(res) { if (res.errMsg == 'login:ok') { this.data.code = res.code; console.log(this.data.code); // 获取到当前code 有了code之后,才能够进行获取当前的openid原创 2022-01-04 16:50:28 · 2996 阅读 · 1 评论 -
微信小程序中的页面路由拦截
小程序中的路由拦截原创 2021-12-16 16:19:32 · 1625 阅读 · 0 评论 -
微信小程序中使用nfc
小程序中实现nfc功能原创 2021-12-16 16:09:00 · 10066 阅读 · 8 评论 -
小程序中的分包
小程序中的分包我们都知道,小程序中的每个包的大小,不能超过2M,那如果在正常使用中有些大型的程序超过了,应该怎么办?我们需要在小程序中进行分包,以便程序能够正常运行。小程序中分包的好处就是为了提高首屏加载速度注:tabBar必须放在主包内必须用subPackage命名subPackage和pages,tabBar在同一级即:root是根目录名称pages是内容的地址subPackage是一个数组,包含多个对象,每一个对象就是一个分包...原创 2021-08-24 11:08:16 · 346 阅读 · 0 评论 -
小程序中的本地存储
小程序中的本地存储 // 同步存储 setStorageSync wx.setStorageSync('info', JSON.stringify) //setStorage 异步 wx.setStorage({ key:'info', success(res) { console.log(res) } }) // 取 wx.g原创 2021-07-12 16:03:37 · 75 阅读 · 0 评论 -
小程序中的上拉加载和下拉刷新
小程序中的上拉加载和下拉刷新小程序中的数据请求,一般是在onLoad中进行的,但在加载时,需要随时调用,便将此封装为一个函数,随时调用getdata(bool) { wx.showLoading({ // loading动画(开始) title: '加载中', }) wx.request({ url: 'https://api-hmugo-web.itheima.net/api/public/v1/goods/search', data:{原创 2021-07-12 11:42:33 · 357 阅读 · 0 评论 -
小程序中跳转页面
小程序中跳转页面小程序中传参跳转一共可以分为两种:有跳转到tabBar页面的,和跳转到非tabBar页面的跳转到非tabBar页面,从页面wxml中写入// 使用navigator包裹住(在点击的内容中写入)<navigator url="../liat/liat?title=想要传入的内容"> <icon type="search" data-id="{{item}}" bindtap="kilp"></icon></navigator>原创 2021-07-11 17:13:14 · 114 阅读 · 0 评论 -
小程序中进行json数据引入
小程序中引入json数据小程序中引入有很多方法,介绍一种在根目录下创建一个文件夹,专门用来存储json数据将json数据的后缀名都改为js在数据的开头、最前面写入export default 如下在想要引入的js下import引入内容在data下面将内容转换至此,便可以在wxml中使用了...原创 2021-07-10 23:49:31 · 3396 阅读 · 0 评论 -
小程序中的父子传值
小程序中的父子传值父传子,就是将父组件中的数据传入子组件中;大致与vue中的写法相同// js中的数据data: { // 父传子 mage:[ {name:'11111',num:0}, {name:'22222',num:1}, {name:'33333',num:2}, {name:'444444',num:3}, {name:'55555',num:4}, ], }, // 从父组件中想子组件中传原创 2021-07-10 23:37:48 · 171 阅读 · 0 评论 -
小程序中的应用
小程序中的应用hover-class - 用户点击时候给他classhover-stop-propagation 点击态不继续向上传播<view hover-class="click1"> 111 <view hover-class="click1" hover-stop-propagation> 222 </view></view>text中的使用<text user-select space="nbsp">原创 2021-06-29 21:04:32 · 57 阅读 · 0 评论 -
小程序中的生命周期 笔记
微信小程序中的生命周期题外话:微信开发者工具提供切前后台的模拟功能 位置是在: 菜单栏–工具—工具栏的管理–将切后台勾选一下微信小程序中的生命周期有两种形式应用的声明周期 小程序从启动——运营——关闭在小程序中的app.js中写入app.js没有不会报错,但必须有App({/**小程序初始化完成,会触发onLaunch ;全局只触发一次 */ onLaunch() { console.log('onLaunch')}, /**小程序启动的时候,或者说从后台切换到前台 */ onS原创 2021-06-29 20:21:47 · 63 阅读 · 0 评论