微信小程序学习
文章平均质量分 70
Rookie1012
我喜欢听故事,这样就可以用一个人的人生过无数次
展开
-
微信小程序|wxs中能否使用ES6模板字符串
1、模板字符串模板字面量是允许嵌入表达式的字符串字面量。模板字符串使用反引号 (``) 来代替普通字符串中的用双引号和单引号。模板字符串可以包含特定语法(${expression})的占位符。var a = 5;var b = 10;console.log(`Fifteen is ${a + b} andnot ${2 * a + b}.`);还可以对变量名称进行动态设置:let a = 1;let b = value;let param = event原创 2021-04-14 09:56:48 · 2979 阅读 · 0 评论 -
微信小程序后端-PageHelper分页时查询结果重复问题
使用PageHelper问题1、分页结果在前端页面出现重复结果!第一页中出现的rows,又在第二页出现,导致原来的记录丢失。2、PageHelper进行分页时,如果排序字段不唯一或者可能为空,那么就可能出现查询结果在不同页中有重复的数据,部分数据也因此查询不出来。这个bug似乎不一定百分百的出现,但是出现的概率非常的大。解决方案如果要排序的字段的值不是唯一的,那么必须加上具备唯一性的主键id(或其他唯一性字段)作为辅助排序,这样就能避免查询结果重复。参考文献https://blog.csdn.n原创 2021-04-06 10:41:30 · 720 阅读 · 0 评论 -
微信小程序后端SpringBoot部署以及遇到的问题
一、CentOS8配置mysql1、安装mysqlsudo dnf install @mysql2、启动mysql命令systemctl start mysqld3、查看mysql启动命令netstat -anp | grep 33064、设置mysql密码命令mysqladmin -u root password xxxxx5、本地登录mysqlmysql -uroot -pxxxx6、退出mysql模式quit7、备份本地mysql数据库8、使用sftp将sq原创 2021-03-31 10:02:39 · 773 阅读 · 1 评论 -
微信小程序|开发实战篇之request请求(单个、多个参数,json对象,header)
开发实战篇之request请求前言1、发送单个、多个参数的request2、发送JSON对象的request3、发送header的request前言小程序发送网络请求常会遇到的问题:请求的url输入的不对。比如应该是http://localhost:8081/user/all。url拼接时漏写了"/"导致Bad Request结果。这时修改为正确的url即可。请求的方法选择的不对,后端声明了POST,却使用GET请求。这时修改method与后端一致。我习惯加上dataType属性。data属性原创 2021-03-15 15:28:43 · 12948 阅读 · 2 评论 -
微信小程序|开发实战篇之十三---小程序布局/组件/屏幕适配问题
适配除去一些固定组件的屏幕高度1、小程序屏幕适配2、解决方案3、使用效果1、小程序屏幕适配例如:iPhone5、iPhone6/7/8、iPhoneX/XR等屏幕大小问题。或者如下布局被按钮组件覆盖问题。分析:这两种问题其实都是一样的解决方案。有些组件给予它固定的width和height会导致在不同型号的手机会有遮挡变形之类。下图是因为container布局的大小与底部固定的按钮覆盖了(position:fixed)2、解决方案不同型号的手机遇到组件、布局等变形了,多半是没有考虑使用rpx,或原创 2021-03-14 21:37:46 · 3070 阅读 · 5 评论 -
微信小程序|开发实战篇之十二---order页面
order页面1、order页面解构1、order页面解构原创 2021-02-22 17:07:56 · 348 阅读 · 0 评论 -
微信小程序|开发实战篇之十一---商品页面和购物车页面
products页面和cart页面1、商品页面解构2、购物车页面解构1、商品页面解构2、购物车页面解构原创 2021-02-20 21:42:31 · 1914 阅读 · 0 评论 -
url中传递url参数|url中特殊字符&、?、=无法解析问题
url中传递url参数|url中特殊字符&、?、=无法解析问题1、微信小程序报错:SyntaxError: Unexpected end of JSON input2、错误场景复现3、错误原因及解决方案3.1 错误原因解析3.2 解决方案4、参考文献1、微信小程序报错:SyntaxError: Unexpected end of JSON input思路:起因是需要用url传递json对象,无法直接传递。因此将json对象转换为String以url方式传递,然后在target页面进行解析。例如:原创 2021-02-18 23:33:11 · 2302 阅读 · 0 评论 -
微信小程序|area组件使用的地址数据文件plus
area组件使用的地址数据文件前言1、解析json的地址转换为area.js的格式2、转换格式的java代码3、运行结果截图示意前言实战篇内容参考:1、腾讯的全球地址数据文件及Xml->Json的处理2、微信小程序|area组件使用的地址数据文件1、解析json的地址转换为area.js的格式源文件格式:********************************匈牙利市的数量:20巴兰尼亚巴奇-基什孔包尔绍德-奥包乌伊-曾普伦贝凯什布达佩斯费耶尔豪伊杜-比豪尔赫原创 2021-02-14 17:14:05 · 725 阅读 · 1 评论 -
微信小程序|area组件使用的地址数据文件
area组件使用的地址数据文件前言1、area组件使用的地址文件结构2、腾讯的全球地址数据文件结构3、两个数据结构的融合3.1 fastjson 解析复杂嵌套json字符串3.2 判断json对象的属性的值是json对象还是json数组3.3 使用fastjson解析Location.json---复杂json对象。3.3.1 中国国内城市json结构:3.3.2 海外城市json结构:3.3.3 中国国内城市json结构:前言实战篇内容参考:1、腾讯的全球地址数据文件及Xml->Json的处理原创 2021-02-09 23:18:09 · 1178 阅读 · 1 评论 -
微信小程序|开发实战篇之十-一些细节处理
1、处理input和textarea中占位符的排版<input auto-focus bindinput="titleIntput" placeholder="为该段行程添加标题*"/><view class="line"></view><textarea style="width:100%;height:150rpx;" bindinput="introIntput" placeholder="为该段行程添加简介,100字以内" />官方表原创 2021-02-08 16:08:37 · 134 阅读 · 0 评论 -
微信小程序|开发实战篇之九-image-picker图片选择器组件及其子组件
开发实战篇之九前言1、image-picker图片选择器组件前言实战篇内容参考:1、Lin Ui开源组件源码分析。https://doc.mini.talelin.com/2、开发过程遇到问题。1、image-picker图片选择器组件原创 2021-02-06 17:05:26 · 1627 阅读 · 3 评论 -
微信小程序|开发实战篇之八-list列表组件及其子组件
开发实战篇之八前言1、list选择器组件前言实战篇内容参考:1、Lin Ui开源组件源码分析。https://doc.mini.talelin.com/2、开发过程遇到问题。1、list选择器组件原创 2021-02-01 22:10:33 · 5222 阅读 · 0 评论 -
腾讯的全球地址数据文件及Xml->Json的处理
全球地址数据文件及处理前言1、腾讯使用的---全球的国家、省/州、区/city的【数据文件】(中,英版)2、Java将xml文件转换为能够使用的json文件前言实战篇内容参考:1、博主Shaun-sheng:全球国家、省/州、城市的数据库(中,英版)2、博主梦岚如雪:Java中将xml文件转化为json的两种方式1、腾讯使用的—全球的国家、省/州、区/city的【数据文件】(中,英版)2、Java将xml文件转换为能够使用的json文件...原创 2021-01-29 17:30:02 · 1300 阅读 · 3 评论 -
微信小程序|开发实战篇之七-steps进度条组件
开发实战篇之七前言1、picker选择器组件前言实战篇内容参考:1、Lin Ui开源组件源码分析。https://doc.mini.talelin.com/2、开发过程遇到问题。1、picker选择器组件原创 2021-01-29 17:14:43 · 2773 阅读 · 0 评论 -
微信小程序|开发实战篇之六-pagination分页组件
开发实战篇之六前言前言实战篇内容参考:1、分页组件开发2、开发过程遇到问题。原创 2021-01-27 00:12:28 · 2312 阅读 · 0 评论 -
微信小程序|开发实战篇之五-slide-view滑动菜单组件
开发实战篇之五前言1、微信小程序操作dom元素前言实战篇内容参考:1、Lin Ui开源组件源码分析。https://doc.mini.talelin.com/2、开发过程遇到问题。1、微信小程序操作dom元素操作dom元素需要JavaScript基础,因此学习之。...原创 2021-01-24 11:43:34 · 1357 阅读 · 1 评论 -
微信小程序|开发实战篇之四
开发实战篇之四前言1、零碎知识点和优化点前言实战篇内容参考:1、小程序开发实战:https://coding.imooc.com/class/chapter/251.html#Anchor2、博主:ssc在路上1、零碎知识点和优化点原创 2021-01-15 22:52:42 · 359 阅读 · 0 评论 -
微信小程序|开发实战篇之三
开发实战篇之二前言1、零碎知识点和优化点前言实战篇内容参考:1、小程序开发实战:https://coding.imooc.com/class/chapter/251.html#Anchor2、博主:ssc在路上1、零碎知识点和优化点原创 2021-01-11 16:55:01 · 365 阅读 · 0 评论 -
微信小程序|开发实战篇之二
开发实战篇之二1、完善music组件1、完善music组件原创 2021-01-06 13:03:52 · 1111 阅读 · 1 评论 -
微信小程序|开发实战篇之一
开发实战篇1、通用方法的封装1、通用方法的封装这个主要是来优化请求的方法,我们把一些通用的数据抽离出来,来写成公共的方法,供许多模块调用。config.js像java中的properties文件。ES6语法中一个js就是一个模块,官方导入js使用require,但可以使用导入module的方式。(1)封装的config.js代码:// export导出config// const关键字是声明不变的值的时候来用的,相当于Java中静态变量export const config = {原创 2020-12-29 17:51:21 · 777 阅读 · 1 评论 -
微信小程序|样式布局篇
微信小程序|样式布局篇1、 小程序中的布局1.1 Flex布局特点1.2 Flex布局的应用关于利用justify-contenr属性的居中出现的问题1-创建titles数组,有多个tab标签。并使用wx:for="{{titles}}"遍历输出。2-设置整体为flex布局,并设置高度88rpx。1.3 Flex和block1、 小程序中的布局小程序的flex布局,即弹性盒子布局,可以比较容易的排列组件位置。1.1 Flex布局特点(1)任意方向的伸缩,向左,向右,向下,向上;(2)在样式层可以原创 2020-12-29 10:45:25 · 6697 阅读 · 1 评论 -
微信小程序|入门篇
微信小程序|入门篇前言1. 小程序背景知识1.1 小程序特点1.2 小程序的配置文件1.4 小程序的双线程模型前言入门篇内容参考:1、Fanxiaomeng92博主2、2019年7月最新小程序开发教程:https://www.bilibili.com/video/BV1Kt411V7rg1. 小程序背景知识1.1 小程序特点类似于Web开发模式,入门的门槛低:基本上是类似html+css+js;可以直接云端更新:微信审核,无需经过App Store等平台;提升用户体验:通过提供基础能原创 2020-12-23 23:56:33 · 2366 阅读 · 0 评论 -
微信小程序|开发FAQ篇
前言因为需要开发一个微信小程序商城系统,记录学习的思路可能会受开发过程影响,有点开发记录文档的意思。因没有任何前端经验,所以记录得会很细节,会有很多点乱入。参照借鉴了Fanxiaomeng92、ssc在路上 博主的学习路线及思路。顺便总结一下学习思路:1、0基础直接上手开发,需要学习一些实战项目,不仅学基础还可以学代码风格和规范。2、进行系统地学习,但要抓重点。对小程序整体架构、运行原理需要了解,熟练应用各类组件等。开发过程中AQ:(前端问题)q1: 在学习开源组件Lin UI的card组原创 2020-12-23 12:08:44 · 8614 阅读 · 0 评论