阿乐のBlog - aqingya.cn

如何引入图标：https://aqingya.cn/articl/f3f9dd01.html 解决问题：图标在APP上不显示的问题 1、使用了非H5端不支持的vue语法，受小程序自定义组件限制的写法 2、不要在引用组件的地方在组件属性上直接写 style=”xx”，要在组件内部写样式 3、url(//alicdn.net)等路径，改为url(https://alicdn.net)，因为在App端//是file协议 4、很多人在H5端联网时使用本地测试服务地址(localhost或127.0.0.1)，这样的联网地址手机App端是无法访问的，请使用手机可访问的IP进行联网

解决uni图标在APP上不显示的问题

发表于2022-03-06|uni-app开发|微信小程序•uni-app开发| 条评论

1let ary = [1, [2, [3, [4, 5]]], 6]; 常用：第一种： 1arr_flat = arr.flat(Infinity); 第二种：扩展运算符 123while (ary.some(Array.isArray)) { ary = [].concat(...ary);} 第三种： 1ary = str.replace(/(\[\]))/g, '').split(',');

JS数组扁平化方法总结

发表于2022-03-06|JavaScript|JavaScript| 条评论

第一章：React入门React简介官网中文官网: https://react.docschina.org/ 英文官网: https://reactjs.org/ 介绍描述用于动态构建用户界面的 JavaScript 库（只关注于视图）由Facebook开源 React特点声明式编码组件化编码 React Native 编写原生应用高效（优秀的Diffing算法） React高效的原因使用虚拟(virtual)DOM, 不总是直接操作页面真实DOM。 DOM Diffing算法, 最小化页面重绘。 React的基本使用相关js库 react.js：React核心库。 react-dom.js：提供操作DOM的react扩展库。 babel.min.js：解析JSX语法代码转为JS代码的库创建虚拟dom的两种方式 1.纯js方式（一般不使用） 1234567891011121314151617181920212223<!DOCTYPE html><html lang="en"><head> &l ...

React简单总结

发表于2022-03-03|React|React| 条评论

1、普通监听（无法监听到第一次绑定的变化） 1234567<input type="text" v-model="money"/> //监听当money值发生变化时触发watch: { money (newName, oldName) { console.log(newName) }} 2、普通监听（可监听到第一次绑定的变化）第一种方式有一个缺点就是当值第一次绑定的时候不会执行监听函数，，只有当值改变的时候才会执行，如果想在第一次绑定的时候执行此监听函数，则需要设置 immediate: true，代码如下： 12345678<input type="text" v-model="money"/> //监听当money值发生变化时触发watch: { money (newName, oldName) { console.log(newName) &# ...

uni-app开发中watch的使用方法

发表于2022-02-21|uni-app开发|微信小程序•uni-app开发| 条评论

问题：将字符串的内容显示在span或其他标签上时 \n不会正常显示换行解决办法：1.添加css样式 white-space:pre 2.如果可以的话，使用<pre>标签替换也可

解决vue渲染中有时字符串中的 \n 不渲染

发表于2022-02-16|Vue|vue| 条评论

用固定class和动态class共存的时候，就可以使用下面的方式 success 方式一： 1<text :class="['btn',item.isTrue?'btnActive':'']">{{item.title}}</text> success 方式二： 1<text :class="[item.isTrue?'btnActive':'btn']">{{item.title}}</text>

uni-app中使用动态Class

发表于2022-02-16|uni-app开发|uni-app开发| 条评论

123456789<view @longpress="longpress"> <view>methods: { longpress(){ console.log("你长按了！！！") }}

uni-app 长按事件

发表于2022-01-23|uni-app开发|微信小程序•uni-app开发| 条评论

调用页面1: 123uni.$on("updateWarehouesList",()=>{//监听对象 updateWarehouesList this.getWarehouesList()//调用方法}) 页面2: 1uni.$emit("updateWarehouesList","")//调用页面1的监听对象 updateWarehouesList并传递"" 跳转传值对象页面1调转： 123uni.navigateTo({ url: "/pages/warehouse/orderEdit?item=" + encodeURIComponent(JSON.stringify(this.item))}) 页面2接受： 12345onLoad(option) { if(option.item!=null){ this.item = JSON.parse(decodeURIComponent(optio ...

uniapp 跨页面传值对象参数和

发表于2022-01-21|uni-app开发|uni-app开发| 条评论

需求点击下一个，显示a的下一个字母b，这个时候的内容为 bcd，接着点击上一个，显示b的上一个数字a，这个时候的内容为abc。代码template 123456789<div class="a2"> <div class="aa1" :style="{'margin-left': num * 20 + 'px','transition': 'all .3s ease-out .1s',}"> <div class="aa11" v-for="(item,index) in aa" :key="index"> <div>{{ item }}</div> </div> </div></div><button ...

Vue点击左右的按钮简单实现内容滑动

发表于2022-01-03|Vue|vue| 条评论

说明uView组件功能的实现，并不依赖全局样式，内置的一些类名，只是提供一些基础且常用的样式，仅此而已。注意：请根据快速上手中的说明，引入uView提供的scss文件。温馨提示由于uView的内置样式均是写在scss文件中的，您在使用的时候，请确保要给页面的style标签加上lang="scss"属性，否则可能会报错。 #文字省略u-line-1,u-line-2,u-line-3,u-line-4,u-line-5五个类名在文字超出内容盒子时，分别只显示一行、两行、三行、四行、五行+省略号。 123<view class="u-line-1"> 是日也，天朗气清，惠风和畅，仰观宇宙之大，俯察品类之盛，所以游目骋怀，足以极视听之娱，信可乐也</view> #定位uView内置了关于相对和绝对定位的两个类，分别为u-relative(u-rela)和u-absolute(u-abso)： 123456789.u-relative,.u-rela { position: relative;}.u-ab ...

uniapp中uview框架内置样式

发表于2021-12-26|uni-app开发|uni-app开发•uView| 条评论

数据库加载中