- 博客(22)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 uniapp中自定义的组件中使用地区选择器无法渲染地区列表
uniapp项目中在自定义的组件中使用地区选择器无法显示地区列表如下图:1.首先检查地区列表在初始化的时候有没有被赋值var addressList = require('../../utils/city.js')onLoad() { this.areaList = addressList.default; console.log(this.areaList,"地区列表") },2.根据打印的结果发现地区列表并没有被初始化,后来上网查找资料后发现,在uniapp中使用自定义组件会微信小
2020-12-25 10:57:53
557
原创 uniapp项目h5端使用vant组件
在做uniapp项目时由于vant组件小程序和h5组件是不通用的,所以vant组件在h5中要单独引用。1.首先使用npm i @vant/weapp -S --production 安装vant的组件包,安装成功后结构目录如下2.我们在全局中引用vant组件,找到main.js文件,在文件中添加一下代码import Vant from 'vant';import { Toast } from 'vant';Vue.use(Vant);3.进行了以上操作后我们只需要在所用到的页面中直接使用组件
2021-01-19 10:32:18
7564
7
原创 微信小程序文件上传和下载到本地并打开
文件上传我们要把选取文件这时我们需要借助小程序选取文件的api wx.chooseMessageFile(选取文件的api)或wx.chooseImage(选取图片的api)和文件上传以及下载的api,下面我们以上传文件为例:1.首先选取要上传的文件把选取的文件大路径保存;wx.chooseMessageFile({ success: (res) => { this.fileName = res.tempFiles[0].name this.filePath = res
2020-12-30 10:01:20
4250
1
原创 微信小程序后端返回的不是图片地址,而是二进制图片流,前端渲染图片
遇到这种情况我们需要借助wx.request这个api成功获取到图片的二进制流,然后在通过wx.arrayBufferToBase64把图片的二进制流转化成正常的64进制,然后在拼接图片的url代码如下:wx.request({ url:url, //获取图片的URL method: "get", responseType: 'arraybuffer', //ArrayBuffer涉及面比较广,我的理解是ArrayBuffer代表内存之中的一段二进制数据,一旦生成不能再改。可以通过
2020-12-28 14:56:13
2728
1
原创 uniapp中使用了swiper后textarea会在页面中自动定位
在uniappuniapp中使用了swiper后textarea会在页面中自动定位,让textarea随着屏幕的滚动出现在不同的位置,解决办法在swiper的css中添加display:inline
2020-12-25 11:29:49
254
1
原创 transiton和animation的不同
1.触发条件不同:transtion通常和hover等事件配合使用2.animation封装调动则立即插入播放动画3.精确性:antimation可以设定每一帧的样式和时间,transtion只能设置头尾,antimation可以设置每一帧单独要变化的样式属性,transiton只能所有的样式一起变化4.antimation可以设定循环次数5.antimation和原生交互不是很紧逼,tr...
2020-03-24 16:43:20
330
原创 jsonp跨域的步骤
1.定义一个回调函数(全局函数)2.创建script标签指定src地址3. 代码如下://定义回调函数window.fn=function(res){}//创建script标签var sc=document.creatElement("script")//api为地址sc.src=apidocunmebt.body.appendchild(sc)...
2020-03-24 16:34:06
967
原创 indexof、includes、starstWith、endsWith的区别
传统上javasc提供了indeof的方法用来确定一个字符串是否包含一个字符串,但es6有提供新的方法。1.首先我们回顾一下传统的indexof方法indexof()方法可以判断一个字符串是否包含另一个字符串,如果包含返回的是该字符串的下标,如果存在则返回-1var arr="asdfg"var a=arr.indeoxf("s")var b=arr.indexof("a")var c...
2020-03-23 16:39:44
743
1
原创 filter数组的过滤
filter() 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素,返回的是一个数组var arr=["2","6","10,"3","8"] var a=arr.filter(item=>{ item>5}) console.log(a)//["6","10,"8"]通过这个方法我们可以快速地找到我们想要在原数组满足条件的数组...
2020-03-23 16:05:51
188
原创 position定位
利用positon可以对dom对象进行定位,那么我们来一起认识试一下postion属性和属性值1.static默认值,无特殊定位,遵循HTML原则2.absolute绝对定位,将对象从文档流中脱离出来,使用let、right、top、buttom属性相对其最接近一个带有定位设置的父元素进行绝对定位;如果不存在这样的元素则根据html进行定位3.relative相对定位。相对于标签原来的...
2020-03-17 19:47:47
96
原创 微信小程序复选框的使用
1.首先给定一个数据并且默认一个布尔值data: { isflag:false },2.使用checkbox-group和checkbox组件,并赋予他们checked,value属性值为isflag<checkbox-group class="quan" bindchange="gai" > <checkbox value="{{isflag}}"...
2020-03-15 22:40:17
2154
原创 微信小程序入门3--wx语法
1.数据绑定:在wxml里渲染文件<view>{{message}}</view>在js文件里初始化数据Page({ data: { message: 'Hello MINA!', list: [ { id: "1", name: "张三", flag: false }, { id: "2", name: "李四",...
2020-03-12 21:15:38
1308
原创 微信小程序入门2--路由和路由传参
路由的跳转分为两类:标签式跳转和编程式跳转。当然微信小程序也不列外。1.标签式跳转//此种跳转会发生压栈,不能跳转到tabBar设置的页面<navigator url="/pages/one/one">one</navigator>//此种跳转不会发生压栈,也不能跳转到tabBar设置的页面<navigator url="/pages/one/one" op...
2020-03-10 18:40:12
335
原创 微信小程序入门1--小程序开发工具的使用和全局配置
1.微信小程序的介绍微信小程序英文名叫 mini program 是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。其优点是不占用存储空间, 节省使用的时间,正式发布于,2017年1月。小程序的内核是nwjs2.微信小程序的使用:1.进入微信小程序官网:http://mp.weixin.qq.com/2.注册和下载开发者工具:1.根据不同...
2020-03-09 23:11:41
882
原创 如何使用jsonp跨域
1.定义一个回调函数(全局函数)2. 创建script标签指定src地址代码如下:window.fn=function(res){}//创建script标签var sc=document.createElement(‘script’)sc.src=apidocument.body.appendchild(sc)...
2020-03-09 21:53:17
182
原创 css中单行文本框显示省略号
1.设置一个容器宽度2.强制文本在一行显示3.溢出内容显示为隐藏4.溢出文本显示为省略号代码如下:div{width:300px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;} <div> 我知道自己有多好,可我更知道自己有多差,我有多渴望被别人喜欢,就有多知道自己不值得被别人喜欢。说是了解自己,...
2020-03-08 19:02:29
285
原创 css中选择器的类型和权重大全
1. 选择器的类型和用法:1.id选择器:#id{属性:属性值}2.class选器 : .classname{属性:属性值}3.类选择器: 标签名{属性:属性值}4. 特殊选择器:特殊选择器是除了上面三大类选择器之外的选择器,包括:群组选择,包含选择器,子元素选择器,伪类选择器群组选择器:选择符1,选择符2{属性:属性值}包含选择器(后代选择器):选择符1 选择符2 {属性:属性值}...
2020-03-07 19:13:02
665
原创 post和get的区别
post和get都是用来发送Http请求的,那么二者有何区别1.get是从服务器上获取数据,post是向服务器传送数据2.get是把参数数据队列加到提交表单中的ACTIOM属性所指的URL中,在URL中可以看到。post是通过Http post机制,用户看不到这个过程3.get的传送数据量比较小,不能大于2kb,post传输的数据较大,一般默认为不受限制4.get的安全性非常低,post安...
2020-03-05 22:08:32
119
原创 react脚手架中设置正向代理
1.首先配置安装脚手架环境# create-react-app my-app 2.脚手架安装完毕后,安装插件http-proxy-middleware# npm i http-proxy-middleware3.http-proxy-middleware安装完后会在src多出一个文件setupTest.js在它的同级目录下新建一个setupProxy.js 结构如下4.在set...
2020-03-05 22:01:07
394
原创 解决父元素高度塌陷
方法1.给父元素添加overflower:hieder缺点:当子元素有定位设置,定位到父元素外面,不希望溢出部分溢出隐藏时就不行了方法2.在最后浮动的元素下方添加空div,并给该元素添加声明:clear:both,height:0,overflow:hidder缺点:在HTML结构文档中会形成很多冗余代码方法3.在父元素选择器上进行设置:div:after{content:",”...
2020-03-03 10:17:36
543
原创 react中受控组件的使用
受控组件受控组件的定义:对于表单元素来说他的值来自于state,对于普通组件来说,它的数据来自于外部,这样的组件被称为受控组件受控组件的使用 :1.普通组件:在App组件里引用One组件,并且通过props把n和add方法传给One组件 class App extends React.Component {// 挂在阶段的周期函数constructor(props) { sup...
2020-02-24 18:10:02
1091
原创 从零开始学习react
1.什么是react1.react是一个用于构建用户界面的 JavaScript 库。使用 React 可以将一些简短、独立的代码片段组合成复杂的 UI 界面,这些代码片段被称作“组件”。2.react的特点:声明式,组件化和一次学习随处编写。3.react学习的内容:(1)jsx语法:是javascript扩展的意思,相当于 js+xml其原理是:React.creatElement...
2020-02-23 13:09:35
529
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人