业余前端的职业经历

其实大概率 携带过来的参数 实在onLoad中携带过来 但是官网中说可以通过useRouter 这个hook获取到 然后事实却不是这样。但是如果我把useRouter() 执行在onLoad后面的话 就可以正常获取到参数了。最后没办法 只能使用useLoad这个api在setup中使用了 获取地址栏参数了。突然客服提出了问题，大概就是用户使用客户端扫码的时候，页面数据没有出来！然后问题到我这里了， 我发现请求请求参数不存在。但问题是 onLoad 是可以获取到数据的。这样肯定不想我想要的了，

其实这样在开发小程序的时候 还是比较常见的,就是我们页面底部有一个需要滚动加载滚动的 展示容器这个时候选择scroll-view 就是很合理了 但是 我们这个时候 需要让scroll-view 填满剩下的空间, 那样就需要计算了公式: 设备的高度 - scroll-view 距离顶部的距离 = scroll-view的高度计算scroll-view距离顶部的距离然后就是设置高度:style=“{ height: scrollHeight }”但是设置完成后 会发现 页面有回跳的情况存在 我们页面

taro小程序

篇幅可能有点长。 感兴趣的童鞋 请耐心看下 都是经验总结哈由于公司要在小程序上面加上一个聊天的功能 ，选来选去 最后选择了 腾讯的im由于需要用到的一些功能可能比较新吧。所以优选选择了 最新的sdk当时代码体积是 1.7M，但是没想到 就这个sdk 就有三四百kb 别说再加上聊天的业务代码了。然后就开始了 长久的优化缩小 代码体积包的经历下面就是 意义罗列出来 当时那些减少了体积，最后 保证了不影响现有业务的情况下 把小程序上了。当然空间也只剩下 50kb左右的空间 就溢出。很危险 。这里

其实在scrollview中只要我们开启了自定义刷新refresherEnabled: true当用户下拉的时候 会出去 加载状态但是奇怪的是 他是不会自己回去的。 这个需要你自己设置因为 它不是双向绑定,不会自动帮你实现的const { refresherTriggered } = this.state<ScrollView className='scrollview' scrollY refresherEnabled refresherTriggered=

这个本来还想通过样式进行调节距离 发现根本就不行 后来发现文档中有一个属性配置 才发现原来是这样的cursorSpacing 就是这个属性指定光标与键盘的距离，单位 px 。取 input 距离底部的距离和 cursor-spacing 指定的距离的最小值作为光标与键盘的距离<input cursorSpacing={20} />距离底部距离 20px 他这个单位是px 注意哦关注我 持续更新前端知识...

如果你的项目使用的是jquery的话推荐使用swiper 进行做如果用的是vue3开发的纯h5项目的话，推荐 swiper/vue 版本 之前的博客地址https://blog.csdn.net/yunchong_zhao/article/details/120970625?spm=1001.2014.3001.5501如果是vue2版本的开发的h5的话推荐那个 vue-awesome-swiperhttps://github.surmon.me/vue-awesome-swiper/你的小程

公司是有这样的业务，就是分享出来的小程序页面是一个web-view承接的h5页面。 这样在用户没有登录的情况下，想跳转外部小程序的登陆页面。这个时候就涉及到web-view往外部小程序页面的跳转的问题了1 通过cdn方式，如果你的项目是直接通过script的方式引入脚本的话 <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>js 代码

1.查看请求地址和参数有没有写错2.请求域名有没有配置白名单，没有配置的话 在体验版和线上版本是发不出去了

很难受 这个问题不知道为啥官网不解决如果说外层元素 使用 弹性布局 那么里面的那个 input输入框 得光标就会发生错位1.外层元素不用 弹性布局 设置成 绝对定位或者是 相对定位<view style="display:flex;"> <input /></view>2.给 input元素加上一个 enableNative="{{false}}"<view style="display:flex;"> <input enableNa

因为要做 触底加载更多的功能 所以我把整个页面的元素放入到 scroll-view中 但是出现了一个 问题原来 点击一个元素 弹出 固定定位的悬浮框出不来了view{ position:fixed;}<scroll-view> 内容部分 <view></view></scroll-view>解决方法 吧 定位的那个元素拿出来 就可以了<scroll-view> 内容元素</scroll-view>&lt

alipays://platformapi/startapp?appId=[appId]&page=[pagePath]&query= [params]不需要引入什么js文件通过scheme链接进行跳转但是吧 小程序跳转必须得是在 小程序的大框架下进行跳转 否则是跳转不过去比如 你是 h5跳转小程序是吧 但必须是 微信内置得浏览器才可以跳转 而不是你拿着链接去 手机自带的浏览器 或者下载一个uc浏览器进行跳转 这样好像不行 反正我试了 不行但是支付宝的小程序 你在 支付宝和钉钉中都可

就像上面的那个选择城区一样// 在picker 上加一个title 就可以了<picker title="选择城区" onChange="bindCityPickerChange" value="{{index}}" range="{{list}}"></picker>

我在input输入框上 定位了一个元素 在模拟器上是正常的 在真机测试的时候 不行先说出最后的解决方法吧虽然是 通过定位 absolute 定位到 input输入元素上面的 忘记设置 它们之间的堆叠属性给那个定位元素设置一个 堆叠属性就可以了z-index:100;...

在h5的环境下 有一个原生支持 base64加密的方法 btoa()btoa() 方法用于创建一个 base-64 编码的字符串。该方法使用 “A-Z”, “a-z”, “0-9”, “+”, “/” 和 “=” 字符来编码字符串。base-64 解码使用方法是 atob() 。但是吧 小程序模拟器上能过去，真机测试死活过不去 只好去网上 换种 base64加密的方式了 引入一个base64加密的方法库var Base64 = { _keyStr: "ABCDEFGHIJKLMNOPQRS

今天不想说太多话有点累了，和微信小程序很想scroll-view的用法index.aml 必须给scroll-view 一个高度才可以触发滚动的方法onScrollToLower 滚动到底部触发事件<scroll-view scroll-y="{{true}}" style="width:100%;margin-left:60rpx;height:600px;" onScrollToLower="lower"> 这里包括着你写的代码</scroll-view>

有需要验证码的地方可能 就需要做到这个样子吧index.axml <view a:if="{{yz}}" onTap="getCode">获取验证码</view> <view a:else>重新获取({{count}}s)</view> index.jsdata:{ yz:true, count:60}// 获取验证码 getCode(){ this.setData({ yz:false // 隐藏获取验.

有的时候 需要设计输入框提示文本的样式再input输入标签中 加上 placeholder-style 进行设置 <input disabled="true" placeholder-style="font-size:30rpx;line-height:80rpx;font-weight:400px;" placeholder="请输入你的内容" />...

可恶啊，习惯了 vue的 数据双向绑定了 ，有点不习惯小程序的模式了 虽然小程序 也是mvvm的设计方式但是却没有 v-model 这么简便的方法 不过也越来越觉得 不能依赖框架，还是提升自己基础能力最好了虽然不能双向绑定 但是可以通过其他的方式 也实现index.axml 得需要 value得绑定 还有一个 onInput得方法绑定 有点类似react<input value="{{value}}" onInput="bindInput" />index.ajsdata:

使用小程序 自带的api my.getLocationmy.getLocation({ type:1, // 传入type 没有type 或者type=0的情况下 是没有城市的 success(res) { my.alert({ title:'你所在的城市是'+res.city }); } })

吧 application/json 改成headers:{ "content-type":"application/x-www-form-urlencoded"},

尝试了 直接 按下空格 和填入 &nbsp； 都不行 好吧只能查看文档了在文本上 加上 space=“ensp” 就可以 同时注意 只能 文本的内部按下空格可以 两侧的空格是不生效的 这点也是要注意哈<text space="ensp">(这里的空格不生效)hello wor l d</text>...

我们大概 是见过，当我们点击的图片的时候，图片会放大，然后可以左右切换查看图片其实吧这个功能还是挺常见的 今天来说说在微信小程中实现这个功能// index.wxml 中引入了一个图片 然后 绑定点击事件 preview<image data-src="https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png" bindtap="preview" src="https://www.baidu.com/img/PCtm_

废话不多说直接奔入主题了做过vue父子组件的传惨 小程序也会很快上手的，在componet创建一个 header组件然后就是在index的index.json中引入index.json{ "navigationBarTitleText":"首页", "usingComponents": { "header":"../../components/header/header" }}index.wxml 中使用组件<header />1.父往子传index.

每个页面不是有一个json文件吗在那里面配置"navigationBarBackgroundColor":"#000", //背景颜色"navigationBarTitleText":"商品详情页面", //标题名称"navigationBarTextStyle":"white" //文字颜色只有白色和黑色之分...

那是你的代码出问题了，很有可能是配置文件的问题，建议把之前的写的代码删除掉试试看

从吃完饭搞了三个小时终于搞好了,微信不支持一次上传多张图片,所以只能一次一次上传。不说废话还是直接上代码。<van-button type="warning" size="large" bindtap="selectImg">选中图片</van-button><view><image src="{{item}}" wx:for="{{imgbo...

//微信小程序请求后台数据的时候显示正在加载方法将下面的写到你的函数里面wx.showLoading({title: '数据加载中。。。',});ajax请求数据回来之后 在 .then(res=>{//数据加载成功后,隐藏wx.hideLoading();})...