MINA原生微信小程序
记录学习原生微信小程序过程中的知识点和遇到的问题
拾一·
个人学习笔记
展开
-
Generate CSS tree:在vscode中如何快速从HTML、JSX文件中快速生成样式树,即快速提炼出其结构,可将生成的样式树用于.less、.scss、.css文件中
该文章以vscode中,从.wxml快速生成样式树用于.less为例子。其过程如下:第一步:从扩展中安装Generate CSS tree插件第二步:选中要提炼出样式树的代码区域原创 2021-07-28 19:07:59 · 663 阅读 · 0 评论 -
微信小程序onReachBottom 滚动条触底事件没有效果 ?(用于实现页面下拉加载,上拉刷新相关功能)
概念onReachBottom:微信小程序原生MINA框架中提供的有的页面上拉触底事件的处理函数onPullDownRefresh:监听用户下拉动作详细信息见微信开发平台:https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html原因:onReachBottom 和onPullDownRefresh是项目创建时,小程序就自己给我们生成了,所以js页面后面的onReachBot...原创 2021-07-17 14:38:57 · 1916 阅读 · 1 评论 -
微信开发者工具调试之XHR:调试器下network的XHR是什么?
XHR,即通过XMLHttpRequest方法发送的请求。 XHR只支持显示通过该请求从后台数据库中获取到的数据, 在使用本地存储的数据,调试时会用到。 本地存储:可以在不加载整个网页的情况下,从本地存储storage中获取存储的数据,实现对网页某部分的内容进行更新。发送请求,成功获取到数据后,可以在XHR中看到数据,如下图:当数据存储在本地后,可以在Storage中查看,如下图:此时再进行页面加载,就不会再重新从后台数据库请求数据,XHR为空,如下图:...原创 2021-07-17 15:10:11 · 2556 阅读 · 0 评论 -
Storege本地存储:web和小程序中数据的本地存储的区别
代码书写的不同web: 存储:localStorege.setItem("key","value")获取:localStorege.getItem("key")小程序: 存储:wx.setStorageSync("key","value"); 获取:wx.getStorageSync("key") 2.有无数据类型的转换web:不管存入的是什么类型的数据,最终都会先调用一下toString(),把...原创 2021-07-16 15:17:57 · 377 阅读 · 0 评论 -
wx:key=“ *this“:原生微信小程序wx:key以及wx:key=“ *this“详解:
今天写微信小程序无意中看到控制台给出了这样一行提示:求解百度才知道,给大家分享一下:1.wx:for定义官方文档:在组件上使用wx:for控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为index,数组当前项的变量名默认为item人话:根据已有数据来迭代生成组件的一个方法。学前端的同学肯定不会陌生了,V-for、ng-repeat都是一样的原理,可是在这里为什么会报错呢,往下看2.wx:key定义官方文档:如果列表中项目...转载 2021-07-16 11:52:52 · 3264 阅读 · 0 评论 -
用vscode开发时,为什么在使用.less计算除法时会出现问题?
hello,各位小伙伴们好,最近一直有小伙伴问我为什么写Less的时候,发现除法有了问题,在生成的css文件中,不给我们输出正确结果了。直接抛结论:LESS版本升级,EasyLess插件新版本跟随,不支持直接除法运算符引起的解决方案:除法写法变化 ./ 或者 加上小括号(推荐)肯定很多小伙伴会有疑惑,为啥会有这个问题,和大家拓展下:2. less版本变化最新的版本less进入 4.0时代。less关于除法有哪些变化呢?来看下less官...转载 2021-07-16 09:49:02 · 837 阅读 · 1 评论 -
vscode中Comments are not permitted in JSON.(521)的解决办法
描述:在书写.json文件的备注时标红提示Comments are not permitted in JSON.(521),如图所示:第一步:点击vscode界面右下角的JSON第二步:在顶部展现出的框中输入,输入JSON with Comments,点击使用即可最后效果如图:...原创 2021-07-14 18:04:48 · 8571 阅读 · 5 评论 -
小程序常用的第三方框架:wepy、mpvue、taro、chameleon、uni-app
腾讯:wepy 其语法类似于vue 美团:mpvue 其语法类似于vue 京东:taro 其语法类似于react 滴滴:chameleon uni-app 其语法类似于vue原创 2021-07-13 20:15:16 · 791 阅读 · 0 评论 -
开发小程序使用less扩展的方法;提示Expected commajsonc(514)报错;用vscode开发小程序时安装代码提示工具
描述:原生小程序不支持less,mapvue、uniapp等框架支持,但是为了less去安装框架是不值得的。因而需要安装扩展(用VScode开发) 第一步:在侧边找到扩展安装,找到easy less,点击安装,如图: ...原创 2021-07-13 11:22:52 · 10835 阅读 · 4 评论