![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
༺鲸落༻
Life is transient
展开
-
微信小程序调用wx.getLocation时弹窗不出现,而且设置中没有使用小程序期间和离开小程序后的解决方法
"permission": { "scope.userLocation": { "desc": "您的位置信息将用于获取周围商家信息" } }, "requiredBackgroundModes": ['location']原创 2021-01-27 14:28:20 · 3536 阅读 · 1 评论 -
悄悄告诉你如何获取别人小程序的源代码(包含wxml,wxss) 绝对有效
悄悄告诉你如何获取别人小程序的源代码(包含wxml,wxss) 绝对有效!!原创 2021-01-03 22:26:31 · 22387 阅读 · 66 评论 -
js正则表达式去除富文本中img标签的width、height、style宽高等属性
<view class="content"> <rich-text :nodes="replaceSpecialChar(news.detail)"></rich-text></view>methods: { init() { this.$u.api.getDetailById({ id: this.id }).then(res => { this.news = res.data; })原创 2020-12-21 17:32:15 · 3986 阅读 · 2 评论 -
vue和小程序中富文本内容过长解决办法(显示省略号)
背景情况后端通过富文本上传了一篇通告类文章,前端展示时要显示在div中会因为内容过多改变布局。解决思路为了div不被撑开,无奈截取。但是富文本数据里面有元素标签,空格,换行等乱七八糟的干扰,为了只截取汉字并显示汉字,想到了正则过滤。解决办法// 正则过滤富文本richTextFormat(value) { // value = value.replace(/<\/?[^>]*>/g,'') value = value.replace(/<\/?.+?>/g,''转载 2020-12-16 23:14:10 · 1813 阅读 · 0 评论 -
开发者工具能成功预览,手机却预览不了 (无法连接到服务器)
在微信小程序本地开发测试过程中(这里指的是本地测试,本地测试,本地测试,重要的事说三遍),会遇到一个坑:在微信开发者工具中能正常请求本地后台数据,但在手机预览中却请求不到,如下图所示:1.在微信开发者工具中数据正常显示2.在手机预览中无数据解决此问题需要有以下4点设置:1、在微信开发者工具中设置:不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书2、wx.request请求的地址不得使用localhost,而应改成本地服务器所在的电脑IP假设电脑的IP为192转载 2020-12-16 21:31:27 · 10630 阅读 · 8 评论 -
13 | 小程序生命周期
应用生命周期这些属性都在 app.js 入口文件中编写//app.jsApp({ // 1 应用第一次启动的就会触发的事件 onLaunch() { // 在应用第一次启动的时候 获取用户的个人信息 console.log("onLaunch"); // aabbcc // js的方式来跳转 不能触发 onPageNotFound // wx.navigateTo({ // url: '/11/22/33' // });原创 2020-08-12 11:38:15 · 110 阅读 · 0 评论 -
11 | 小程序之自定义组件
前言为什么要自定义组件 ?在项目开发中,如果我们写的界面有很多组件块是重复的,这样会造成代码冗余,而且开发得很累,所以,我们要善于根据不同的场景自定义组件来构建页面参考文档1、创建自定义组件类似于页面,一个自定义组件由 json wxml wxss js 4个文件组成可以在微信开发者⼯具中快速创建组件的⽂件结构在⽂件夹内 components/myHeader,创建组件名为 myHeader1.1 声明组件⾸先需要在组件的 json json ⽂件中进⾏⾃定义组件声明myHea原创 2020-08-12 11:16:59 · 165 阅读 · 0 评论 -
12 | 自定义组件小实验
1、创建自定义组件首先,创建一个位于 /components/Tabs 下的组件Tabs2、自定义组件的内容、样式和行为tabs.wxml<view class="tabs"> <view class="tabs_title"> <view wx:for="{{tabs}}" wx:key="id" class="title_item {{item.isActive?'active':''}}" >原创 2020-08-12 11:16:35 · 375 阅读 · 0 评论 -
10 | 小程序之常用组件
本章重点讲解小程序中常用的布局组件view,text,rich-text,button,image,navigator,icon,swiper,radio,checkbox参考view代替原来的 div 标签<view>123</view>text⽂本标签只能嵌套text⻓按⽂字可以复制(只有该标签有这个功能)可以对空格回⻋进⾏编码 <text selectable="{{false}}" decode="{{false}}">原创 2020-08-11 13:49:58 · 406 阅读 · 0 评论 -
9 | 小程序之样式WXSS
WXSS( WeiXin Style Sheets )是⼀套样式语⾔,⽤于描述 WXML WXML 的组件样式。与CSS相⽐,WXSS扩展的特性有:响应式⻓度单位 rpx样式导⼊尺⼨单位rpx(responsive pixel): 可以根据屏幕宽度进⾏⾃适应。规定屏幕宽为 750rpx 。如在iPhone6 上,屏幕宽度为 375px ,共有750个物理像素,则 750rpx = 375px = 750物理像素 ,即 1rpx = 0.5px = 1物理像素使⽤步骤:确定设计稿宽度pa原创 2020-08-10 11:21:34 · 426 阅读 · 0 评论 -
8 | 小程序事件的绑定
8 | 小程序事件的绑定⼩程序中绑定事件,通过bind关键字来实现。如 bindtap, bindinput, bindchange 等不同的组件⽀持不同的事件,具体看组件的说明即可。绑定输入事件的小栗子说明:在输入框中输入一个数字,在一个view视图中随时更新显示代码:<input type="text" bindinput="handleInput" /><view>{{msg}}</view>Page({ /** * 页面的初始数原创 2020-08-09 14:10:39 · 144 阅读 · 0 评论 -
7 | 小程序模板语法——条件渲染
wx:if在框架中,使⽤ wx:if="{{condition}}" 来判断是否需要渲染该代码块:<view wx:if="{{false}}">1</view><view wx:elif="{{true}}">2</view><view wx:else>3</view>hidden<view hidden="{{condition}}"> True </view>应用场景当标签不是频繁的切原创 2020-08-09 14:09:41 · 146 阅读 · 0 评论 -
6 | 小程序模板语法——列表渲染
wx:for项的变量名默认为 item wx:for-item 可以指定数组当前元素的变量名下标变量名默认为 index wx:for-index 可以指定数组当前下标的变量名wx:key ⽤来提⾼数组渲染的性能wx:key 绑定的值有如下选择string 类型,表⽰循环项中的唯⼀属性如list:[{ id:0, name:"炒饭" }, { id:1, name:"炒面" }] wx:key="id"保留字 *this原创 2020-08-09 14:09:10 · 200 阅读 · 0 评论 -
5 | 小程序模板语法——运算
三元运算<view hidden="{{flag ? true : false}}"> Hidden </view>算数运算<view> {{a + b}} + {{c}} + d </view>Page({ data: { a: 1, b: 2, c: 3 } } )逻辑判断<view wx:if="{{leng原创 2020-08-09 14:08:34 · 287 阅读 · 0 评论 -
4 | 小程序模板语法——数据绑定
序言text 相当于以前web中的 span标签 行内元素 不会换行view 相当于以前web中的 div标签 块级元素 会换行checkbox 以前的复选框标签一、普通写法<view> {{ message }} </view>Page({ /** * 页面的初始数据 */ data: { msg:"hello" }})二、组件属性<view id="item-{{id}}"> </view>原创 2020-08-09 14:07:59 · 135 阅读 · 0 评论 -
3 | 小程序底部导航栏 tabBar 小实验
一、前言相信你在上文( 2 | 小程序的配置文件 )中的全局配置文件 app.json 里看到有 tabBar 导航栏配置项,现在我们就来做一个导航栏二、实践(1)先把icon文件夹放到pages同层级下(2)在app.json中创建两个个页面路径{ "pages":[ "pages/index/index", "pages/img/img", "pages/logs/logs" ], "window":{ "backgroundText原创 2020-08-08 13:26:56 · 210 阅读 · 0 评论 -
2 | 小程序的配置文件
2 | 小程序的配置文件⼀个⼩程序应⽤程序会包括最基本的两种配置⽂件。⼀种是全局的 app.json 和⻚⾯⾃⼰的 page.json一、全局配置app.jsonapp.json 是当前⼩程序的全局配置,包括了⼩程序的所有⻚⾯路径、界⾯表现、⽹络超时时间、底部tab等。普通快速启动项⽬⾥边的 app.json 配置字段的含义pages 字段⸺⽤于描述当前⼩程序所有⻚⾯路径,这是为了让微信客⼾端知道当前你的⼩程序 ⻚⾯定义在哪个⽬录。window 字段⸺定义⼩程序所有⻚⾯的顶部背景颜⾊,⽂字原创 2020-08-08 13:25:11 · 185 阅读 · 0 评论 -
1 | 小程序学习之旅
一、前言(1)小程序没有DOM对象,一切基于组件化组件:把重复的代码提取出来合并成为一个个组件模块:分属同一功能/业务的代码进行隔离(分装)成独立的模块,可以独立运行,独立管理,每个模块有很多接口,可供调用(2)小程序的四个重要的文件*.js*.wxml —> view结构 ----> html*.wxss —> view样式 -----> css*. json ----> view 数据 -----> json文件(3)Flex原创 2020-08-08 13:23:10 · 219 阅读 · 5 评论